@charset "UTF-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');
/*
font-family: 'Noto Sans JP', sans-serif;
Reguler 400
Medium 500
Bold 600
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500&display=swap');
/*
font-family: 'Outfit', sans-serif;
Light 300
Medium 500
*/


/*
@font-face {
	font-family:'DINPro-Light';
	src: url("../../fonts/DINPro-Light.eot");
	src: url("../../fonts/DINPro-Light.eot?#iefix") format("embedded-opentype"), 
	url('../../fonts/DINPro-Light.woff2') format('woff2'),
	url('../../fonts/DINPro-Light.woff') format('woff'),
	url('../../fonts/DINPro-Light.ttf') format('truetype'),
	url('../../fonts/DINPro-Light.svg#DINPro-Light') format('svg');
}

@font-face {
	font-family:'DINPro-Regular';
	src:url('../../fonts/DINPro-Regular.eot');
	src:url('../../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/DINPro-Regular.woff2') format('woff2'),
	url('../../fonts/DINPro-Regular.woff') format('woff'),
	url('../../fonts/DINPro-Regular.ttf') format('truetype'),
	url('../../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
}
*/
@font-face {
	font-family:'DINPro-Medium';
	src:url('../../fonts/DINPro-Medium.eot');
	src:url('../../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/DINPro-Medium.woff2') format('woff2'),
	url('../../fonts/DINPro-Medium.woff') format('woff'),
	url('../../fonts/DINPro-Medium.ttf') format('truetype'),
	url('../../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
}
/*
@font-face {
	font-family:'DINPro-Bold';
	src:url('../../fonts/DINPro-Bold.eot');
	src:url('../../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/DINPro-Bold.woff2') format('woff2'),
	url('../../fonts/DINPro-Bold.woff') format('woff'),
	url('../../fonts/DINPro-Bold.ttf') format('truetype'),
	url('../../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
}

*/




/* ---------- RESET ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {
  margin:0;
  padding:0;
  border:0;
  font-size: 100%;
  font:inherit;
  vertical-align: baseline;
  text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
input:focus, textarea:focus{
  -webkit-apparence:none;
  outline: none;
  border:none;
}
img{
	border:none;
	outline:none;
	vertical-align:top;
	font-size:0;
	line-height:0;
}
img a{
	border:none;
	outline: none;
}
a:focus{
	outline:none;
}
hr {
  height:0;
  margin:0;
  padding:0;
  border:0;
}
h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration:none;
}

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
a{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}


img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;   
    outline:none;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}



html{
    width: 100%;
    height: 100%;
}

body{
	color:#FFF;
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', Arial, Meiryo, "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 12px;
	font-weight: 500;
    line-height: 1.7;
	background: #FFF;
	width: 100%;
	height: 100%;
}




.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}





/* ---------------------------------------------------------- */


/* standard */

.fadeIn,
.delighter .fadeIn{
	opacity:0;
    position: relative;
    top: 2vw;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	will-change: transform,animation,position;
	-webkit-transition: top 1.0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.0s;
	transition: top 1.0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.0s;
}
.delighter.started .fadeIn{
	opacity:1;
    top: 0;
}


/* ---------------------------------------------------------------------------- */



#loader-bg{
    display:block;
    position:fixed;
    width:100%;
    height:100vh;
    top:0px;
    right:0px;
    background:#FFF;
    z-index:1000;
    overflow:hidden;
	-webkit-transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.close{
	width: 0;
}




/* -------------------- */



.bkImage{
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0;
	z-index: 1;
	display: block;
}

.bkImage .imageBox{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-position: center center;
	background-size: cover;
}

.bkImage .imageBox.ca01{left: 0;background-image: url("../images/bk_ca01_pc.jpg");}
.bkImage .imageBox.ca02{right: 0;background-image: url("../images/bk_ca02_pc.jpg");}








.header{
	width: 100%;
	height: 130%;
	position: relative;
	z-index: 10;
	display: block;
}

.header .set01{
	position: absolute;
	top: 0;
	bottom: 23%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 15;
	display: block;
}
.header .set01 h1{
	width: 57.6%;
	position: absolute;
	top: 51%;
	left: 0;
	right: 0;
	opacity: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: top 2.0s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s;
	transition: top 2.0s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s;
}

.header.start .set01 h1{
	top: 48%;
	opacity: 1;
}


.header .scroll{
	width: 18%;
	position: absolute;
	bottom: calc(4% + 25px);
	left: 0;
	right: 0;
	margin: 0 auto;
	filter:drop-shadow(0 0.3vw 0.4vw rgba(0,0,0,0.3));
}

.header .scroll p{
	width: 100%;
	display: block;
	position: relative;
	opacity: 0;
}
.header.start .scroll p{animation: scrollAnime 2.7s infinite;animation-delay: 1.6s;}


@keyframes scrollAnime {
0% {transform:translate(0, 0);}
95%{transform: translate(0, 25px);}
0%, 85%, 100%{opacity: 0;}
20%,60%{opacity: 1;}
}


.header .spHeader{display: none;}
.spSideNavi,
.spBkImage,
.spCategoryTitle{display: none;}

/*--------------------*/




.main{
	width: 100%;
	position: relative;
	z-index: 100;
	display: flex;
	margin-top: 50vw;
}



/*--------------------*/

.column{width: 100%;}

/*--------------------*/




.column .lead{
	width: 100%;
	text-align: center;
}
.column .lead{
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.column .lead.view{
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}



.column .lead{
	height: 130vh;
}
.column .lead .leadInner{
	position:fixed;
	top: 50%;
	width: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.column .lead .leadInner.beach{left: 0;}
.column .lead .leadInner.vacation{right: 0;}


/*--------*/

.column .lead h2{
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
	letter-spacing: 0.07em;
	line-height: 1;
	overflow: hidden;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	filter:drop-shadow(0 0 0.15em rgba(0,0,0,0.2));
}
.column .lead h2{font-size: 30px;}
.column .lead h2 span{
	position: relative;
	top: 1em;
	opacity:0;
	-webkit-transition: top 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s;
	transition: top 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.column .lead.view h2 span{	top:0em;opacity:1;}
.column .lead.view h2 span:nth-child(1){-webkit-transition-delay: 0.0s;transition-delay: 0.0s;}
.column .lead.view h2 span:nth-child(2){-webkit-transition-delay: 0.06s;transition-delay: 0.06s;}
.column .lead.view h2 span:nth-child(3){-webkit-transition-delay: 0.12s;transition-delay: 0.12s;}
.column .lead.view h2 span:nth-child(4){-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.column .lead.view h2 span:nth-child(5){-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.column .lead.view h2 span:nth-child(6){-webkit-transition-delay: 0.30s;transition-delay: 0.30s;}
.column .lead.view h2 span:nth-child(7){-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.column .lead.view h2 span:nth-child(8){-webkit-transition-delay: 0.42s;transition-delay: 0.42s;}
.column .lead.view h2 span:nth-child(9){-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.column .lead.view h2 span:nth-child(10){-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
.column .lead.view h2 span:nth-child(11){-webkit-transition-delay: 0.60s;transition-delay: 0.60s;}
.column .lead.view h2 span:nth-child(12){-webkit-transition-delay: 0.66s;transition-delay: 0.66s;}
.column .lead.view h2 span:nth-child(13){-webkit-transition-delay: 0.72s;transition-delay: 0.72s;}
.column .lead.view h2 span:nth-child(14){-webkit-transition-delay: 0.78s;transition-delay: 0.78s;}
.column .lead.view h2 span:nth-child(15){-webkit-transition-delay: 0.84s;transition-delay: 0.84s;}





.column .lead .copy{
	width: 98%;
	margin: 4em auto 0;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 2.0;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.column .lead .copy p:not(:first-child){
	margin-top: 2em;
}

.column .lead .copy p{
	position: relative;
	opacity: 0;
	top: 1.3em;
	-webkit-transition: top 0s, opacity 0.1s;
	transition: top 0s, opacity 0.1s;
}

.column .lead .beach .copy p{filter:drop-shadow(0 0.1em 0.3em rgba(0,0,0,0.2));}
.column .lead .vacation .copy p{filter:drop-shadow(0 0.1em 0.3em rgba(0,0,0,0.35));}


.column .lead .copy p:nth-child(1){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.column .lead .copy p:nth-child(2){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.column .lead .copy p:nth-child(3){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.column .lead .copy p br.res{display: none;}

.column .lead.view .copy p{
	opacity: 1;
	top: 0;
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s;
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s;
}
.column .lead.view .copy p:nth-child(1){-webkit-transition-delay: 0.0s;transition-delay: 0.0s;}
.column .lead.view .copy p:nth-child(2){-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.column .lead.view .copy p:nth-child(3){-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}






/*------------------*/




.contents{
	width: 100%;
	position: relative;
	padding-bottom: 13vw;
	background: linear-gradient(90deg, #EDF6FF 0%, #EDF6FF 50%, #FFF 50%, #FFF 100%);
}
.contents::before{
	content: '';
	position: absolute;
	top: -15vh;
	left: 0;
	display: block;
	z-index: 50;
	width: 100%;
	height: 15vh;
	background:linear-gradient(0deg, #FFF 0%, rgba(255,255,255,0) 100%);
}

.contents .beachBox{width: 50%;position: relative;}
.contents .vacationBox{width: 50%;position: relative;}





.contents .mainImage{
	width: 100%;
	position: relative;
	display: flex;
}
.contents .mainImage .beachBox::before{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	z-index: 50;
	width: 100%;
	height: 17vw;
	background:linear-gradient(180deg,  rgba(237,246,255,0) 0%, rgba(237,246,255,1) 100%);
}
.contents .mainImage .vacationBox::before{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	z-index: 50;
	width: 100%;
	height: 17vw;
	background:linear-gradient(180deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}



/*---------------------------------------*/


.imageViewAnime,
.imageViewAnime.delighter{
	opacity:0;
    position: relative;
	-webkit-transition:opacity 1.2s;
	transition:opacity 1.2s;
}
.imageViewAnime.delighter.started{
	opacity:1;
}

.imageViewAnime img,
.imageViewAnime.delighter img{
    position: relative;
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	-webkit-transition:transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.imageViewAnime.delighter.started img{
	-webkit-transform:scale(1.0,1.0);
	transform:scale(1.0,1.0);
}




/*---------------------------------------*/



.imageArea{
	width: 100%;
	display: flex;
}

.imagePhoto{
	position: relative;
	z-index: 55;
	width: 78%;
}
.beachBox .imagePhoto.pb01{margin-left: 15%;margin-top: -7%;}
.beachBox .imagePhoto.pb02{margin-left: 0;margin-top: 12%;}
.beachBox .imagePhoto.pb03{margin-left: 0;margin-top: 12%;}
.beachBox .imagePhoto.pb04{margin-left: 0;margin-top: 12%;}

.vacationBox .imagePhoto.pb01{margin-left: 7%;margin-top: -7%;}
.vacationBox .imagePhoto.pb02{margin-left: 22%;margin-top: 12%;}
.vacationBox .imagePhoto.pb03{margin-left: 22%;margin-top: 12%;}
.vacationBox .imagePhoto.pb04{margin-left: 22%;margin-top: 12%;}


.imagePhoto p{
	position: relative;
	width: 100%;
	z-index: 60;
	overflow: hidden;
}
.imagePhoto span{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	box-shadow:0 0.3vw 0.4vw rgba(0,0,0,0.2);
}

/*------------------------------------------------------------*/




.itemArea{
	width: 100%;
	display: flex;
}


.styleSet{
	width: 75%;
	margin: 12% auto 0;
}
.styleSet .look{position: relative;}

.styleSet .look .image{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.styleSet .look .image,
.styleSet.delighter .look .image{
	opacity:0;
    position: relative;
	-webkit-transition:opacity 1.2s;
	transition:opacity 1.2s;
}
.styleSet.delighter.started .look .image{opacity:1;}
.styleSet .look .image img,
.styleSet.delighter .look .image img{
    position: relative;
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	-webkit-transition:transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.styleSet.delighter.started .look .image img{
	-webkit-transform:scale(1.0,1.0);
	transform:scale(1.0,1.0);
}

.styleSet .look .image span{
	position: absolute;
	display: block;
	z-index: 20;
	width: 25%;
	padding-top: 25%;
}
.beachBox .styleSet .look .image span{background: #EDF6FF;}
.vacationBox .styleSet .look .image span{background: #FFF;}



.styleSet .look .num{
	position: absolute;
	z-index: 30;
	font-family: 'Outfit', sans-serif;
	font-weight: 300;
	font-size: 2.4vw;
	line-height: 1;
}
.beachBox .styleSet .look .num{color: #0B48BA;}
.vacationBox .styleSet .look .num{color: #078E5A;}



.styleSet .look .num .inner,
.styleSet.delighter .look .num .inner{
	position: relative;
	opacity:0;
	top: -1em;
	-webkit-transition:opacity 1.0s 0.5s, top 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
	transition:opacity 1.0s 0.5s, top 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.styleSet.delighter.started .look .num .inner{opacity:1;top: 0;}



.styleSet .look .num h3{
	font-size: 6.0vw;
	position: relative;
	margin-left: 0.35em;
	display: inline-block;
}
.styleSet .look .num h3::after{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.beachBox .styleSet .look .num h3::after{background: #0B48BA;}
.vacationBox .styleSet .look .num h3::after{background: #078E5A;}



.styleSet.sb01 .look .image span{bottom: -1px;right: -1px;clip-path: polygon(0 100%, 100% 100%, 100% 0);}
.styleSet.sb01 .look .num {bottom: -1px;right: -1px;}
.styleSet.sb02 .look .image span{top: -1px;left: -1px;clip-path: polygon(0 0, 0 100%, 100% 0);}
.styleSet.sb02 .look .num {top: -1px;left: -1px;}
.styleSet.sb03 .look .image span{top: -1px;left: -1px;clip-path: polygon(0 0, 0 100%, 100% 0);}
.styleSet.sb03 .look .num {top: -1px;left: -1px;}
.styleSet.sb04 .look .image span{top: -1px;left: -1px;clip-path: polygon(0 0, 0 100%, 100% 0);}
.styleSet.sb04 .look .num {top: -1px;left: -1px;}
.styleSet.sb05 .look .image span{top: -1px;right: -1px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
.styleSet.sb05 .look .num {top: -1px;right: -1px;}

.styleSet.sv01 .look .image span{top: -1px;right: -1px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
.styleSet.sv01 .look .num {top: -1px;right: -1px;}
.styleSet.sv02 .look .image span{top: -1px;right: -1px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
.styleSet.sv02 .look .num {top: -1px;right: -1px;}
.styleSet.sv03 .look .image span{top: -1px;right: -1px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
.styleSet.sv03 .look .num {top: -1px;right: -1px;}
.styleSet.sv04 .look .image span{bottom: -1px;right: -1px;clip-path: polygon(0 100%, 100% 100%, 100% 0);}
.styleSet.sv04 .look .num {bottom: -1px;right: -1px;}
.styleSet.sv05 .look .image span{top: -1px;left: -1px;clip-path: polygon(0 0, 0 100%, 100% 0);}
.styleSet.sv05 .look .num {top: -1px;left: -1px;}


.specAll{
	width: 100%;
	font-size: 15px;
	line-height: 1.3;
	
	text-align: left;
	letter-spacing: -0.02em;
}
.beachBox .specAll{color: #0B48BA;}
.vacationBox .specAll{color: #078E5A;}


.styleSet .spec,
.styleSet.delighter .spec{
	position: relative;
	opacity:0;
	top: 1.5em;
	margin-top: 1.4em;
	-webkit-transition:opacity 1.0s, top 1.0s cubic-bezier(0.25, 1, 0.5, 1);
	transition:opacity 1.0s, top 1.0s cubic-bezier(0.25, 1, 0.5, 1);
}
.styleSet.delighter.started .spec{opacity:1;top: 0;}


.styleSet .spec.s01{ -webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.styleSet .spec.s02{ -webkit-transition-delay: 1.3s;transition-delay: 1.3s;}
.styleSet .spec.s03{ -webkit-transition-delay: 1.8s;transition-delay: 1.8s;}


.specAll a{-webkit-transition: opacity 0.4s;transition: opacity 0.4s;}
.beachBox .specAll a{color: #0B48BA;}
.vacationBox .specAll a{color: #078E5A;}

.specAll h4{font-family:'DINPro-Medium';}
.specAll p{font-family:'DINPro-Medium';margin-top: 0.2em;}

.specAll .num{white-space: nowrap;display: inline-block;}
.specAll .buy{margin-left: 4px;}
.specAll .buy svg{width: 23px;height: 11px;}
.beachBox .specAll .buy svg{fill:#0B48BA;}
.vacationBox .specAll .buy svg{fill:#078E5A;}

.specAll .soldout{margin-left: 4px;width: 54px;display: inline-block;}


@media(min-width: 769px) {
.specAll a:hover{opacity: 0.6;}
}




/*---------------------------------------*/



.contents .lastImage{
	width: 100%;
	position: relative;
	display: flex;
	margin-top: 12vw;
}


/*---------------------------------------*/



.campaign{
	width: 100%;
	position: relative;
	z-index: 100;
	background: #DBF2CD;
	color: #2E0B05;
	padding: 6vw 0;
	text-align: center;
}

.campaign .logo{
	width: 120px;
	margin: 0 auto;
}
.campaign h2{
	font-family: 'Outfit', sans-serif;
	font-size: 40px;
	letter-spacing: 0.08em;
	line-height: 1;
	margin-top: 1.0em;
}
.campaign h3{
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-top: 0.8em;
}
.campaign h3 br{display: none;}

.campaign .copy{
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 2.0;
	margin-top: 2.0em;
}

.campaign .inner{
	width: 90%;
	max-width: 1120px;
	margin: 40px auto 0;
	position: relative;
}
.campaign .image{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 46%;
	background: url("../images/campaign_image_pc.jpg") center center;
	background-size: cover;
	z-index: 20;
}



.campaign .info{
	width: 50%;
}
.campaign .date{
	width: 100%;
	margin: 0 auto;
	letter-spacing: 0.08em;
	padding: 15px 0;
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
}
.campaign .date p{font-size: 20px;}
.campaign .date h4{font-size: 21px;font-weight: 600;}


.campaign .detail{
	width: 100%;
	margin: 30px auto 0;
	font-size: 16px;
	letter-spacing: 0.06em;
}
.campaign .detail h5:not(:nth-of-type(1)){margin-top: 1.5em;}
.campaign .detail p br{display: none;}

.campaign .button{
	width: 100%;
	margin: 40px auto 0;
}
.campaign .button a{
	font-size: 23px;
	letter-spacing: 0.05em;
	color: #2E0B05;
	text-align: center;
	line-height: 1;
	padding: 0.6em 0;
	background: #EFFAFF;
	border: 2px solid #2E0B05;
	border-radius: 30px;
	display: block;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
@media (min-width: 769px) {
.campaign .button a:hover{background: #2E0B05;color: #EFFAFF;border-color: #EFFAFF;}
}




.campaign .button span{
	font-size: 20px;
	letter-spacing: 0.02em;
	color: #2E0B05;
	text-align: center;
	line-height: 1;
	padding: 0.6em 0;
	background: #EFFAFF;
	border: 2px solid #2E0B05;
	border-radius: 30px;
	display: block;
}






/*---------------------------------------*/


footer{
	width: 100%;
	position: relative;
	z-index: 100;
	background: #FFF;
	color: #078E5A;
	text-align: center;
	padding: 10.5vw 0;
}


footer .pageTop{
	font-family: 'Outfit', sans-serif;
	font-size: 17px;
	letter-spacing: 0.02em;
	line-height: 1;
	display: inline-block;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition:opacity 0.4s;
	transition:opacity 0.4s;
}
@media (min-width: 769px) {
footer .pageTop:hover{
	opacity: 0.6;
}
}

footer .logo{
	width: 130px;
	margin: 9vw auto 40px;
}
footer .copyright{
	font-family:'DINPro-Medium';
	font-size: 15px;
	line-height: 1.4;
	display: inline-block;
	margin: 0 auto;
}
footer .copyright br{display: none;}