@charset "UTF-8";
body{
background:#fff;
}

/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
/*-- スクロール時に出現 --*/
.scroll_up {
transition:0.8s ease-in-out;
transform:translateY(30px);
opacity:0;
}
.scroll_up.on {
transform:translateY(0);
opacity:1.0;
}
@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
}


/* --------------------------------------------------------------------
　お知らせ設定
-------------------------------------------------------------------- */
@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
}


/* --------------------------------------------------------------------
　キービジュアル設定
-------------------------------------------------------------------- */
#campaign-keyvisual-wrap{
width:100%;
height:max-content;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
position:relative;
overflow:hidden;
}

/*-- 横スライド画像エリア --*/
#campaign-keyvisual-wrap > .flow-img-swiper{
position:absolute;
left:0;
width:100%;
}
#campaign-keyvisual-wrap > .flow-img-swiper > .swiper-wrapper{
transition-timing-function:linear !important;
height:100%;
}
#campaign-keyvisual-wrap > .flow-img-swiper > .swiper-wrapper > figure > img{
width:100%;
height:100%;
object-fit:cover;
}

/*-- テキストエリア --*/
#campaign-keyvisual-wrap > .text{
text-align:center;
/*--mix-blend-mode:color-burn;--*/
}
#campaign-keyvisual-wrap > .text > svg .st1{
fill:#040204
}
#campaign-keyvisual-wrap > .text > svg .st2{
fill:#d4964c
}
#campaign-keyvisual-wrap > .text > h1{
font-weight:600;
text-align:center;
}
#campaign-keyvisual-wrap > .text > h1 > span{
display:block;
}
#campaign-keyvisual-wrap > .text > .btn{
display:flex;
align-items:center;
justify-content:center;
}
#campaign-keyvisual-wrap > .text > .btn > a{
background:#fff;
display:flex;
align-items:center;
justify-content:center;
filter:drop-shadow(0 0 4px rgba(0,0,0,.15));
font-weight:600;
}

/*-- スマホ画像エリア --*/
#campaign-keyvisual-wrap > figure{
display:flex;
align-items:flex-start;
}
#campaign-keyvisual-wrap > figure > figcaption{
writing-mode:vertical-rl;
text-orientation:upright;
font-style:italic;
}

@media screen and (min-width:769px){
	#campaign-keyvisual-wrap{
	min-width:1200px;
	min-height:800px;
	gap:0 10rem;
	overflow:hidden;
	margin:2rem auto 0 auto;
	padding:4rem 0;
	}

	/*-- 横スライド画像エリア --*/
	#campaign-keyvisual-wrap > .flow-img-swiper{
	top:50%;
	transform:translateY(-50%);
	height:100%;
	opacity:.1;
	z-index:-1;
	}
	#campaign-keyvisual-wrap > .flow-img-swiper > .swiper-wrapper > figure{
	width:350px;
	height:100%;
	overflow:hidden;
	}

	/*-- テキストエリア --*/
	#campaign-keyvisual-wrap > .text{
	width:max-content;
	height:max-content;
	}
	#campaign-keyvisual-wrap > .text > svg{
	width:90px;
	}
	#campaign-keyvisual-wrap > .text > h1{
	font-size:8rem;
	line-height:1.2;
	letter-spacing:.02em;
	}
	#campaign-keyvisual-wrap > .text > h1 > span{
	font-size:2.8rem;
	letter-spacing:.05em;
	}
	#campaign-keyvisual-wrap > .text > p{
	font-size:1.9rem;
	letter-spacing:.1em;
	line-height:1.6;
	margin-top:4rem;
	}
	#campaign-keyvisual-wrap > .text > .btn{
	margin:5rem auto 0 auto;
	gap:0 2rem;
	}
	#campaign-keyvisual-wrap > .text > .btn > a{
	width:320px;
	height:8rem;
	border-radius:4rem;
	font-size:1.8rem;
	}

	/*-- スマホ画像エリア --*/
	#campaign-keyvisual-wrap > figure{
	width:400px;
	gap:0 3rem;
	}
	#campaign-keyvisual-wrap > figure > img{
	filter:drop-shadow(6px 10px 10px rgba(0,0,0,.5));
	}
	#campaign-keyvisual-wrap > figure > figcaption{
	padding:3rem 0 0 0;
	}
}
@media screen and (max-width:768px){
	#campaign-keyvisual-wrap{
	width:100vw;
	height:100vh;
	gap:0;
	}

	/*-- 横スライド画像エリア --*/
	#campaign-keyvisual-wrap > .flow-img-swiper{
	bottom:0;
	height:50vh;
	opacity:.5;
	z-index:0;
	}
	#campaign-keyvisual-wrap > .flow-img-swiper > .swiper-wrapper > figure{
	}

	/*-- テキストエリア --*/
	#campaign-keyvisual-wrap > .text{
	width:100%;
	margin:auto auto 0 auto;
	padding:4vh 0;
	}
	#campaign-keyvisual-wrap > .text > svg{
	width:15vw;
	margin-bottom:1rem;
	}
	#campaign-keyvisual-wrap > .text > h1{
	font-size:10vw;
	line-height:1.2;
	letter-spacing:.02em;
	}
	#campaign-keyvisual-wrap > .text > h1 > span{
	font-size:4.5vw;
	letter-spacing:.05em;
	}
	#campaign-keyvisual-wrap > .text > p{
	font-size:3.2vw;
	letter-spacing:.1em;
	line-height:1.6;
	margin-top:2rem;
	}
	#campaign-keyvisual-wrap > .text > .btn{
	flex-wrap:wrap;
	margin:2rem auto 0 auto;
	width:70vw;
	}
	#campaign-keyvisual-wrap > .text > .btn > a{
	width:100%;
	height:5rem;
	border-radius:3rem;
	font-size:3.5vw;
	margin:1.5rem 0 0;
	}

	/*-- スマホ画像エリア --*/
	#campaign-keyvisual-wrap > figure{
	width:max-content;
	height:38vh;
	margin:0 auto auto auto;
	}
	#campaign-keyvisual-wrap > figure > img{
	filter:drop-shadow(6px 10px 5px rgba(0,0,0,.25));
	width:auto;
	height:100%;
	}
	#campaign-keyvisual-wrap > figure > figcaption{
	display:none;
	}
}


