@charset "utf-8";
#wrapper { background: #fdf8fc;}
.subMenu .inner div span { background: #fff;}
.subMenu:hover .inner div span { background: #505050;}
.menu div span { background: #fff;}
.menu.active div span { background: #3c3c3c;}

.subMenu nav { background: rgba(255,255,255,0.8);}

#index-kv { position: relative; width: 100%; max-width: 1280px; min-height: 650px; margin: 0 auto;
 background: url('../img/top/kv/bg-rapunzel.jpg') no-repeat 50% 50% / cover;
}
#index-kv .inner-kv { position: relative; width: 90%; margin: 0 auto;}
#index-kv .ctn { width: 55%; max-width: 520px; margin-bottom: 30px; padding-top: 120px;}
#index-kv .ctn h1 { margin-bottom: 30px; text-align: center;}
#index-kv .ctn h1 img { position: relative; width: 80%; max-width: 300px; transition: 0.4s linear 0.3s; opacity: 0; transform: translateY(20px);}
#index-kv .ctn h2 { text-align: center;}
#index-kv .ctn h2 img { position: relative; width: 100%; transition: 0.4s linear 0.6s; opacity: 0; transform: translateY(20px);}

#index-kv .news .inner { width: 90%; margin: 0 auto;}
#index-kv .news .news-ctn { width: 55%; max-width: 520px;}
#index-kv .news .news-ctn a { display: flex; justify-content: space-between; align-items: center;
 width: 96%; max-width: 400px; margin: 0 auto; padding: 15px; padding-left: 25px; color: #504591;
/* background: url('../img/news/bg.png') no-repeat 50% 50% / 100% 100%;*/
 background: url('../img/news/bg_202404.png') no-repeat 50% 50% / 100% 100%;
 position: relative; transition: 0.4s linear 0.9s; opacity: 0; transform: translateY(20px);
}
#index-kv .news .news-ctn .pht { width: 23%; text-align: center;}
#index-kv .news .news-ctn .txt { width: 75%;}
#index-kv .news .news-ctn .pht img { width: 96%;}
#index-kv .news .news-ctn .txt p { font-size: 11px;}
#index-kv .news .news-ctn .txt p span { display: block; font-size: 12px;}
#index-kv .news .news-ctn .txt p.date { font-size: 11px;}
#index-kv .cr { display: none; position: absolute; width: 100%; bottom: 50px; padding: 0 20px; z-index: 2;}
#index-kv .cr p { text-align: right;}
#index-kv .cr p img { width: 40px;}
#index-kv .bg-kv { display: none; position: relative; z-index: 1;}
#index-kv .bg-kv img { width: 100%;}

#index-kv.show .ctn h1 img,
#index-kv.show .ctn h2 img { opacity: 1; transform: translateY(0px);}
#index-kv.show .news .news-ctn a { opacity: 1; transform: translateY(0px);}
@media (max-width: 801px) {
	#index-kv { min-height: auto; background: none;}
	#index-kv .ctn { position: absolute; width: 100%; max-width: 100%; margin: 0 auto; padding-top: 6vw; z-index: 2;}
	#index-kv .ctn h1 { margin-bottom: 13vw;}
	#index-kv .ctn h1 img { width: 30%;}
	#index-kv .ctn h2 img { width: 85%;}
	#index-kv .news { position: absolute; left: 0; bottom: -50px; width: 100%; z-index: 3;}
	#index-kv .news .inner { width: 94%;}
	#index-kv .news .news-ctn { width: 100%; margin: 0 auto;}
	#index-kv .news .news-ctn a { width: 100%; padding-left: 30px;}
	#index-kv .cr { display: block; }
	#index-kv .bg-kv { display: block;}
}
@media (max-width: 481px) {
	#index-kv .ctn { padding-top: 4vw;}
	#index-kv .ctn h1 { margin-bottom: 15vw;}
	#index-kv .news .news-ctn a { padding: 12px 18px;}
	#index-kv .news .news-ctn .txt p { font-size: 10px;}
	#index-kv .news .news-ctn .txt p span { font-size: 11px;}
	#index-kv .news .news-ctn .txt p.date { font-size: 10px;}
}


.ttl { padding: 35px 0; background: url('../img/top/bg-ttl.jpg') no-repeat 50% 50% / cover;}
.ttl h2 { line-height: 1; text-align: center;}
.ttl h2 img { width: 92%; max-width: 780px;}
.ttl h2 img.sp { display: none;}
.btn { width: 100%; max-width: 540px;}
.btn a { display: block; width: 100%;}
.btn a img { width: 100%;}
.btn a img.sp { display: none;}
.btn a:hover img { opacity: 0.8;}
.note { width: 90%; margin: 0 auto;}
.note p { color: #999; font-size: 12px; text-align: right;}
.note ul { margin: 0 0 0 auto;}
.note ul li { color: #999; font-size: 10px;}
.bg { background: url('../img/bg.jpg') no-repeat 50% 50% / 1280px auto;}
@media (max-width: 801px) {
	.bg { background: url('../img/bg-sp.jpg') no-repeat 50% 0% / cover;}
}
@media (max-width: 641px) {
	.ttl { padding: 20px 0;}
}
@media (max-width: 481px) {
	.ttl { padding: 10px 0;}
	.ttl h2 img.pc { display: none;}
	.ttl h2 img.sp { display: block; margin: 0 auto;}
	.btn a img.pc { display: none;}
	.btn a img.sp { display: block;}
	.note p { font-size: 10px;}
}



#lead { width: 100%; max-width: 1280px; margin: 0 auto; background: url('../img/top/bg-lead.jpg') no-repeat 50% 50% / cover;}
#lead .inner-sct { width: 92%; margin: 0 auto; padding: 80px 0 40px;}
#lead h2 { margin-bottom: 30px; text-align: center;}
#lead h2 img { width: 60%; max-width: 380px;}
#lead p { margin-bottom: 100px; color: #6e6e6e; font-size: 21px; font-weight: 600; letter-spacing: 0.05rem; line-height: 1.85; text-align: center;}
#lead p svg { display: inline; max-width: 100px; margin-right: 8px; fill:#6e6e6e; vertical-align: baseline;}
#lead p span { display: block;}
#lead p sub { font-size: 10px; vertical-align: baseline;}
#lead .note { width: 90%; max-width: 430px;}
@media (max-width: 801px) {
	#lead { background: url('../img/top/bg-lead-sp.jpg') no-repeat 50% 0% / 100% auto;}
	#lead .inner-sct { padding: 24vw 0 5vw;}
	#lead h2 { margin-bottom: 10vw;}
	#lead p { margin-bottom: 15vw; font-size: 3.2vw;}
	#lead p svg { width: 18%;}
}
@media (max-width: 481px) {
	#lead .inner-sct { padding: 23vw 0 12px;}
	#lead h2 { margin-bottom: 7.5vw;}
	#lead p { margin-bottom: 12vw; font-size: 14px; line-height: 1.8;}
	#lead .note { width: 100%;}
}


#story { width: 100%; max-width: 1280px; margin: 0 auto; background: url('../img/bg.jpg') no-repeat 50% 50% / cover;}
#story .inner-sct { width: 100%; margin: 0 auto;}
#story .bloc { position: relative;}
#story .bloc .ctn { position: absolute; left: 0; top: 0; width: 100%; padding: 50px 0;}
#story.fixed .bloc .ctn { position: fixed;}

#story .ctn .flex { position: relative; display: flex; align-items: center; width: 92%; max-width: 1100px; margin: 0 auto; transition: 0.3s linear; opacity: 0;}
#story .ctn.show .flex { opacity: 1;}
#story .ctn .tit { width: 54%;}
#story .ctn .box { width: 45%;}

#story .ctn .tit h3 { position: relative; text-align: center;}
#story .ctn .tit h3 img { position: relative; width: 100%; max-width: 580px;}
#story .ctn .tit h3 img.sp { display: none;}

#story .ctn .box .inner { width: 100%;}
#story .ctn .box .inner figure { background: url('../img/top/bg-point.jpg') no-repeat 50% 50% / cover;
 padding: 5px; border-radius: 40px; overflow: hidden; box-shadow: 0 0 16px #ccc;
}
#story .ctn .box .inner figure img { width: 100%; border-radius: 38px;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#story .inner-sct { padding: 40px 0;}
	#story .bloc .ctn { position: relative; left: auto; top: auto; padding: 0px;}
	#story .ctn .flex { display: block; width: 96%; opacity: 1;}
	#story .ctn .tit { width: 100%;}
	#story .ctn .box { width: 100%;}
	#story .ctn .tit h3:after { content: ''; display: block; width: 18px; height: 18px; position: absolute; right: 8.5%; top: 50%;
		transform: translateY(-35%) rotate(135deg); border-top: solid 4px #999; border-right: solid 4px #999;
	}
	#story .ctn .tit.open h3:after { transform: translateY(-65%) rotate(-45deg);}
	#story .ctn .tit h3 img.pc { display: none;}
	#story .ctn .tit h3 img.sp { display: block; max-width: 100%;}
	#story .ctn .box { display: none;}
	#story .ctn .box .inner { padding: 0 5% 0 12%;}
}
@media (max-width: 481px) {
	#story .inner-sct { padding: 20px 0;}
	#story .ctn .tit h3:after { width: 12px; height: 12px; border-width: 3px;}
	#story .ctn .box .inner figure { padding: 3px; border-radius: 30px; box-shadow: 0 0 12px #ccc;}
	#story .ctn .box .inner figure img { border-radius: 28px;}
}


#collabo { width: 100%; max-width: 1280px; margin: 0 auto;}
#collabo .inner-sct { width: 92%; margin: 0 auto; padding: 60px 0;}
#collabo h3 { margin-bottom: 10px; text-align: center;}
#collabo h3 img { width: 80%; max-width: 540px;}
#collabo figure { margin-bottom: 20px; text-align: center;}
#collabo figure img { width: 100%; max-width: 600px;}
#collabo p.read { font-weight: 600; text-align: center;}
#collabo p.read img { width: 100%; max-width: 660px;}
#collabo p.read img.sp { display: none;}
#collabo p.read span { display: none;}
#collabo .btn { margin: 0 auto 10px;}
@media (max-width: 641px) {
	#collabo .inner-sct { padding: 30px 0;}
	#collabo p.read { margin-bottom: 10px;}
	#collabo p.read img.pc { display: none;}
	#collabo p.read img.sp { display: block; width: 55%; margin: 0 auto 10px;}
	#collabo p.read span { display: block; font-size: 3.6vw;}
}
@media (max-width: 481px) {
	#collabo .inner-sct { padding: 20px 0;}
	#collabo h3 { margin-bottom: 0px;}
	#collabo h3 img { width: 94%;}
	#collabo figure { margin-bottom: 10px;}
	#collabo p.read span { font-size: 14px;}
	#collabo .btn { margin: 0 auto;}
}


#lineup { width: 100%; max-width: 1280px; margin: 0 auto;}
#lineup .slide-sct { padding: 50px 0; background: url('../img/top/code.png') no-repeat 92% 98% / 170px auto;}
#lineup .slide-tit { margin-bottom: 20px; text-align: center;}
#lineup .slide-tit img { width: 94%; max-width: 600px; margin: 0 auto;}
#lineup .slide-tit img.sp { display: none;}
#lineup .slide-item { position: relative; width: 100%; max-width: 880px; margin: 0 auto; padding: 0px;}
#lineup .slide-item div { padding: 30px 0; text-align: center; }
#lineup .slide-item img { width: 62%; margin: 0 auto; opacity: 0.4; transition: 0.4s linear; transform: scale(0.85);}
#lineup .slide-item .slick-center img { position: relative; opacity: 1; transform: scale(1.2);}

#lineup .slide-ctn p {text-align: center;}
#lineup .slide-ctn p img{ margin: 0 auto;}
#lineup .slide-ctn p.name { margin-bottom: 20px;}
#lineup .slide-ctn p.name img{ width: 86%; max-width: 380px;}
#lineup .slide-ctn p.txt { margin-bottom: 10px;}
#lineup .slide-ctn p.txt img{ width: 86%; max-width: 380px;}
#lineup .slide-ctn p.aroma { margin-bottom: 10px;}
#lineup .slide-ctn p.aroma img{ width: 68%; max-width: 300px;}
#lineup .slide-ctn p.price { color: #5f5f5f; font-size: 18px; font-weight: 700;}
#lineup .slide-ctn p.price span { position: relative; padding-left: 20px;}
#lineup .slide-ctn p.price span:before { content: ''; display: block; width: 1px; height: 20px; background: #5f5f5f;
 position: absolute; left: 10px; top: 50%; transform: translateY(-50%) rotate(20deg);
}
#lineup .slide-ctn .btn { width: 62%; max-width: 320px; margin: 0 auto;}
#lineup .slide-ctn .btn a { display: block; padding: 8px 0; background: #fff; border-radius: 50px;
 color: #bb78bb; font-size: 24px; font-weight: 700; letter-spacing: 0.075rem; text-align: center;
}
#lineup .slide-ctn .btn a:hover{ opacity: 0.8;}
#lineup .slide-ctn .note { width: 90%; max-width: 620px; padding-top: 50px;}
#lineup .slide-ctn .note ul li { color: #999; text-align: justify;}


