/* intro */
body:not(.overflow){ overflow: hidden; height: 100vh; }
.intro{ position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #000; font-weight: 700; color: #fff; z-index: 1000000000; animation: intro .7s 3.3s both; }
@keyframes intro {
	0%{ visibility: visible; opacity: 1; }
	100%{ visibility: hidden; opacity: 0; }
}
.intro > *{ position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #000; }
.intro1{ animation: intro1 1s both; z-index: 1; }
@keyframes intro1 {
	0%, 99%{ z-index: 3; }
	100%{ z-index: -1; }
}
.intro1__p{ font-size: 50rem; animation: intro1__p .95s cubic-bezier(0.3, 0, 1, 0) both; }
@keyframes intro1__p {
	0%{ font-size: 50rem; }
	100%{ font-size: 80rem; }
}
.intro2{ animation: intro2 1s 1s both; z-index: 1; }
@keyframes intro2 {
	0%, 99%{ z-index: 2; }
	100%{ z-index: -1; }
}
.intro2__p{ font-size: 35rem; }
[class*="intro2__entry"]{ display: inline-block; opacity: 0; transform: translateY(75%); animation: intro2__entry ease-out .25s 1.15s both; }
.intro2__entry2{ animation-delay: 1.3s; }
.intro2__entry3{ animation-delay: 1.45s; }
.intro2__entry4{ animation-delay: 1.6s; }
@keyframes intro2__entry {
	0%{ transform: translateY(75%); opacity: 0; }
	1%{ transform: translateY(75%); opacity: 1; }
	100%{ transform: translateY(0); opacity: 1; }
}
.intro3{ font-size: 36rem; animation: intro3 2s 2s both; }
@keyframes intro3 {
	0%{ font-size: 50rem; }
	33%{ font-size: 36rem; }
	66%{ font-size: 36rem; }
	100%{ font-size: 800rem; }
}
.intro3__p{ position: relative; animation: intro3__p 1s 2s forwards; }
@keyframes intro3__p {
	0%, 50%{ top: 1.5em; }
	100%{ top: 0; }
}
.intro3__entry2{ white-space: nowrap; clip-path: inset(0 100% 0 0); animation: intro3__entry2 1s 2s forwards; }
@keyframes intro3__entry2 {
	0%, 50%{ clip-path: inset(0 100% 0 0); }
	100%{ clip-path: inset(0); }
}
@media(min-width:768px){
	@keyframes intro3__p {
		0%, 50%{ left: 0; }
		100%{ left: -7ch; }
	}
	.intro3__entry2{ position: absolute; left: calc(100% + .5ch);  }
}
@media(max-width:767px){
	.intro3__p{ top: 1.5em; text-align: center; }
}

/* visual */
.visual{ display: flex; align-items: center; justify-content: center; background: var(--black) url('/images/main/visual.jpg') no-repeat 50% / cover; box-sizing: border-box; text-align: center; color: #fff; }
.visual__logo{ height: 144rem; }
.visual__h2{ margin: .6em 0 .64615385em; font-size: var(--fs65); letter-spacing: -.01em; }
.visual__emphasis{ position: relative; margin-left: .29032258em; display: inline-block; font-size: .95384615em; }
.visual__emphasis::before{ content: ''; position: absolute; inset: .06451613em -.17741935em .08064516em; background: var(--red); z-index: -1; }
.visual__p{ font-size: 25rem; font-weight: 500; text-shadow: -5rem 0rem 18rem 2rem rgba(125, 125, 125, .35); }
@media(prefers-reduced-motion:no-preference){
	.visual__logo{ animation: visual__slide_up .8s 4.4s both; }
	.visual__h2{ animation: visual__slide_up .8s 4.8s both; }
	.visual__p{ animation: visual__slide_up .8s 5.2s both; }
	@keyframes visual__slide_up {
		0%{ transform: translateY(30rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
	.visual__emphasis::before{ animation: visual__emphasis .6s 5.8s both; }
	@keyframes visual__emphasis {
		0%{ clip-path: inset(0 100% 0 0); }
		100%{ clip-path: inset(0); }
	}
}
@media(min-width:768px){
	.visual{ aspect-ratio: 1920/970; }
}
@media(max-width:767px){
	.visual{ padding: 90rem 0; }
}

/* common */
.common__subTitle{ margin: 0 auto; width: fit-content; padding: 13rem 24rem 11rem; background: linear-gradient(0deg, currentColor 2px, #0000 2px 6px, rgba(37, 31, 26, 0.6) 6px 7px, #0000 7px calc(100% - 7px), rgba(37, 31, 26, 0.6) calc( 100% - 6px) calc( 100% - 7px), #0000 calc( 100% - 6px) calc( 100% - 2px), currentColor calc( 100% - 2px)); font-size: var(--fs25); font-weight: 600; }
.common__subTitle.white{ background: linear-gradient(0deg, currentColor 2px, #0000 2px 6px, #ffffff99 6px 7px, #0000 7px calc(100% - 7px), #ffffff99 calc( 100% - 6px) calc( 100% - 7px), #0000 calc( 100% - 6px) calc( 100% - 2px), currentColor calc( 100% - 2px)); }
.common__subTitle + .common__title{ margin-top: 33rem; }
.common__title{ font-size: var(--fs70); line-height: 1.45714286; letter-spacing: -.01em; }
.common__descript{ margin-top: 1.32142857em; font-size: var(--fs28); }
@media(max-width:767px){
	#wrap .common__title{ font-size: 26rem; }
}

/* sec1 */
.sec1{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0; background: #dedcda url('/images/main/sec1_bg.jpg') no-repeat 50% / cover; text-align: center; }
.sec1__box1{ position: relative; margin-top: 61rem; box-shadow: 6rem 8rem 40rem 10rem rgba(51, 51, 51, 0.05); border-radius: 20rem; }
.sec1__label{ position: absolute; top: 0; left: 0; width: min(23.5%, 329rem); transform: translate(-23%,-44.2%); z-index: 3; }
.sec1__graph_empty{ position: absolute; inset: 0; width: 100%; border-radius: inherit; z-index: -1; }
.sec1__graph{ position: relative; width: 100%; border-radius: inherit; }
.sec1__headline{ margin-top: .7em; padding: .25em 0; background: var(--black); font-size: var(--fs50); font-weight: 600; color: #fff; }
@media(prefers-reduced-motion:no-preference){
	.sec1__graph.effect_active{ transition: 1.4s; }
}
@media(min-width:1650px){
	.sec1__label{ transform: translate(-43.5%,-44.2%); }
}

/* sec2 */
.sec2{ overflow: hidden; padding: clamp(90rem, calc( 133 / var(--inner) * 100vw ), 133rem) 0 clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem); background: #151012 url(/images/main/sec2_bg.jpg) no-repeat 100% / cover; text-align: center; }
.sec2 .common__title{ font-size: var(--fs75); }
.sec2__swiper{ margin: 71rem auto 0; width: 100vw; }
.sec2__swiper .swiper-slide:not(.swiper-slide-active) .sec2__box{ transform: translateY(2px); opacity: .2; transition: .3s; }
.sec2__box{ position: relative; padding: 20rem; background: #f5f4f1 url(/images/main/sec2_box.jpg) no-repeat 50% / cover; box-sizing: border-box; }
.sec2__box::before,
.sec2__box::after{ content: ''; position: absolute; pointer-events: none; }
.sec2__box::before{ inset: 10rem; border: 2px solid var(--secondary); }
.sec2__box::after{ inset: 20rem; border: 1px solid var(--secondary); }
.sec2__p1{ margin-top: 32rem; font-size: 20rem; font-weight: 600; }
.sec2__p2{ font-size: var(--fs55); }
.sec2__p3{ align-self: center; margin-top: 23rem; padding: 6rem 0; background: var(--secondary); font-size: 20rem; font-weight: 500; color: #fff; }
.sec2__pager{ margin-top: 52rem; display: flex; align-items: center; justify-content: center; gap: 21rem; }
.sec2__pager .swiper-pagination-bullet{ width: 10rem; height: 10rem; background: #fff; }
.sec2__pager .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ opacity: .3; }
@media(min-width:768px){
	.sec2__swiper .swiper-slide{ width: 450rem; }
}

/* sec3 */
.sec3{ position: relative; background: #f5f1ec; box-sizing: border-box; text-align: center; }
.sec3::before{ content: ''; position: absolute; inset: clamp(20rem, calc( 50 / 1920 * 100vw ), 50rem); border: clamp(30rem, calc( 62 / 1920 * 100vw ), 62rem) solid red; border-image: url('/images/main/sec3_border.png') 62 / 1 / 0 stretch; pointer-events: none; }
.sec3__art1{ padding: clamp(64rem, calc( 194 / 1920 * 100vw ), 194rem) clamp(20rem, calc( 50 / 1920 * 100vw ), 50rem) 0; background: url('/images/main/sec3_art1_pattern1.png') no-repeat 100% 0 / min(33.38541667%, 641rem) auto, url('/images/main/sec3_art1_pattern2.png') no-repeat 0 100% / min(44.27083333%, 850rem) auto, url('/images/main/sec3_art1_bg.jpg') no-repeat 50% / cover; }
.sec3 .common__descript{ margin-top: 1.46428571em; }
.sec3__underline{ position: relative; color: #d9181f; }
.sec3__underline::before{ content: ''; position: absolute; inset: auto 0rem -0.17857143em; border-bottom: 1px solid currentColor; }
.sec3__bar{ margin: clamp(20rem, calc( 46 / 1920 * 100vw ), 46rem) auto clamp(30rem, calc( 63 / 1920 * 100vw ), 63rem); width: 1px; height: clamp(60rem, calc( 120 / 1920 * 100vw ), 120rem); background: #a0938e; }
.sec3__img1{ width: 78.80208333vw; -webkit-mask: url('/images/main/sec3_food1_mask.png') no-repeat 50% 100% / contain; }
.sec3__headline{ position: relative; padding: 0.82857143em 0; background: var(--black); font-size: var(--fs35); color: #fff; }
.sec3__art2{ display: grid; padding: 0 clamp(20rem, calc( 50 / 1920 * 100vw ), 50rem) 50rem; background: url('/images/main/sec3_art2_pattern.png') no-repeat 100% 100% / min(43.54166667%, 836rem) auto, url('/images/main/sec3_art2_bg.jpg') no-repeat 50% / cover; }
.sec3__figure{ align-self: center; justify-self: center; width: 60.74498567%; padding: 20rem 20rem 30rem; box-sizing: border-box; color: #fff; }
.sec3__figure.figure1{ background: #25252f; }
.sec3__figure.figure2{ background: #4d3724; }
.sec3__img2{ width: 100%; }
.sec3__caption strong{ margin: 28rem 0 8rem; display: block; font-size: 1.25em; }
.sec3__p{ position: relative; margin: 3.66em 0 3.68em; font-size: var(--fs50); letter-spacing: .02em; }
.sec3__p::before,
.sec3__p::after{ content: ''; position: absolute; inset: 0; margin: auto; width: 1px; background: #a0938e; }
@media(prefers-reduced-motion:no-preference){
	.sec3__underline::before{ clip-path: inset(0 100% 0 0); transition: .4s .6s; }
	.effect_active.sec3__underline::before{ clip-path: inset(0); }
	#wrap .sec3__p{ clip-path: inset(-3.66em 0 calc( 100% + 3.68em)); }
	#wrap .effect_active.sec3__p{ clip-path: inset(-3.66em 0 -3.68em); transition: 1.2s; }
}
@media(min-width:768px){
	.sec3__art2{ grid-template-columns: 1fr auto 1fr; }
	.sec3__figure.figure1{ transform: translate(7.35%, -11.55%); }
	.sec3__figure.figure2{ transform: translate(-7.35%, 6.75%); }
	.sec3__p{ writing-mode: vertical-lr; }
	.sec3__p::before,
	.sec3__p::after{ height: 2em; }
	.sec3__p::before{ margin-top: -2.86em; }
	.sec3__p::after{ margin-bottom: -2.86em; }
}
@media(min-width:1280px){
	.sec3__caption{ font-size: 20rem; }
}
@media(max-width:767px){
	.sec3__art2{ padding-top: 50rem; }
	.sec3__figure.figure1{ transform: translateX(-7.35%); }
	.sec3__figure.figure2{ transform: translateX(7.35%); }
	.sec3__p{ font-size: 26rem; }
	.sec3__p::before,
	.sec3__p::after{ height: 1.25em; }
	.sec3__p::before{ margin-top: -1.86em; }
	.sec3__p::after{ margin-bottom: -1.86em; }
}

/* sec4 */
.sec4{ overflow: hidden; padding: clamp(90rem, calc( 152 / var(--inner) * 100vw ), 152rem) 0 clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem); background: #242424 url('/images/main/sec4_bg.jpg') no-repeat 50% / cover; text-align: center; color: #fff; }
.sec4 .common__title{ font-size: var(--fs55); line-height: 1.64; }
.sec4__quote_start{ position: relative; margin: 0 0.10909091em 0 0.09090909em; z-index: 2; }
.sec4__quote_end{ position: relative; margin: 0 0.38181818em 0 0.10909091em; z-index: 2; }
.sec4__effect{ position: relative; display: inline-block; font-size: var(--fs60); z-index: 1; }
.sec4__effect::before{ content: ''; position: absolute; background: no-repeat 50% / contain; z-index: -1; }
.sec4__effect.check::before{ inset: 16rem -26rem -5rem -18rem; background-image: url('/images/main/sec4_check.png'); }
.sec4__effect.underline::before{ inset: 72rem -37rem 2rem -28rem; background-image: url('/images/main/sec4_underline.png'); }
.sec4__swiper1{ margin-top: 87rem; pointer-events: none; }
.sec4 .swiper-wrapper{ transition-timing-function: linear; }
.sec4__img{ width: 28.64583333vw; padding-right: 30rem; }
.sec4__swiper2{ margin-top: 30rem; pointer-events: none; }
@media(prefers-reduced-motion:no-preference){
	.sec4__swiper1{ transform: translateX(-100%); }
	.sec4__swiper1.effect_active{ transform: translateX(0); transition: 1.4s; }
	.sec4__swiper2{ transform: translateX(100%); }
	.sec4__swiper2.effect_active{ transform: translateX(0); transition: 1.4s; }
}
@media(min-width:768px){
	.sec4 .common__title{ margin-top: 0.69090909em; }
}

/* sec5 */
.sec5{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0 clamp(90rem, calc( 141 / var(--inner) * 100vw ), 141rem); background: url('/images/main/sec5_patten.png') no-repeat 100% 0 / min(1205rem, 62.76041667%) auto, #ebeae5 url('/images/main/sec5_bg.jpg') no-repeat 0 100% / cover; text-align: center; }
.sec5 .common__descript{ margin-top: 1.4em; font-size: var(--fs25); line-height: 1.6; }
.sec5__ol{ margin-top: 53rem; display: grid; gap: clamp(20rem, calc( 35 / var(--inner) * 100vw ), 35rem) clamp(10rem, calc( 40 / var(--inner) * 100vw ), 40rem); }
.sec5__li{ position: relative; padding: min(19%, 83rem) 20rem 47rem; background: #fff; border: 2px solid var(--secondary); box-sizing: border-box; }
.sec5__li::before{ content: ''; position: absolute; inset: 15rem; border: 1px solid #948d88; }
.sec5__number{ position: absolute; inset: 0; margin: -2px auto auto; width: 4.44444444em; height: 2.5em; padding-top: 0.33333333em; background: var(--secondary); box-sizing: border-box; font-size: 18rem; font-weight: 500; color: #fff;}
.sec5__number::before{ content: ''; position: absolute; inset: 0 6rem 5rem; border: solid #6d645d; border-width: 0 1px 1px; }
.sec5__svg{ height: 48rem; fill: currentColor; }
.sec5__p{ margin-top: 17rem; font-size: 20rem; }
.sec5__p strong{ margin-top: .52em; display: block; font-size: 1.25em; color: var(--red); }
.sec5__headline{ margin-top: clamp(20rem, calc( 40 / var(--inner) * 100vw ), 40rem); padding: 0.48571429em 0 0.37142857em; background: var(--black); font-size: var(--fs35); color: #fff; }
@media(min-width:768px){
	.sec5__ol{ grid-template-columns: repeat(3, 1fr); }
}

/* decoration */
.deco{ position: relative; }
.deco::before{ content: ''; position: absolute; display: inline-block; background: no-repeat 50% 100% / contain; -webkit-mask: no-repeat 50% / contain; z-index: 3; }
.deco.deco1::before{ --weighting: 1.3; top: calc( clamp(0rem, calc( 128 / 1920 * 100vw ), 128rem) * -1 ); right: 0; aspect-ratio: 203/333; width: min(203rem, 10.5%); background-image: url('/images/main/deco1.jpg'); -webkit-mask-image: url('/images/main/deco1_mask.png'); }
.deco.deco2::before{ --weighting: .8;  bottom: calc( clamp(0rem, calc( 52 / 1920 * 100vw ), 52rem) * -1 ); left: 0; aspect-ratio: 392/504; width: min(309rem, 16.1%); background-image: url('/images/main/deco2.jpg'); -webkit-mask-image: url('/images/main/deco2_mask.png'); }
.deco.deco3::before{ --weighting: 1.2; bottom: calc( clamp(0rem, calc( 268 / 1920 * 100vw ), 268rem) * -1 ); right: 0; aspect-ratio: 228/387; width: min(228rem, 11.8%); background-image: url('/images/main/deco3.jpg'); -webkit-mask-image: url('/images/main/deco3_mask.png'); }
@media(prefers-reduced-motion:no-preference){
    .deco::before{ transform: translateY( calc( var(--translateY) * var(--weighting, 1))); transition: .2s cubic-bezier(.48,.65,.7,1.07); will-change: transform; }
}

/* sec6 */
.sec6{ padding: clamp(90rem, calc( 134 / var(--inner) * 100vw ), 134rem) 0 clamp(90rem, calc( 278 / var(--inner) * 100vw ), 278rem); text-align: center; }
.sec6 .common__descript{ margin-top: 1.04em; font-size: var(--fs25); }
.sec6__grid{ margin-top: 52rem; display: grid; gap: clamp(10rem, calc( 40 / var(--inner) * 100vw ), 40rem); }
.sec6__figure{ background: var(--figColor); font-size: var(--fs28); font-weight: 700; color: #fff; }
.sec6__figure.fig1{ --figColor: #3a291d; }
.sec6__figure.fig2{ --figColor: var(--red); }
.sec6__wrap_img{ position: relative; }
.sec6__wrap_img::before{ content: ''; position: absolute; inset: 0; border: 4px solid var(--figColor); }
.sec6__img{ width: 100%; }
.sec6__mark{ position: absolute; top: 51.4%; left: 50%; aspect-ratio: 74/98; width: 10.88235294%; background: url('/images/main/sec6_mark.png') no-repeat 50% / contain; transform: translate(-50%,-100%); transform-origin: 50% 100%; z-index: 1; }
.sec6__circle_group{ position: absolute; top: 50.2%; left: 50%; transform: translate(-50%,-50%); aspect-ratio: 1/1; width: 19.41176471%; border-radius: 50%; }
.sec6__circle{ position: absolute; inset: 0; margin: auto; aspect-ratio: 1/1; background: var(--red); border-radius: 50%; }
.sec6__circle:nth-child(1){ transform: scale(.28); opacity: .25; }
.sec6__circle:nth-child(2){ transform: scale(.59); opacity: .15; }
.sec6__circle:nth-child(3){ opacity: .08; }
.sec6__circle:nth-child(n+4){ opacity: 0; }
.sec6__caption{ padding: 12rem 10rem 14rem; }
@media(prefers-reduced-motion:no-preference){
	.sec6__circle{ animation: sec6__circle 2.5s linear infinite both; }
	.sec6__circle:nth-child(2){ animation-delay: .5s; }
	.sec6__circle:nth-child(3){ animation-delay: 1s; }
	.sec6__circle:nth-child(4){ animation-delay: 1.5s; }
	.sec6__circle:nth-child(5){ animation-delay: 2s; }
	@keyframes sec6__circle {
		0%{ transform: scale(0); opacity: .3; }
		100%{ transform: scale(1.4); opacity: 0; }
	}
}
@media(min-width:768px){
	.sec6__grid{ grid-template-columns: 1fr 1fr; }
}

/* sec7 */
.sec7{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0; background: #3a3229 url('/images/main/sec7_bg.jpg') no-repeat 50% / cover; text-align: center; color: #fff; }
.sec7 .common__title{ font-size: var(--fs50); line-height: 1.43; text-shadow: 0rem 0rem 36em rgba(0, 0, 0, 0.1); }
.sec7 .common__title b{ font-size: 1.1em; }
.sec7__textBg{ display: block; }
@supports(-webkit-background-clip: text){
	.sec7__textBg{ background: linear-gradient(0deg, #d5d5d7, #fff); -webkit-background-clip: text; color: transparent; }
}
.sec7__logo{ position: relative; margin: 45rem auto 0; display: block; height: 3.68em; font-size: var(--fs50); }
@media(min-width:768px){
	.sec7 .common__title{ margin-top: 0.66em; }
}

/* sec8 */
.sec8{ overflow: hidden; position: relative; padding: clamp(90rem, calc( 131 / var(--inner) * 100vw ), 131rem) 0 clamp(90rem, calc( 160 / var(--inner) * 100vw ), 160rem); background: url('/images/main/sec8_bg.jpg'); }
.sec8::before{ content: ''; position: absolute; inset: 55.95% 0 0; background: #9c0404; mix-blend-mode: multiply; }
.sec8__con1{ text-align: center; }
.sec8Swiper{ margin-inline: -90rem;}
.sec8Swiper1{ margin-top: 61rem; }
.sec8Swiper_img{ width: 100%; padding: 0 15rem; box-sizing: border-box; }
.sec8__con2{ margin-top: clamp(90rem, calc( 160 / var(--inner) * 100vw ), 160rem); }
.sec8__box{ margin-top: 62rem; display: grid; gap: 60rem 0; background: #f8f7f6 url('/images/main/sec8_box.jpg'); border: 2px solid #2e2117; }
.sec8__rating{ display: flex; gap: 5rem; }
.sec8__star1{ display: inline-block; aspect-ratio: 46/43; height: 0.78181818em; background: url('/images/main/sec8_star1.png') no-repeat 50% / contain; font-size: var(--fs55); }
.sec8__p1{ margin-top: .2em; font-size: var(--fs55); }
.sec8__p2{ position: relative; margin-top: 0.18181818em; display: inline-block; padding: 0 0.34545455em 0 0.41818182em; font-size: var(--fs55); color: #fff; z-index: 1; }
.sec8__p2::before{ content: ''; position: absolute; inset: 0; background: #d9181f; z-index: -1; }
.sec8__star2{ font-size: 1.09090909em; color: #ffe86b; }
.sec8__p3{ margin-top: 1em; font-size: var(--fs25); line-height: 1.6; }
.sec8__p3 b{ font-weight: 600; }
.sec8__img{ position: relative; display: flex; align-items: flex-end; justify-content: center; }
.sec8__mobile{ max-width: 418rem; }
.sec8__app{ position: absolute; }
.sec8__app.app1{ top: 71.5%; left: 11.8%; width: 13.71841155%; }
.sec8__app.app2{ top: 28.2%; left: 87.2%; width: 13.83874850%; }
.sec8__app.app3{ top: 70.6%; left: 96.5%; width: 12.63537906%; }
.sec8__appLogo{ width: 100%; border-radius: 15rem; box-shadow: -2rem 0rem 14.25rem 0.75rem rgba(182, 182, 182, 0.35); }
.app1 .sec8__appLogo{ transform: translate(-50%,-50%) rotate(-7.97deg); }
.app2 .sec8__appLogo{ transform: translate(-50%,-50%) rotate(11.48deg); }
.app3 .sec8__appLogo{ transform: translate(-50%,-50%) rotate(19.31deg); }
.sec8Swiper2{ margin-top: clamp(90rem, calc( 160 / var(--inner) * 100vw ), 160rem); }
@media(prefers-reduced-motion:no-preference){
	.sec8__p2::before{ clip-path: inset(0 100% 0 0); }
	.effect_active .sec8__p2::before{ clip-path: inset(0); transition: .4s .8s; }
	.sec8__app{ animation: float 6s ease-in-out infinite; }
	.sec8__app.app2{ animation-duration: 5.5s; animation-delay: -3s; }
	.sec8__app.app3{ animation-duration: 5.8; animation-delay: -2s; }
	@keyframes float {
		0%, 100%{ transform: translate(-50%,-50%); }
		50%{ transform: translate(-50%,calc(-50% + 10rem)); }
	}
}
@media(min-width:768px){
	.sec8__box{ grid-template-columns: 1fr 1.471fr; }
	.sec8__txt{ padding: 88rem 0 10rem 16.8156474%; }
	.sec8__img{ padding-top: 6.8%; }
	.sec8__mobile{ width: clamp(90rem, calc( 418 / var(--inner) * 100vw ), 418rem); }
}
@media(max-width:767px){
	.sec8__txt{ padding: 60rem 40rem 0; }
	.sec8__mobile{ width: 80%; }
}

/* sec9 */
.sec9{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0; background: url('/images/main/sec9_bg2.jpg') no-repeat 100% 0 / min(538rem, 28%) auto, #1a1417 url('/images/main/sec9_bg1.jpg') no-repeat 50% 100% / cover; text-align: center; }
.sec9__inr{ position: relative; padding: clamp(90rem, calc( 120 / var(--inner) * 100vw ), 120rem) clamp(20rem, 5.20833333%, 100rem) clamp(90rem, calc( 120 / var(--inner) * 100vw ), 120rem); background: #f8f7f6 url('/images/main/sec9_inr.jpg'); box-sizing: border-box; }
.sec9__inr::before{ content: ''; position: absolute; inset: clamp(0rem, calc( 30 / var(--inner) * 100vw ), 30rem); border: 1px solid var(--black); pointer-events: none; }
.sec9 .common__descript{ margin-top: 1.36363636em; font-size: 22rem; }
.sec9Graph{ position: relative; margin-left: 3.6%; }
.sec9Graph__graph{ position: relative; margin: 78rem auto 0; aspect-ratio: 1/1; max-width: 518rem; width: 55%; }
.sec9Graph__graph::before{ content: ''; position: absolute; inset: 0; background: url('/images/main/sec9_graph.svg') no-repeat 50% / contain; }
.sec9Graph__center{ position: absolute; inset: 0; display: grid; padding: 1.6% 0 0 2.1%; box-sizing: border-box; }
.sec9Graph__logo{ align-self: end; justify-self: center; width: 19.30501931%; }
.sec9Graph__p{ margin-top: .875em; font-size: clamp(0rem, calc( 16 / var(--inner) * 100vw ), 16rem); line-height: 1.75; }
.sec9Graph__data{ position: absolute; }
.sec9GraphData1{ top: 27.6%; left: 16.7%; text-align: right; font-size: clamp(0rem, calc( 28 / var(--inner) * 100vw ), 28rem); transform: translate(-100%,-100%); transform-origin: 100% 100%; }
.sec9GraphData1__p1{ font-weight: 600; color: #222; }
.sec9GraphData1__p2{ position: relative; margin-top: 0.16666667em; padding: 0.13888889em 0.33333333em 0.05555556em 0.34722222em; font-size: 1.28571429em; color: #fff; }
.sec9GraphData1__p2::before{ content: ''; position: absolute; inset: 0; background: #3a291d; z-index: -1; }
.img.sec9Graph__data{ max-width: 100%; }
.sec9Graph__data.data2{ top: 75.4%; left: -20.6%; width: 51.35135135%; transform: translate(-50%,-100%); transform-origin: 50% 100%; }
.sec9Graph__data.data3{ top: 94%; left: 23%; width: 55.01930502%; transform: translate(-100%, 0%); transform-origin: 100% 0%; }
.sec9Graph__data.data4{ top: 100.4%; left: 35.7%; width: 27.60617761%; }
.sec9Graph__data.data5{ top: 97.5%; left: 73.6%; width: 36.67953668%; }
.sec9Graph__data.data6{ top: 70.5%; left: 99%; width: 34.16988417%; transform: translate(0%,-50%); transform-origin: 0% 50%; }
.sec9Graph__data.data7{ top: 12.4%; left: 137.9%; width: 48.06949807%; transform: translate(-100%,0%); transform-origin: 100% 0%; }
.sec9__table{ margin-top: 121rem; width: 100%; text-align: center; font-size: clamp(14rem, calc( 20 / var(--inner) * 100vw ), 20rem); }
.sec9__table col:nth-child(1){ width: 37.5%; }
.sec9__table col:nth-child(2){ width: 31.25%; }
.sec9__table thead{ background: #ebeae5; }
.sec9__table :is(th, td){ border: 1rem solid #ddd; }
.sec9__table :is(th, td):first-child{ border-left: 0; }
.sec9__table :is(th, td):last-child{ border-right: 0; }
.sec9__table th{ padding: 14rem .5em; border-top: 1px solid var(--black); }
.sec9__table tbody tr:nth-child(1){ font-size: 1.1em; font-weight: 600; color: #d9181f; }
.sec9__table td{ padding: 11.7rem .5em; }
.sec9__headline{ margin-top: 0.875em; padding: 13rem 0 12rem; background: var(--black); font-size: clamp(26rem, calc( 40 / var(--inner) * 100vw ), 40rem); font-weight: 700; color: #fff; }
@media(prefers-reduced-motion:no-preference){
	.sec9GraphData1__p2::before{ clip-path: inset(0 100% 0 0); }
	.effect_active .sec9GraphData1__p2::before{ clip-path: inset(0); transition: .6s; }
}

/* sec10 */
.sec10{ padding: clamp(90rem, calc( 134 / var(--inner) * 100vw ), 134rem) 0 clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem); text-align: center; }
.sec10__ol{ margin-top: 71rem; display: grid; gap: 13rem; }
.sec10__li{ position: relative; border: 2px solid var(--black); }
.sec10__box{ padding: min(29.4%, 99rem) 0 min(18.2%, 61rem); background: no-repeat 50% / cover; }
.li1 .sec10__box{ background-image: url('/images/main/sec10_bg1.jpg'); }
.li2 .sec10__box{ background-image: url('/images/main/sec10_bg2.jpg'); }
.li3 .sec10__box{ background-image: url('/images/main/sec10_bg3.jpg'); }
.li4 .sec10__box{ background-image: url('/images/main/sec10_bg4.jpg'); }
.sec10__number{ position: absolute; inset: 0; margin: -2px auto auto; width: 4.44444444em; height: 2.5em; padding-top: 0.33333333em; background: var(--black); box-sizing: border-box; font-size: 18rem; font-weight: 500; color: #fff;}
.sec10__number::before{ content: ''; position: absolute; inset: 0 6rem 5rem; border: solid #6d645d; border-width: 0 1px 1px; }
.sec10__p{ font-size: 18rem; }
.sec10__p strong{ margin-bottom: 0.86363636em; display: block; font-size: 1.22222222em; }
.sec10__img{ height: 6.25em; background: no-repeat 50% / cover; }
.li1 .sec10__img{ background-image: url('/images/main/sec10_img1.jpg'); }
.li2 .sec10__img{ background-image: url('/images/main/sec10_img2.jpg'); }
.li3 .sec10__img{ background-image: url('/images/main/sec10_img3.jpg'); }
.li4 .sec10__img{ background-image: url('/images/main/sec10_img4.jpg'); }
.sec10__headline{ margin-top: clamp(20rem, calc( 40 / var(--inner) * 100vw ), 40rem); padding: 0.48571429em 0 0.37142857em; background: var(--black); font-size: var(--fs35); color: #fff; }
.sec10__headline b{ font-weight: 600; }
@media(min-width:768px){
	.sec10__ol{ grid-template-columns: repeat(2, 1fr); }
}
@media(min-width:1280px){
	.sec10__ol{ grid-template-columns: repeat(4, 1fr); }
}

/* sec11 */
.sec11{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0; background: #41342d url('/images/main/sec11_bg.jpg') no-repeat 50% / cover; text-align: center; }
.sec11 [class*="common__"]{ color: #fff; }
.sec11__ol{ margin-top: 79rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: clamp(20rem, calc( 48 / var(--inner) * 100vw ), 48rem) clamp(0rem, calc( 22 / var(--inner) * 100vw ), 22rem); font-size: 18rem; }
.sec11__li:not(.sec11__arrow){ position: relative; max-width: 320rem; padding: 41rem 15rem clamp(35rem, 5%, 70rem); background: #fff; border: 2px solid var(--black); box-sizing: border-box; }
.sec11__li:not(.sec11__arrow)::before{ content: ''; position: absolute; inset: 10rem; border: 1px solid var(--black); pointer-events: none; }
.sec11__num{ font-weight: 800; color: #d9181f; }
.sec11__p{ margin-top: 12rem; color: #555; }
.sec11__p strong{ margin-bottom: 0.55555556em; display: block; font-size: 1.22222222em; color: #222; }
.sec11__arrow::before,
.sec11__arrow::after{ content: ''; display: inline-block; width: 11rem; height: 11rem; border: solid #fff; border-width: 2px 2px 0 0; transform: rotate(45deg); }
.sec11__arrow::before{ margin-left: -1rem; opacity: .5; }
.sec11__arrow::after{ margin-left: -4rem; }
@media(prefers-reduced-motion:no-preference){
	.sec11__arrow::before{ animation: sec11__arrow 1.2s infinite both; }
	.sec11__arrow::after{ animation: sec11__arrow 1.2s .2s infinite both; }
	@keyframes sec11__arrow{
		0%, 100%{ opacity: 0; }
		40%, 60%{ opacity: 1; }
	}
}
@media(min-width:768px){
	.sec11__li:not(.sec11__arrow){ height: 220rem; }
}
@media(min-width:1280px){
	.sec11 .common__title{ margin-top: 41rem; }
	.sec11__li:not(.sec11__arrow){ width: 21.42857143%; }
	.sec11__li:nth-child(8){ display: none; }
}
@media(max-width:1279px){
	.sec11__li:not(.sec11__arrow){ width: 45%; }
	.sec11__li:nth-child(4n){ display: none; }
}
@media(max-width:767px){
	.sec11__li:nth-child(9),
	.sec11__li:nth-child(11){ height: 260rem; }
}

/* sec12 */
.sec12{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0 clamp(45rem, calc( 93 / var(--inner) * 100vw ), 93rem); text-align: center; font-size: clamp(14rem, calc( 20 / var(--inner) * 100vw ), 20rem); }
.sec12__h3{ margin-top: 1em; font-size: var(--fs40); }
.sec12 .common__title{ margin-top: 1rem; }
.sec12 .common__title b{ font-size: 1.35714286em; color: #d91920; }
.sec12__bar{ margin: 21rem auto clamp(30rem, calc( 50 / 1920 * 100vw ), 50rem); width: 1px; height: clamp(60rem, calc( 100 / 1920 * 100vw ), 100rem); background: #a0938e; }
.sec12__table{ width: 100%; border: 2px solid #000; }
.sec12__table col:nth-child(n+1):nth-child(-n+3){ width: 21.42857143%; }
.sec12__table thead{ background: #000; color: #fff; }
.sec12__table th{ padding: .85em .5em 1.05em; font-weight: 600; }
.sec12__table tbody tr + tr{ border-top: 1px dashed #ddd; }
.sec12__table tbody td{ padding: .845em 0 .795em; }
.sec12__table del{ font-weight: 300; }
.sec12__table del + span{ margin: 0 .5ch; }
.sec12__table tbody b{ font-weight: 600; color: #d9181f; }
.sec12__table tfoot{ background: #d9181f; font-size: 1.1em; color: #fff; }
.sec12__table tfoot td{ padding: 0.72727273em 0 0.68181818em; }
.sec12__table tfoot b{ font-size: 1.13636364em; }
.sec12__table :is(th, td) + *{ border-left: 1px solid #ddd; }
.sec12Ul{ margin-top: 1.5em; text-align: left; }
.sec12Ul__li{ display: flex; gap: .5ch; }
.sec12Ul__li + .sec12Ul__li{ margin-top: .25em; }
.sec12Ul__head{ flex-shrink: 0; }

/* sec13 매장찾기 */
.sec13{ padding: clamp(45rem, calc( 93 / var(--inner) * 100vw ), 93rem) 0 0; text-align: center; }
.sec13 .find_wrap{ position:relative; margin-top: 61rem; z-index: 2; }
.sec13 .main_maparea{width:100% !important; height:640rem !important; background:#fff; border:1px solid #000;}
.sec13 .box_double.shop{ inset: 0; pointer-events: none; }
#map{ width: 100%; height: 640rem; border: 1px solid #ddd; box-sizing: border-box; }
.sec13 .box_double.shop > div{ background: #fff; box-shadow: 6rem 8rem 27rem 3rem rgba(0, 0, 0, 0.1); }
.sec13 .box_double.shop div.search{ position: relative; width:100%; padding:0; border: 0; pointer-events: auto; }
.sec13 .box_double.shop div.search:before{display:none;}
.sec13 .box_double.shop div.search em{ display: flex; align-items: center; justify-content: center; height: 3em; background: #d9181f; font-size: 20rem; color:#fff;}
.sec13 .box_double.shop div.search .form{ padding: 0; border-top: 2px solid #e8e8e8; }
.sec13 .box_double.shop div.search .form .button{min-width:auto; width:40rem; background: #000 url(../images/content/icon_search.png) no-repeat 50% 50%;}
.sec13 .box_double.shop div.search .form input[type="text"]{ width: 100%; height: 55rem; padding: 0 20rem; border: 0; box-sizing: border-box; }
.sec13 .box_double.shop .list_search{overflow-y:scroll; width: 100%; padding: 10rem 20rem; height:378rem; margin:auto; background: #fff; border-top: 4px solid #e8e8e8; box-sizing: border-box;}
.sec13 .box_double.shop .list_search li a{display:block; padding:21rem 0 19rem; border-bottom:1px solid #eee; text-align:left;}
.sec13 [src="/images/main/marker.svg"]{ transform: translateY(-25%); }
.sec13 .box_double.shop div.search h3{font-size:16rem; font-weight: 600; color: #222; }
.sec13 .box_double.shop div.search p{ padding-top: 5rem; font-size:16rem; color: #666; }
.sec13 .info_search_text{ position: relative; top: -19px; left: -14rem; min-width: 300rem; padding: 26rem 20rem 22rem; background: #fff; border-radius: 5rem; box-sizing: border-box; font-size: 15rem; color: #222; filter: drop-shadow(6rem 8rem 27rem rgba(0, 0, 0, 0.1)) }
.sec13 .info_search_text::before{ content: ''; position: absolute; inset: 0; margin: auto auto -8rem; width: 16rem; height: 16rem; background: inherit; transform: rotate(45deg); }
.sec13 .info_search_text h3{ margin-bottom: 9rem; padding-bottom: 9rem; border-bottom: 1px solid #ddd; font-size: 16rem; font-weight: 600; }
.sec13 .info_search_text .btn_close{ position: absolute; top: 15rem; right: 16rem; width: 15rem; height: 15rem; }
.sec13 .info_search_text .btn_close::after,
.sec13 .info_search_text .btn_close::before{ content: ''; position: absolute; inset: 0; margin: auto; height: 1px; background: #555; }
.sec13 .info_search_text .btn_close::after{ transform: rotate(45deg); }
.sec13 .info_search_text .btn_close::before{ transform: rotate(-45deg); }
.sec13 .info_search_text :is(p, span, a){ line-height: 1.7; }
@media(min-width:768px){
	.sec13 .box_double.shop{ position:absolute; }
	.sec13 .box_double.shop div.search{ top: 68rem; max-width: 400rem; }
	.sec13 .box_double.shop > div{ min-height:490rem; }
	.sec13 .box_double.shop .list_search{ height:378rem; }
}
@media (max-width: 767px) {
	#map{ margin-bottom: 40rem; aspect-ratio: 1/1; height: auto; }
	/* .sec13 .box_double.shop .list_search{ height: 210rem; } */
	.box_double.shop div.search{ overflow: unset; }
	.box_double:not(:has(*:hover)) .list_search{ position: absolute; visibility: hidden; }
}

/* sec14 */
.sec14{ padding: clamp(90rem, calc( 120 / var(--inner) * 100vw ), 120rem) 0; background: #f8f9fa url('/images/main/sec14_bg.jpg') no-repeat 50% / cover; text-align: center; font-size: 22rem; line-height: 1.42; }
.sec14__letter{ padding: 60rem clamp(20rem, 8.33333333%, 100rem) 61rem; background: #fdfdfd url('/images/main/sec14_letter.jpg') no-repeat 0 0 / cover; box-shadow: 0rem 10rem 40rem rgba(0, 0, 0, 0.1); }
.sec14__line{ margin-top: 0.01333333em; display: block; background: url('/images/main/sec14_dashed.png') repeat-x; font-size: inherit; font-weight: 400; }
.sec14__letter > .sec14__line:last-child{ background: url('/images/main/sec14_dashed.png') repeat-x, url('/images/main/sec14_dashed.png') repeat-x 0 100%; }
@media(prefers-reduced-motion:no-preference){
	.sec14 [data-scroll_effect]{ filter: blur(10rem); opacity: 0; }
	.sec14 .effect_active[data-scroll_effect]{ filter: blur(0); opacity: 1; transition: 1s; }
}
@media(min-width:768px){
	.sec14{ font-size: 27rem; }
	.sec14__line .sec14__line{ all: unset; }
}
@media(min-width:1280px){
	.sec14{ font-size: 30rem; }
}

/* sec15 */
.sec15{ padding: clamp(90rem, calc( 150 / var(--inner) * 100vw ), 150rem) 0 clamp(90rem, calc( 148 / var(--inner) * 100vw ), 148rem); background: #262724 url('/images/main/sec15_bg.jpg') no-repeat 50% / cover; font-size: 18rem; }
.sec15__form{ position: relative; padding: 89rem clamp(20rem, 7.14285714%, 100rem) clamp(90rem, calc( 101 / var(--inner) * 100vw ), 101rem); background: #f8f7f6 url('/images/main/sec9_inr.jpg'); }
.sec15__form::before{ content: ''; position: absolute; inset: 20rem; border: 1px solid var(--black); pointer-events: none; }
.sec15 .common__title{ text-align: center; font-size: var(--fs55); }
.sec15 :is(input, textarea, select){ font-size: inherit; }
.sec15__grid{ margin-top: 76rem; display: grid; gap: 33rem clamp(10rem, calc( 39 / var(--inner) * 100vw ), 39rem); }
.sec15__part{ display: flex; align-items: center; flex-wrap: wrap; row-gap: 4rem; }
.sec15__part:not(:has([type="text"], select)){ row-gap: 20rem; }
.sec15__head{ display: block; width: 100%; font-weight: 600; }
.sec15__part > :is([type="text"],select, textarea):not(:first-child){ flex: 1; width: 1px; padding: 11rem 0; background: 0; border: solid #555; border-width: 0 0 1px; }
.sec15 [type="radio"]{ width: 16rem; height: 16rem; }
.sec15 [type="radio"] + label{ margin-left: 10rem; }
.sec15 label + [type="radio"]{ margin-left: 30rem; }
#wrap .sec15 select{ appearance: none; background: url('/images/main/sec15_down_arrow.png') no-repeat calc(100% - 15rem) 50% / 11rem 6rem; }
#wrap .sec15 textarea{ resize:none; flex: unset; width: 100%; }
.sec15 .wrap_checkbox{ margin-top: 27rem; font-size: 16rem; }
#checkbox{ aspect-ratio: 1/1; width: 1em; border-radius: 50%; vertical-align: middle; }
#privacyLink{ text-decoration: underline; text-underline-position: under; }
#online_btn{ margin-top: 31rem; display: flex; align-items: center; justify-content: center; width: 100%; height: 70rem; background: var(--black); font-size: 25rem; color: #fff; }
@media(min-width:768px){
	.sec15__grid{ grid-template-columns: 1fr 1fr; }
	.sec15__part:nth-last-child(n+1):nth-last-child(-n+2){ grid-column: 1 / span 2; }
	.sec15 label + [type="radio"]{ margin-left: 116rem; }
}

/* 섹션 여백 90, 타이틀과 컨텐츠 70, 컨텐츠 60 */
/* clamp(90rem, calc( 120 / var(--inner) * 100vw ), 120rem) */

/* TODO: sec5 ~ 6 사이에 이미지 올라가는 효과 넣는 거 확인 */