/* --------------------------------------------------------------------
　サービスメリット設定
-------------------------------------------------------------------- */
#campaign-service-wrap{
width:100%;
padding:5rem 0;
}
#campaign-service-wrap > h2{
text-align:center;
padding:0 2rem;
font-weight:600;
}
#campaign-service-wrap > h2 > span{
display:block;
}
#campaign-service-wrap > ul > li{
background:#fff;
filter:drop-shadow(0 0 4px rgba(0, 0, 0, .15));
display:flex;
align-items:center;
line-height:1;
}
#campaign-service-wrap > ul > li > span{
display:flex;
align-items:center;
gap:0 .5rem;
border-right:1px solid #dbdbdb;
font-weight:600;
}
#campaign-service-wrap > ul > li > span:before{
content:"POINT.";
}
#campaign-service-wrap > ul > li > span:after{
content:attr(data-number);
}
@media screen and (min-width:769px){
	#campaign-service-wrap{
	padding:15rem 0;
	}
	#campaign-service-wrap > h2{
	font-size:3rem;
	line-height:1.6;
	}
	#campaign-service-wrap > h2 > span{
	font-size:1.5rem;
	letter-spacing:.18em;
	margin-bottom:3rem;
	}
	#campaign-service-wrap > ul{
	width:990px;
	margin:6rem auto 0 auto;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:2rem;
	padding:2rem;
	}
	#campaign-service-wrap > ul > li{
	font-size:1.6rem;
	gap:0 2rem;
	padding:3rem;
	margin-bottom:2rem;
	}
	#campaign-service-wrap > ul > li > span{
	gap:0 .5rem;
	padding:0 2rem 0 0;
	}
	#campaign-service-wrap > ul > li > span:before{
	font-size:1.2rem;
	}
	#campaign-service-wrap > ul > li > span:after{
	font-size:2.5rem;
	}
}
@media screen and (max-width:768px){
	#campaign-service-wrap{
	padding:8vh 0;
	}
	#campaign-service-wrap > h2{
	font-size:4vw;
	line-height:1.5;
	}
	#campaign-service-wrap > h2 > span{
	font-size:3.0vw;
	letter-spacing:.15em;
	margin-bottom:2rem;
	}
	#campaign-service-wrap > ul{
	width:100%;
	margin:5vh auto 0 auto;
	padding:0 3rem;
	}
	#campaign-service-wrap > ul > li{
	font-size:3.0vw;
	gap:0 1.5rem;
	padding:2rem;
	margin-bottom:2rem;
	}
	#campaign-service-wrap > ul > li > span{
	gap:0 .5rem;
	padding:0 1.5rem 0 0;
	}
	#campaign-service-wrap > ul > li > span:before{
	font-size:2.0vw;
	}
	#campaign-service-wrap > ul > li > span:after{
	font-size:3.5vw;
	}
}

/* --------------------------------------------------------------------
　プロセス設定
-------------------------------------------------------------------- */
#campaign-process-wrap{
width:100%;
overflow:hidden;
}
#campaign-process-wrap > h2{
position:relative;
}
#campaign-process-wrap > h2:after{
content:"";
background:#eee;
position:absolute;
bottom:0;
}