#lineup .inner-sct { width: 92%; margin: 0 auto;}
#lineup ul.page-nav { width: 94%; max-width: 680px; margin: 0 auto 30px; font-size: 0; text-align: center;}
#lineup ul.page-nav li { position: relative; display: inline-block; width: 50%; /* padding-top: 50px;*/}
/*
#lineup ul.page-nav li:first-child:before { content: ''; display: block; width: 60%; max-width: 150px; height: 72px;
 background: url('../img/top/icn-new.png') no-repeat 50% 0 / auto 100%;
 position: absolute; left: -20px; top: 0;
}
*/
#lineup ul.page-nav li a { display: block; width: 94%; max-width: 310px; margin: 0 auto; background: #fff;}
#lineup ul.page-nav li a img { width: 100%;}
#lineup ul.page-nav li a:hover img { opacity: 0.8;}
@media (max-width: 641px) {
	#lineup .slide-item div { padding: 20px 0;}
	#lineup .slide-item img { width: 100%;}
	#lineup .slide-item figure { width: 38%; margin: 0 auto; padding-top: 15px;}
	#lineup .slide-item figure.wide { width: 85%;}
	#lineup .slide-item .slick-center figure { padding-top: 0px; width: 40%;}
	#lineup .slide-item .slick-center figure.wide { padding-top: 15px; width: 85%;}
	#lineup .slide-item .slick-center img { transform: scale(1.2);}

/*
	#lineup .inner-sct { padding-top: 30px;}
	#lineup ul.page-nav li { padding-top: 45px;}
	#lineup ul.page-nav li:first-child:before { height: 60px;}
*/
}
@media (max-width: 481px) {
	#lineup .slide-sct { padding: 30px 0 40px; background-position: 95% 95%; background-size: 120px auto;}
	#lineup .slide-tit { margin-bottom: 20px;}
	#lineup .slide-tit img.pc { display: none;}
	#lineup .slide-tit img.sp { display: block;}

	#lineup .slide-item { margin-bottom: 20px;}
	#lineup .slide-item div { padding: 0px;}
	#lineup .slide-ctn p.name { margin-bottom: 12px;}
	#lineup .slide-ctn p.price { font-size: 14px;}
	#lineup .slide-ctn p.price span { display: block; padding: 0;}
	#lineup .slide-ctn p.price span:before { content: none;}
	#lineup .slide-ctn .note { padding-top: 20px;}

	#lineup .inner-sct {/* padding-top: 20px;*/}
	#lineup ul.page-nav { margin: 0 auto 10px;}
/*
	#lineup ul.page-nav li { padding-top: 30px;}
	#lineup ul.page-nav li:first-child:before { height: 40px;}
*/
}