/*-- プロセススライド設定 --*/
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper{
transition-timing-function:linear !important;
height:100%;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li{
position:relative;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > span{
position:absolute;
color:#fff;
opacity:.8;
font-weight:600;
line-height:1;
font-family:poppins, sans-serif;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li:nth-child(odd){
background:#eeeeee;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li:nth-child(even){
background:#f7f7f6;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3{
font-weight:600;
text-align:center;
line-height:1;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3 > span{
color:#d4964c;
display:block;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > p{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open{
display:flex;
align-items:center;
justify-content:center;
background:#fff;
color:#d4964c;
transition:1s ease;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open:hover{
background:#d4964c;
color:#fff;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open > span{
display:flex;
align-items:center;
justify-content:center;
gap:0 1rem;
font-weight:600;
line-height:1;
}
#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open > span:after{
content:"\f3dd";
font-family:'Material Symbols Outlined';
display:block;
font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;
}
#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next,
#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev{
aspect-ratio:1 / 1;
border-radius:100%;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
background:#272726;
}
#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next:after,
#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev:after{
color:#fff;
}

/*-- プロセスモーダル設定 --*/
#process-modal-wrap{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
padding:0;
display:flex;
align-items:center;
justify-content:center;
transition:opacity 0.3s;
pointer-events:none;
opacity:0;
z-index:100;
background-color:rgba(0,0,0,0);
}
#process-modal-wrap.is-active{
opacity:1;
pointer-events:auto;
background-color:rgba(0,0,0,.6);
}
#process-modal-wrap > .modal-overlay{
position:absolute;
width:100%;
height:100%;
cursor:pointer;
}
#process-modal-wrap > .process-modal-contents{
position:relative;
width:100%;
}
#process-modal-wrap > .process-modal-contents > .inner{
background:#fff;
margin:0 auto;
display:flex;
justify-content:flex-start;
align-items:center;
}
#process-modal-wrap > .process-modal-contents > .inner > nav{
width:100%;
height:100%;
overflow-x:hidden;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li{
width:100%;
position:relative;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > span{
position:absolute;
color:#e9e9e9;
opacity:.8;
font-weight:600;
line-height:1;
font-family:poppins, sans-serif;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3{
font-weight:600;
line-height:1;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span{
color:#d4964c;
display:block;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span:after{
content:"";
display:block;
background:#d4964c;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > p > span{
font-weight:600;
color:#d4964c;
margin:0 .5rem;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > h4{
font-weight:600;
background:#d4964c;
color:#fff;
line-height:1;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul{
margin-top:1rem;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul > li{
font-weight:600;
position:relative;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul > li:before{
content:"\e5ca";
font-family:'Material Symbols Outlined';
position:absolute;
left:0;
color:#d4964c;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table{
border:1px solid #ddd;
border-collapse:collapse;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr td,
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr th{
border:1px solid #ddd;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr th{
background:#f0f0f0;
font-weight:300;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > .btn{
font-weight:600;
display:flex;
align-items:center;
gap:0 1.2rem;
border:1px solid #d4964c;
border-radius:3rem;
color:#d4964c;
}
#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > .btn:before{
content:"\e5c8";
font-family:'Material Symbols Outlined';
background:#d4964c;
color:#fff;
width:2rem;
height:2rem;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
}
#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next,
#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev{
aspect-ratio:1 / 1;
border-radius:100%;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
background:#272726;
}
#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next:after,
#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev:after{
color:#fff;
}
#process-modal-wrap > .process-modal-contents > .inner > .swiper-pagination{
width:max-content;
left:50%;
transform:translateX(-50%);
}
#process-modal-wrap > .process-modal-contents > .inner > .swiper-pagination > .swiper-pagination-bullet{
background:#fff;
}
#process-modal-wrap > .process-modal-contents > .inner > .swiper-pagination > .swiper-pagination-bullet-active{
background:#d4964c;
}
@media screen and (min-width:769px){
	#campaign-process-wrap > h2{
	width:1200px;
	margin:0 auto 4rem auto;
	padding:0 2rem 4rem 2rem;
	line-height:1;
	display:flex;
	align-items:center;
	gap:0 2.4rem;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-process-wrap > h2 > span{
	font-size:6rem;
	}
	#campaign-process-wrap > h2:after{
	left:2rem;
	width:10rem;
	height:.8rem;
	border-radius:.4rem;
	}

	/*-- プロセススライド設定 --*/
	#campaign-process-wrap > .process-slide-contents > .process-swiper{
	width:1200px;
	margin:0 auto;
	padding:0 2rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li{
	padding:4rem 4rem 6rem 4rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > span{
	top:3rem;
	right:3rem;
	font-size:10rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > figure{
	padding-top:5rem;
	width:300px;
	margin:0 auto;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3{
	font-size:2.2rem;
	margin:5rem 0 3rem 0;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3 > span{
	margin-bottom:1.5rem;
	font-size:2.2rem;
	letter-spacing:.02em;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > p{
	line-height:1.6;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open{
	margin:3rem auto 0 auto;
	width:22rem;
	height:5rem;
	border-radius:2.5rem;
	padding:0 0 0 1.0rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open > span{
	font-size:1.8rem;
	}
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents{
	width:1200px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:0 .8rem;
	position:absolute;
	top:-11rem;
	left:calc(50% - 2rem);
	transform:translateX(-50%);
	}
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next,
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev{
	position:unset;
	width:6rem;
	height:6rem;
	}
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next:after,
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev:after{
	font-size:1.4rem;
	}

	/*-- プロセスモーダル設定 --*/
	#process-modal-wrap .process-modal-contents{
	width:940px;
	}
	#process-modal-wrap > .process-modal-contents{
	padding-bottom:5rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner{
	width:100%;
	height:calc(100vh - 240px);
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li{
	display:grid;
	grid-template-columns:.5fr 1fr;
	gap:0 5rem;
	padding:8rem;
	height:100%;
	overflow-x:hidden;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > span{
	top:3rem;
	right:3rem;
	font-size:10rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3{
	font-size:2.2rem;
	margin:0 0 3rem 0;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span{
	width:max-content;
	margin-bottom:1.5rem;
	font-size:1.5rem;
	letter-spacing:.02em;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span:after{
	width:100%;
	height:.3rem;
	margin-top:.8rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex{
	line-height:1.6;
	font-size:1.4rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > *{
	margin-bottom:3rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > h4{
	font-size:1.7rem;
	padding:1rem 1.8rem;
	border-radius:1rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul{
	margin-top:1rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul > li{
	line-height:1.5;
	padding:.5rem 0 .5rem 2rem;
	font-size:1.5rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr td,
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr th{
	padding:2rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > p.sub{
	font-size:1.2rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > .btn{
	width:max-content;
	padding:1.0rem 2.5rem 1.0rem 2rem;
	font-size:1.6rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-pagination{
	bottom:0;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next,
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev{
	width:6rem;
	height:6rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next{
	right:-3rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev{
	left:-3rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next:after,
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev:after{
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
	#campaign-process-wrap > h2{
	width:100%;
	margin:0 auto 3rem auto;
	padding:0 3rem 2rem 3rem;
	line-height:1.3;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-process-wrap > h2 > span{
	font-size:10vw;
	display:block;
	}
	#campaign-process-wrap > h2:after{
	left:3rem;
	width:8rem;
	height:.4rem;
	border-radius:.4rem;
	}

	/*-- プロセススライド設定 --*/
	#campaign-process-wrap > .process-slide-contents > .process-swiper{
	width:100%;
	margin:0 auto;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li{
	padding:4rem 3rem 6rem 3rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > span{
	top:2rem;
	right:2rem;
	font-size:10vw;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > figure{
	padding-top:4rem;
	width:calc(100% - 4rem);
	margin:0 auto;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3{
	font-size:4.5vw;
	margin:4rem 0 2rem 0;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3 > span{
	margin-bottom:1.5rem;
	font-size:4vw;
	letter-spacing:.02em;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > h3 > span:after{
	width:4rem;
	height:.2rem;
	margin:.8rem auto 0 auto;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > p{
	line-height:1.6;
	font-size:1.3rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open{
	margin:3rem auto 0 auto;
	width:100%;
	height:4.5rem;
	border-radius:3rem;
	padding:0 0 0 1.0rem;
	}
	#campaign-process-wrap > .process-slide-contents > .process-swiper > .swiper-wrapper > li > .modal-open > span{
	font-size:1.4rem;
	}
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next,
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev{
	width:4rem;
	height:4rem;
	}
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-next:after,
	#campaign-process-wrap > .process-slide-contents > .nav-button-contents > .swiper-button-prev:after{
	font-size:1.2rem;
	}

	/*-- プロセスモーダル設定 --*/
	#process-modal-wrap{
	height:100dvh;
	}
	#process-modal-wrap > .process-modal-contents{
	width:100%;
	padding-bottom:4rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner{
	width:calc(100% - 6rem);
	height:80dvh;
	border-radius:1rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li{
	padding:3rem 2rem;
	height:100%;
	overflow-x:hidden;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > span{
	top:1.8rem;
	right:1.8rem;
	font-size:10vw;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > figure{
	width:max-content;
	height:50dvh;
	margin:0 auto;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > figure > img{
	width:auto;
	height:100%;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3{
	font-size:4vw;
	margin:3rem 0;
	text-align:center;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span{
	margin-bottom:1.5rem;
	font-size:4vw;
	letter-spacing:.02em;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > h3 > span:after{
	width:4rem;
	height:.2rem;
	margin:.8rem auto 0 auto;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex{
	line-height:1.8;
	font-size:1.2rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > *{
	margin-bottom:2rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > p.sub{
	font-size:1.05rem;
	color:#686868;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > h4{
	font-size:1.3rem;
	padding:1rem 1.8rem;
	border-radius:.5rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul{
	margin-top:1rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > nav > ul > li{
	line-height:1.8;
	padding:.5rem 0 .5rem 2rem;
	font-size:1.25rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table{
	font-size:1.2rem;
	width:100%;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr td,
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > table tr th{
	padding:1rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > .btn{
	width:100%;
	height:5rem;
	justify-content:center;
	position:relative;
	}
	#process-modal-wrap > .process-modal-contents > .inner > nav > ul > li > .text > .ex > .btn:before{
	position:absolute;
	right:1.5rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-pagination{
	bottom:0;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next,
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev{
	width:4rem;
	height:4rem;
	}
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-next:after,
	#process-modal-wrap > .process-modal-contents > .inner > .swiper-button-prev:after{
	font-size:1.2rem;
	}
}

/* --------------------------------------------------------------------
　ご負担返品送料の比較設定
-------------------------------------------------------------------- */
#campaign-price-wrap{
width:100%;
overflow:hidden;
}
#campaign-price-wrap > h2{
position:relative;
}
#campaign-price-wrap > h2:after{
content:"";
background:#eee;
position:absolute;
bottom:0;
}
#campaign-price-wrap > ul > li{
background:#fff;
border:1px solid #ddd;
padding:0
}
#campaign-price-wrap > ul > li > .title{
font-weight:600;
text-align:center;
line-height:1;
border-bottom:1px solid #ddd;
color:#999;
}
#campaign-price-wrap > ul > li > .box{
text-align:center;
}
#campaign-price-wrap > ul > li > .box > h3{
font-weight:600;
line-height:1;
}
#campaign-price-wrap > ul > li > .box > h3 > .name{
display:block;
font-weight:300;
}
#campaign-price-wrap > ul > li > .box > h3 > .main{
display:flex;
align-items:center;
justify-content:center;
}
#campaign-price-wrap > ul > li > .box > .conditions{
background:#f7f7f6;
}
#campaign-price-wrap > ul > li > .box > .conditions > p{
line-height:1;
font-weight:300;
text-decoration:underline;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dt,
#campaign-price-wrap > ul > li > .box > .conditions > dl > dd{
width:50%;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dt{
text-align:left;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dt{
padding-left:2rem;
position:relative;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dt:before{
content:"\e5ca";
font-family:'Material Symbols Outlined';
position:absolute;
left:0;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dd{
text-align:right;
}
#campaign-price-wrap > ul > li > .box > .conditions > dl > dd > span{
font-size:.8em;
vertical-align:top;
}
#campaign-price-wrap > ul > li > .box > p{
text-align:left;
}
#campaign-price-wrap > ul > li > .box > a.modal-open{
display:flex;
align-items:center;
justify-content:center;
background:#1e1e1e;
color:#fff;
font-weight:600;
}
#campaign-price-wrap > .okinawa-rito-contents > h4{
text-align:center;
font-weight:600;
}
#campaign-price-wrap > .okinawa-rito-contents > table{
margin:0 auto;
border-collapse:collapse;
}
#campaign-price-wrap > .okinawa-rito-contents > table tr th{
color:#fff;
background:#a1a1a1;
text-align:left;
font-weight:300;
}
#campaign-price-wrap > .okinawa-rito-contents > table tr:nth-child(odd){
background:#f7f7f6;
}
#campaign-price-wrap > .okinawa-rito-contents > p{
text-align:center;
line-height:1;
}
@media screen and (min-width:769px){
	#campaign-price-wrap{
	padding:15rem 0;
	}
	#campaign-price-wrap > h2{
	width:1200px;
	margin:0 auto 4rem auto;
	padding:0 2rem 4rem 2rem;
	line-height:1;
	font-size:1.3rem;
	font-weight:600;
	text-align:center;
	}
	#campaign-price-wrap > h2 > span{
	font-size:6rem;
	margin:0 auto 1rem auto;
	display:block;
	}
	#campaign-price-wrap > h2:after{
	display:none;
	}
	#campaign-price-wrap > ul{
	width:1200px;
	margin:0 auto;
	padding:0 2rem;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:0 2rem;
	}
	#campaign-price-wrap > ul > li{
	border-radius:1rem;
	}
	#campaign-price-wrap > ul > li > .title{
	padding:2rem;
	line-height:1;
	font-size:1.8rem;
	}
	#campaign-price-wrap > ul > li > .box{
	padding:2rem 0;
	}
	#campaign-price-wrap > ul > li > .box > h3{
	padding:0 4rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .name{
	font-size:1.4rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main{
	gap:0 1rem;
	height:8rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main.jp{
	font-size:2.8rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main > span.en{
	font-size:4rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main > span.jp{
	font-size:1.8rem;
	}
	#campaign-price-wrap > ul > li > .box > .conditions{
	padding:2rem 4rem;
	}
	#campaign-price-wrap > ul > li > .box > .conditions > p{
	font-size:1.3rem;
	margin-bottom:2rem;
	}
	#campaign-price-wrap > ul > li > .box > .conditions > dl > dt,
	#campaign-price-wrap > ul > li > .box > .conditions > dl > dd{
	font-size:1.4rem;
	}
	#campaign-price-wrap > ul > li > .box > p{
	font-size:1.3rem;
	line-height:1.5;
	padding:2rem 4rem;
	}
	#campaign-price-wrap > ul > li > .box > a.modal-open{
	width:calc(100% - 4rem);
	margin:0 auto 2rem auto;
	font-size:1.3rem;
	height:5rem;
	border-radius:3rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents{
	width:1200px;
	margin:0 auto;
	padding:8rem 2rem 0 2rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents > h4{
	margin-bottom:4rem;
	line-height:1.8;
	font-size:2.2rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents > table{
	width:700px;
	}
	#campaign-price-wrap > .okinawa-rito-contents > table tr th,
	#campaign-price-wrap > .okinawa-rito-contents > table tr td{
	padding:1.5rem 3rem;
	font-size:1.5rem;
	line-height:1;
	}
	#campaign-price-wrap > .okinawa-rito-contents > p{
	font-size:1.3rem;
	margin:4rem auto 0 auto;
	}
}
@media screen and (max-width:768px){
	#campaign-price-wrap{
	padding:8vh 0;
	}
	#campaign-price-wrap > h2{
	width:100%;
	margin:0 auto 3rem auto;
	padding:0 3rem 2rem 3rem;
	line-height:1.3;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-price-wrap > h2 > span{
	font-size:11vw;
	display:block;
	}
	#campaign-price-wrap > h2:after{
	left:3rem;
	width:8rem;
	height:.4rem;
	border-radius:.4rem;
	}
	#campaign-price-wrap > ul{
	padding:0 3rem;
	}
	#campaign-price-wrap > ul > li:not(:last-child){
	margin-bottom:3rem;
	}
	#campaign-price-wrap > ul > li{
	border-radius:1rem;
	}
	#campaign-price-wrap > ul > li > .title{
	padding:2rem;
	line-height:1;
	font-size:1.6rem;
	}
	#campaign-price-wrap > ul > li > .box{
	padding:2rem 0;
	}
	#campaign-price-wrap > ul > li > .box > h3{
	padding:0 3rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .name{
	font-size:1.4rem;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main{
	gap:0 1.2rem;
	padding:2rem 0;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main.jp{
	font-size:7vw;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main > span.en{
	font-size:11vw;
	}
	#campaign-price-wrap > ul > li > .box > h3 > .main > span.jp{
	font-size:4.5vw;
	}
	#campaign-price-wrap > ul > li > .box > .conditions{
	padding:2rem 3rem;
	}
	#campaign-price-wrap > ul > li > .box > .conditions > p{
	font-size:1.3rem;
	margin-bottom:2rem;
	}
	#campaign-price-wrap > ul > li > .box > .conditions > dl > dt,
	#campaign-price-wrap > ul > li > .box > .conditions > dl > dd{
	font-size:1.4rem;
	}
	#campaign-price-wrap > ul > li > .box > p{
	font-size:1.2rem;
	line-height:1.5;
	padding:2rem 3rem;
	}
	#campaign-price-wrap > ul > li > .box > a.modal-open{
	width:calc(100% - 6rem);
	margin:0 auto 1rem auto;
	font-size:1.3rem;
	height:4.5rem;
	border-radius:3rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents{
	width:100%;
	margin:0 auto;
	padding:8vh 3rem 0 3rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents > h4{
	font-size:1.6rem;
	line-height:1.6;
	margin-bottom:2rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents > table{
	width:100%;
	}
	#campaign-price-wrap > .okinawa-rito-contents > table tr th,
	#campaign-price-wrap > .okinawa-rito-contents > table tr td{
	padding:1rem;
	line-height:1.5;
	font-size:1.2rem;
	}
	#campaign-price-wrap > .okinawa-rito-contents > table tr th:nth-child(1){
	width:45%;
	}
	#campaign-price-wrap > .okinawa-rito-contents > p{
	font-size:1.2rem;
	margin:2rem auto 0 auto;
	}
}

/* --------------------------------------------------------------------
　キャンペーン対象商品設定
-------------------------------------------------------------------- */
#campaign-item-wrap{
width:100%;
overflow:hidden;
padding:0;
background:#f7f7f6;
}
#campaign-item-wrap > figure{
width:100%;
height:100%;
overflow:hidden;
}
#campaign-item-wrap > figure > img{
object-fit:cover;
width:100%;
height:100%;
}
#campaign-item-wrap > .title > h2{
position:relative;
}
#campaign-item-wrap > .title > h2:after{
content:"";
background:#fff;
position:absolute;
bottom:0;
}
#campaign-item-wrap > ul > li > section > .text{
position:relative;
background:#fff;
}
#campaign-item-wrap > ul > li > section > .text > h3{
font-weight:600;
text-align:center;
line-height:1;
}
#campaign-item-wrap > ul > li > section > .text > p{
line-height:1.6;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
#campaign-item-wrap > ul > li > section > .text > a{
background:#f7f7f6;
color:#d4964c;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
gap:0 1rem;
transition:1s ease;
}
#campaign-item-wrap > ul > li > section > .text > a:after{
content:"\f3dd";
font-family:'Material Symbols Outlined';
display:block;
font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
#campaign-item-wrap > ul > li > section > .text > a:hover{
background:#d4964c;
color:#fff;
}
@media screen and (min-width:769px){
	#campaign-item-wrap{
	padding:0;
	}
	#campaign-item-wrap > figure{
	max-height:533px;
	aspect-ratio:1 / .5;
	}
	#campaign-item-wrap > .title{
	width:1200px;
	margin:15rem auto 10rem auto;
	padding:0 2rem 4rem 2rem;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	}
	#campaign-item-wrap > .title > h2{
	display:flex;
	align-items:center;
	gap:0 2.4rem;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-item-wrap > .title > h2 > span{
	font-size:6rem;
	}
	#campaign-item-wrap > .title > h2:after{
	left:0;
	bottom:-4rem;
	width:10rem;
	height:.8rem;
	border-radius:.4rem;
	}
	#campaign-item-wrap > .title > p{
	width:670px;
	line-height:1.6;
	}
	#campaign-item-wrap > ul{
	width:1300px;
	margin:0 auto;
	padding:16rem 2rem 7rem 2rem;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	gap:8rem;
	}
	#campaign-item-wrap > ul > li{
	margin-bottom:8rem;
	}
	#campaign-item-wrap > ul > li:nth-child(1),
	#campaign-item-wrap > ul > li:nth-child(4){
	width:calc((100% / 2) - 4rem);
	}
	#campaign-item-wrap > ul > li:nth-child(2),
	#campaign-item-wrap > ul > li:nth-child(3){
	width:calc((100% / 2) - 8rem);
	}
	#campaign-item-wrap > ul > li:nth-child(1){
	margin-top:-16rem;
	}
	#campaign-item-wrap > ul > li:nth-child(3){
	margin-top:-8rem;
	}
	#campaign-item-wrap > ul > li:nth-child(1) > section > .swiper-wrapper,
	#campaign-item-wrap > ul > li:nth-child(4) > section > .swiper-wrapper{
	aspect-ratio:1 / 1.1;
	overflow:hidden;
	}
	#campaign-item-wrap > ul > li:nth-child(2) > section > .swiper-wrapper,
	#campaign-item-wrap > ul > li:nth-child(3) > section > .swiper-wrapper{
	aspect-ratio:1 / 1;
	overflow:hidden;
	}
	#campaign-item-wrap > ul > li > section > .text{
	width:calc(100% - 10rem);
	padding:4rem 3.5rem;
	margin:-6rem auto 0 auto;
	border-radius:1.8rem;
	}
	#campaign-item-wrap > ul > li > section > .text > h3{
	font-size:2rem;
	}
	#campaign-item-wrap > ul > li > section > .text > p{
	font-size:1.5rem;
	margin:2rem auto;
	}
	#campaign-item-wrap > ul > li > section > .text > a{
	margin:0 auto;
	width:22rem;
	height:5rem;
	border-radius:2.5rem;
	padding:0 0 0 1.0rem;
	}
}
@media screen and (max-width:768px){
	#campaign-item-wrap{
	padding:0;
	}
	#campaign-price-wrap > figure{
	aspect-ratio:1 / .58;
	}
	#campaign-item-wrap > .title > h2{
	width:100%;
	margin:6rem auto 3rem auto;
	padding:0 3rem 2rem 3rem;
	line-height:1.3;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-item-wrap > .title > h2 > span{
	font-size:10vw;
	display:block;
	}
	#campaign-item-wrap > .title > h2:after{
	left:3rem;
	width:8rem;
	height:.4rem;
	border-radius:.4rem;
	}
	#campaign-item-wrap > .title > p{
	padding:0 3rem 6rem 3rem;
	font-size:1.5rem;
	line-height:1.8;
	}
	#campaign-item-wrap > ul{
	width:calc(100% - 6rem);
	margin:0 auto 12vh auto;
	}
	#campaign-item-wrap > ul > li{
	margin-bottom:3rem;
	}
	#campaign-item-wrap > ul > li > section > .swiper-wrapper{
	aspect-ratio:1 / .9;
	overflow:hidden;
	}
	#campaign-item-wrap > ul > li > section > .text{
	width:calc(100% - 4rem);
	padding:3rem;
	margin:-6rem auto 0 auto;
	border-radius:1.8rem;
	}
	#campaign-item-wrap > ul > li > section > .text > h3{
	font-size:1.7rem;
	}
	#campaign-item-wrap > ul > li > section > .text > p{
	font-size:1.3rem;
	margin:2rem auto;
	}
	#campaign-item-wrap > ul > li > section > .text > a{
	margin:3rem auto 0 auto;
	width:100%;
	height:4.5rem;
	border-radius:3rem;
	padding:0 0 0 1.0rem;
	}
}