#lineup-rp { width: 100%; max-width: 1280px; margin: 0 auto;}
#lineup-rp .tips { padding: 20px 0; background: linear-gradient(70deg,#a075c0,#b895c7,#7665aa);}
#lineup-rp .tips h2 { text-align: center;}
#lineup-rp .tips h2 img { width: 80%; max-width: 530px;}
#lineup-rp .pc-ctn { position: relative; padding: 60px 0 360px; background: url('../img/top/lineup/bg-202404.png') no-repeat 50% 0;}
#lineup-rp .pc-ctn .ctn-flex { display: flex; justify-content: space-between; width: 100%; max-width: 900px; margin: 0 auto;}
#lineup-rp .pc-ctn .st { width: 52%;}
#lineup-rp .pc-ctn .oil{ width: 48%;}
#lineup-rp .pc-ctn figure { margin-bottom: 30px; text-align: center;}
#lineup-rp .pc-ctn .oil figure { padding: 20px 0;}
#lineup-rp .pc-ctn .st figure img { width: 80%;}
#lineup-rp .pc-ctn .oil figure img { width: 42%;}
#lineup-rp .pc-ctn p { text-align: center;}
#lineup-rp .pc-ctn p.name { margin-bottom: 10px;}
#lineup-rp .pc-ctn .st p.name img { width: 80%; max-width: 340px;}
#lineup-rp .pc-ctn .oil p.name img{ width: 86%; max-width: 340px;}
#lineup-rp .pc-ctn p.txt { margin-bottom: 10px;}
#lineup-rp .pc-ctn .st p.txt img { width: 80%; max-width: 340px;}
#lineup-rp .pc-ctn .oil p.txt img{ width: 86%; max-width: 340px;}
#lineup-rp .pc-ctn p.aroma { margin-bottom: 10px;}
#lineup-rp .pc-ctn .st p.aroma img { width:70%; max-width: 300px;}
#lineup-rp .pc-ctn .oil p.aroma img{ width: 68%; max-width: 300px;}
#lineup-rp .pc-ctn p.price { color: #5f5f5f; font-size: 18px; font-weight: 700;}
#lineup-rp .pc-ctn p.price span { position: relative; padding-left: 20px;}
#lineup-rp .pc-ctn p.price span:before { content: ''; display: block; width: 1px; height: 20px; background: #5f5f5f;
 position: absolute; left: 10px; top: 50%; transform: translateY(-50%) rotate(20deg);
}
#lineup-rp .pc-ctn .code { position: absolute; left: 6%; bottom: 14%; width: 180px;}
#lineup-rp .pc-ctn .code img { width: 100%;}