/* --------------------------------------------------------------------
　ご利用時の諸注意設定
-------------------------------------------------------------------- */
#campaign-caution-wrap{
width:100%;
overflow:hidden;
}
#campaign-caution-wrap > h2{
position:relative;
}
#campaign-caution-wrap > h2:after{
content:"";
background:#eee;
position:absolute;
bottom:0;
}
#campaign-caution-wrap > ul > li{
position:relative;
}
#campaign-caution-wrap > ul > li:before{
content:"";
background:#d4964c;
position:absolute;
left:0;
border-radius:100%;
display:block;
}
#campaign-caution-wrap > ul > li > a{
color:#d4964c;
font-weight:600;
text-decoration:underline;
}
@media screen and (min-width:769px){
	#campaign-caution-wrap{
	padding:15rem 0;
	}
	#campaign-caution-wrap > h2{
	width:1200px;
	margin:0 auto 4rem auto;
	padding:0 2rem 4rem 2rem;
	line-height:1;
	display:flex;
	align-items:center;
	gap:0 2.4rem;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-caution-wrap > h2 > span{
	font-size:6rem;
	}
	#campaign-caution-wrap > h2:after{
	left:2rem;
	width:10rem;
	height:.8rem;
	border-radius:.4rem;
	}
	#campaign-caution-wrap > ul{
	width:1200px;
	padding:0 2rem;
	margin:0 auto;
	}
	#campaign-caution-wrap > ul > li{
	padding:.5rem 0 .5rem 2rem;
	line-height:1.8;
	}
	#campaign-caution-wrap > ul > li:before{
	width:.8rem;
	height:.8rem;
	top:1.4rem;
	}
}
@media screen and (max-width:768px){
	#campaign-caution-wrap{
	padding:8vh 0;
	}
	#campaign-caution-wrap > h2{
	width:100%;
	margin:0 auto 3rem auto;
	padding:0 3rem 2rem 3rem;
	line-height:1.3;
	font-size:1.3rem;
	font-weight:600;
	}
	#campaign-caution-wrap > h2 > span{
	font-size:10vw;
	display:block;
	}
	#campaign-caution-wrap > h2:after{
	left:3rem;
	width:8rem;
	height:.4rem;
	border-radius:.4rem;
	}
	#campaign-caution-wrap > ul{
	width:100%;
	padding:0 3rem;
	margin:0 auto;
	}
	#campaign-caution-wrap > ul > li{
	padding:.5rem 0 .5rem 2rem;
	line-height:1.8;
	font-size:1.3rem;
	}
	#campaign-caution-wrap > ul > li:before{
	width:.8rem;
	height:.8rem;
	top:1.2rem;
	}
}

/* --------------------------------------------------------------------
　ページ下部ボタン設定
-------------------------------------------------------------------- */
#campaign-btn-wrap > a{
background:#1e1e1e;
color:#fff;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
transition:1s ease;
}
#campaign-btn-wrap > a:hover{
background:#d4964c;
}
@media screen and (min-width:769px){
	#campaign-btn-wrap{
	width:800px;
	margin:0 auto;
	padding-bottom:15rem;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:0 2rem;
	}
	#campaign-btn-wrap > a{
	height:9rem;
	font-size:1.8rem;
	}
}
@media screen and (max-width:768px){
	#campaign-btn-wrap{
	width:100%;
	margin:0 auto;
	padding:0 2rem 8vh 2rem;
	}
	#campaign-btn-wrap > a{
	height:6rem;
	font-size:1.6rem;
	}
	#campaign-btn-wrap > a:nth-child(1){
	margin-bottom:1rem;
	}
}