#lineup-rp .sp-ctn { display: none;}

#lineup-rp .slide-sct { padding: 50px 0;}
#lineup-rp .slide-tit { margin-bottom: 20px; padding: 0 20px; text-align: center;}
#lineup-rp .slide-tit img { width: 85%; max-width: 600px;}
#lineup-rp .slide-item { position: relative; width: 100%; max-width: 880px; margin: 0 auto; padding: 0px;}
#lineup-rp .slide-item div { padding: 30px 0; text-align: center; }
#lineup-rp .slide-item img { width: 62%; margin: 0 auto; opacity: 0.4; transition: 0.4s linear; transform: scale(0.85);}
#lineup-rp .slide-item .slick-center img { position: relative; opacity: 1; transform: scale(1.2);}

#lineup-rp .slide-ctn p {text-align: center;}
#lineup-rp .slide-ctn p img{ margin: 0 auto;}
#lineup-rp .slide-ctn p.name { margin-bottom: 20px;}
#lineup-rp .slide-ctn p.name img{ width: 60%; max-width: 380px;}
#lineup-rp .slide-ctn p.txt { margin-bottom: 10px;}
#lineup-rp .slide-ctn p.txt img{ width: 60%; max-width: 380px;}
#lineup-rp .slide-ctn p.aroma { margin-bottom: 10px;}
#lineup-rp .slide-ctn p.aroma img{ width: 60%; max-width: 300px;}
#lineup-rp .slide-ctn p.price { color: #5f5f5f; font-size: 18px; font-weight: 700;}
#lineup-rp .slide-ctn p.price span { position: relative; padding-left: 20px;}
#lineup-rp .slide-ctn p.price span:before { content: ''; display: block; width: 1px; height: 20px; background: #5f5f5f;
 position: absolute; left: 10px; top: 50%; transform: translateY(-50%) rotate(20deg);
}
#lineup-rp .slide-ctn .btn { width: 62%; max-width: 320px; margin: 0 auto;}
#lineup-rp .slide-ctn .btn a { display: block; padding: 8px 0; background: #fff; border-radius: 50px;
 color: #bb78bb; font-size: 24px; font-weight: 700; letter-spacing: 0.075rem; text-align: center;
}
#lineup-rp .slide-ctn .btn a:hover{ opacity: 0.8;}
#lineup-rp .slide-ctn .note { width: 90%; max-width: 620px; padding-top: 50px;}
#lineup-rp .slide-ctn .note ul li { color: #999; text-align: justify;}
#lineup-rp .cr { position: absolute; width: 100%; bottom: 80px; padding: 0 80px; z-index: 2;}
#lineup-rp .cr p { line-height: 1; text-align: right;}
#lineup-rp .cr p img { width: 60px;}


#lineup-rp .inner-sct { width: 92%; margin: 0 auto;}
#lineup-rp ul.page-nav { width: 94%; max-width: 680px; margin: 0 auto 30px; font-size: 0; text-align: center;}
#lineup-rp ul.page-nav li { position: relative; display: inline-block; width: 50%; /* padding-top: 50px;*/}
#lineup-rp ul.page-nav li a { display: block; width: 94%; max-width: 310px; margin: 0 auto; background: #fff;}
#lineup-rp ul.page-nav li a img { width: 100%;}
#lineup-rp ul.page-nav li a:hover img { opacity: 0.8;}
@media (max-width: 1001px) {
	#lineup-rp .pc-ctn p.price { font-size: 2.0vw;}
}
@media (max-width: 801px) {
	#lineup-rp .pc-ctn { display: none;}
	#lineup-rp .sp-ctn { position: relative; display: block; padding-bottom: 70vw; background: url('../img/top/lineup/bg-202404-sp.png') no-repeat 50% 0 / 100% auto;}
	#lineup-rp .sp-ctn .code { position: absolute; right: 6%; bottom: 20%; width: 180px;}
	#lineup-rp .sp-ctn .code img { width: 100%;}
	#lineup-rp .cr { bottom: 16%; padding: 0 20px;}
	#lineup-rp .cr p img { width: 40px;}
}
@media (max-width: 641px) {
	#lineup-rp .sp-ctn { padding-bottom: 60vw;}
	#lineup-rp .slide-sct { padding: 20px 0 40px;}
	#lineup-rp .slide-tit { margin-bottom: 0px;}
	#lineup-rp .slide-item div { padding: 10px 0;}
	#lineup-rp .slide-item img { width: 100%;}
	#lineup-rp .slide-item figure { width: 38%; margin: 0 auto; padding: 25px 0 10px;}
	#lineup-rp .slide-item figure.wide { width: 85%;}
	#lineup-rp .slide-item .slick-center figure { padding-top: 30px; width: 40%;}
	#lineup-rp .slide-item .slick-center figure.wide { padding-top: 15px; width: 85%;}
	#lineup-rp .slide-item .slick-center img { transform: scale(1.2);}
	#lineup-rp .sp-ctn .code { bottom: 18%;}
	#lineup-rp .cr { bottom: 7%;}
}
@media (max-width: 481px) {
	#lineup-rp .sp-ctn { padding-bottom: 50vw;}
	#lineup-rp .slide-sct { padding: 20px 0 40px;}
	#lineup-rp .slide-tit { margin-bottom: 20px;}
	
	#lineup-rp .slide-item { margin-bottom: 20px;}
	#lineup-rp .slide-item div { padding: 0px;}
	#lineup-rp .slide-ctn p.name { margin-bottom: 8px;}
	#lineup-rp .slide-ctn p.txt { margin-bottom: 6px;}
	#lineup-rp .slide-ctn p.aroma { margin-bottom: 6px;}
	#lineup-rp .slide-ctn p.price { font-size: 14px;}
	#lineup-rp .slide-ctn p.price span { display: block; padding: 0;}
	#lineup-rp .slide-ctn p.price span:before { content: none;}
	#lineup-rp .slide-ctn .note { padding-top: 20px;}
	#lineup-rp .sp-ctn .code { bottom: 15%; width: 150px;}
	#lineup-rp .cr { bottom: 9%;}
	#lineup-rp .inner-sct {/* padding-top: 20px;*/}
	#lineup-rp ul.page-nav { margin: 0 auto 10px;}
}


#insta { width: 100%; max-width: 1280px; margin: 0 auto;}
#insta .inner-sct { width: 92%; margin: 0 auto; padding: 60px 0 100px;}
#insta h2 { margin-bottom: 20px; text-align: center;}
#insta h2 img { width: 72%; max-width: 360px;}
#insta .ctn-flex { display: flex; flex-wrap: wrap; justify-content: space-between; width: 98%; max-width: 520px; margin: 0 auto;}
#insta .ctn-flex div { width: 33%; padding: 12px;}
#insta .ctn-flex div a { display: block; width: 100%; background: #fff;}
#insta .ctn-flex div img { width: 100%;}
#insta .ctn-flex div a:hover img { opacity: 0.85;}
#insta .btn { margin: 0 auto;}
@media (max-width: 641px) {
	#insta .inner-sct { padding: 40px 0 60px;}
}
@media (max-width: 481px) {
	#insta .inner-sct { padding: 40px 0;}
	#insta h2 { margin-bottom: 12px;}
	#insta .ctn-flex { margin: 0 auto 10px;}
	#insta .ctn-flex div { padding: 6px;}
	#insta .btn a { width: 80%; margin: 0 auto;}
}


#campaign { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#campaign h3 { position: relative; text-align: center;}
#campaign h3 img { width: 100%; max-width: 1280px;}
#campaign h3 img.sp { display: none;}
#campaign .btn { position: absolute; left: 0; bottom: 50px; width: 100%; max-width: 100%;}
#campaign .btn a { display: block; width: 50%; max-width: 360px; margin: 0 auto; padding: 10px 60px; border-radius: 50px; overflow: hidden; background: #fff; box-shadow: 0 0 20px #fff; line-height: 1;}
#campaign .btn a img { width: 100%;}
@media (max-width: 801px) {
	#campaign h3 img.pc { display: none;}
	#campaign h3 img.sp { display: block;}
	#campaign .btn { bottom: 10vw;}
	#campaign .btn a { padding: 8px 40px;}
}
@media (max-width: 481px) {
	#campaign .btn a { padding: 8px 20px;}
}

/*
#present { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: url('../img/top/campaign/202404.jpg') no-repeat 50% 100%;}
#present .ttl { background: #e895bb; padding: 20px 0;}
#present .ttl h3 { text-align: center;}
#present .ttl h3 img { width: 80%; max-width: 640px;}
#present .inner-sct { width: 92%; margin: 0 auto; padding-top: 50px;}
#present .box { position: relative; width: 100%; max-width: 690px; margin: 0 auto;}
#present .box p img { width: 100%;}
#present .box .btn { position: absolute; right: 0; bottom: 24%; width: 48%;}
#present .box .btn a { display: block; width: 100%; max-width: 320px; margin: 0 auto; border-radius: 50px; overflow: hidden;}
#present .box .btn a img { width: 100%;}
@media (max-width: 481px) {
	#present { background-size: auto 100%;}
	#present .ttl { padding: 12px 0;}
	#present .inner-sct { padding-top: 30px;}
}
*/