/* common */
body *{ letter-spacing: -.025em; }
.point{ color: var(--primary); }
.common__small{ display: block; margin-bottom: .17647059em; font-size: var(--font_size17); font-weight: 500; color: var(--yellow); }
.common__h2{ font-size: var(--font_size70); font-weight: 500; line-height: 1.35714286; }
.common__h2 strong{ color: var(--primary); }
.underline{ position: relative; }
.underline::before{ content: ''; position: absolute; inset: auto 0 -0.07em; border-bottom: 3rem solid var(--primary); }
.common__txt_box{ margin-top: 1.6em; padding: 1.02em .5em 1.06em; background: #fff; border: 1rem solid #ddd; box-sizing: border-box; font-size: var(--font_size50); }
.common__p{ display: inline-block; font-size: var(--font_size50); }
.common__p small{ display: block; font-size: .7em; }
.common__p span + small{ margin-top: 0.35em; }
.common__p small:has(+ span){ margin-bottom: .4em; }
[aria-hidden='true']{ height: 0; opacity: 0; visibility: hidden; }
@supports (-webkit-background-clip: text){
	.color_gradient_yellow{ background: linear-gradient(0deg, #cdac55, #efe19d, #c19a31); background-clip: text; color: transparent; }
	.color_gradient_gray{ background: linear-gradient(0deg, #e2e2e2, #fafafa, #d2d2d2); background-clip: text; color: transparent; }
}
@media (max-width: 1279px){
	.common_padding_y{ padding: 70rem 0; }
}

/* intro */
.main_intro{ overflow: hidden; position: relative; padding: clamp( 70rem, calc( 130 / var(--inner) * 100vw ), 130rem) 0 clamp( 70rem, calc( 110 / var(--inner) * 100vw ), 110rem); background: #553829 url('/images/main/main_intro_bg.jpg') no-repeat 50% / cover; box-sizing: border-box; color: #fff; }
.main_intro::before{ content: ''; position: absolute; inset: 0; background: url(/images/main/main_intro_food.jpg) no-repeat var(--bg_left) / auto 100%; -webkit-mask: url(/images/main/main_intro_mask.png) no-repeat var(--bg_left) / auto 100%; }
.main_intro__h2{ display: flex; justify-content: center; align-items: center; width: 8.1em; height: 1.8em; padding-top: 0.26em; background: rgba(255, 255, 255, 0.3); border-radius: .4em; box-sizing: border-box; font-size: var(--font_size50); font-weight: 700; color: #d30c14; text-shadow: 2rem 2rem 48.6rem rgba(255, 255, 255, 0.46); }
.main_intro__p1{ position: relative; left: -.08em; display: grid; grid-template: 'a b' 'a c'; justify-content: start; font-size: var(--font_size100); letter-spacing: -.14em; }
.main_intro__p1 span:nth-of-type(1){ grid-area: a; padding-right: .04em; font-size: 2.7em; font-weight: 700; letter-spacing: -.05em; }
@supports not (-webkit-background-clip: text){
	.main_intro__p1 span:nth-of-type(1){ color: #d29b45; }
}
@supports (-webkit-background-clip: text){
	.main_intro__p1 span:nth-of-type(1){ background: linear-gradient(135deg, #d29b45 20%, #ead96f 32%, #FFFEB6 44%, #dab14b 59%, #b47b28 72%); -webkit-background-clip: text; color: transparent; }
}
.main_intro__p1 span:nth-of-type(2){ grid-area: b; position: relative; top: 0.5125em; left: 0.2625em; font-size: .8em; font-weight: 500; letter-spacing: -.16em; color: var(--secondary); }
.main_intro__p1 span:nth-of-type(3){ grid-area: c; position: relative; top: -.13333333em; left: 0.09333333em; font-size: 1.5em; font-weight: 700; letter-spacing: -.04em; }
.main_intro__p2{ margin-top: -0.75em; position: relative; width: 10.61666667em; padding: 0 .95em; box-sizing: border-box; font-size: var(--font_size60); }
.main_intro__p2::before{ content: ''; position: absolute; inset: .2em 0 0.43333333em; border: 0.16666667em solid var(--secondary); border-radius: .5em; clip-path: polygon(0% 0%, .5em 0%, .5em 100%, calc( 100% - .5em ) 100%, calc( 100% - .5em) 0%, 100% 0%, 100% 100%, 0% 100%); pointer-events: none; }
.main_intro__p2 span{ display: block; }
.main_intro__p2 span:last-of-type{ margin-top: -.05em; text-align: right; }
.main_intro__p2 b{ color: var(--primary); }
.main_intro__p3{ margin-top: .96em; font-size: var(--font_size50); line-height: 1.4; }
@media(prefers-reduced-motion:no-preference){
	.main_intro::before{ animation: intro_bg 1.4s cubic-bezier(0.35, 0, 0.44, 1) both; }
	@keyframes intro_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.main_intro__h2{ animation: main_intro__h2 .6s both; }
	@keyframes main_intro__h2 {
		0%{ transform: translateY(20rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
	.main_intro__p2{ animation: main_intro__p2 .6s .8s both; }
	@keyframes main_intro__p2 {
		0%{ transform: perspective(2500rem) rotateX(-100deg); backface-visibility: hidden; }
		100%{ transform: perspective(2500rem) rotateX(0deg); }
	}
	.main_intro__p2 b{ animation: twinkle1 1s steps(2, jump-none) infinite; }
	@keyframes twinkle1 {
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	.main_intro__p3{ animation: main_intro__h2 .6s 1.2s both; }
}
@media(min-width:768px){
	.main_intro::before{ --bg_left: 100%; }

}
@media(max-width:767px){
	.main_intro::before{ --bg_left: -125%; }
}
@media(max-width:767px){
	.main_intro__p3 .m_clr {color: var(--secondary);}	
}

/* sale */
.main_sale{ padding: clamp( 70rem, calc( 122 / var(--inner) * 100vw ), 122rem) 0 clamp( 70rem, calc( 124 / var(--inner) * 100vw ), 124rem); background: #f5f5f5 url('/images/main/img_sale_bg.jpg') no-repeat 50% 100% / 100% auto; text-align: center; }
.main_sale__h2{ margin-bottom: 1.07142857em; }
.main_sale__wrap_receipt{ margin: 0 auto; position: relative; max-width: 641rem; }
.main_sale__receipt1{ margin-bottom: -95rem; position: relative; height: 149rem; background: url('/images/main/img_receipt1.png') no-repeat 50% 0 / contain; }
.main_sale__wrap_receipt2{ margin: 0 auto; position: relative; max-width: 451rem; width: 77%; }
.main_sale__receipt2{ margin: 0 auto; position: relative; padding-bottom: 18rem; background: url('/images/main/img_receipt2.png') no-repeat 50% 0% / 100% auto; filter: drop-shadow(5rem 15rem 5rem rgba(0, 0, 0, 0.16)); z-index: 1; }
.main_sale__title{ display: flex; justify-content: center; align-items: center; height: 100rem; padding-top: 3%; box-sizing: border-box; font-size: 50rem; font-weight: 700; color: #fff; }
.main_sale__table{ margin: 21rem auto 0; max-width: 420rem; background: #fff; text-align: center; font-size: 18rem; }
.main_sale__table col:nth-child(1){ width: 40.5%; }
.main_sale__table col:nth-child(2){ width: 24.2%; }
.main_sale__table col:nth-child(3){ width: auto; }
.main_sale__table :is(th, td){ height: 42rem; padding: 5rem .5em 0; border: 1rem solid #ccc; box-sizing: border-box; font-weight: 500; }
.main_sale__table :is(th, td):first-child{ border-left: 0; }
.main_sale__table :is(th, td):last-child{ border-right: 0; }
.main_sale__table tr:first-child :is(th, td){ border-top: 0; }
.main_sale__table tr:last-child :is(th, td){ border-bottom: 0; }
.main_sale__table td{ text-align: right; }
.main_sale__table tbody th{ color: #2c6fa7; }
.main_sale__table tbody .sunday{ color: var(--primary); }
.main_sale__table tfoot th{ background: var(--secondary); color: #000; }
.main_sale__table tfoot td:nth-of-type(1){ background: #e0f0fd; color: #000 }
.main_sale__table tfoot td:nth-of-type(2){ background: var(--primary); color: #fff; }
.main_sale__deco1{ position: absolute; top: 47.4%; left: -94rem; transform: translate(-50%, -50%); width: 149rem; height: 143rem; background: url('/images/main/img_sale_deco1.png') no-repeat 50% / contain; z-index: 1; }
.main_sale__deco2{ position: absolute; top: 79.7%; left: -54rem; transform: translate(-50%, -50%); width: 251rem; height: 142rem; transform: translate(-50%, -50%); background: url('/images/main/img_sale_deco2.png') no-repeat 50% / contain; z-index: 1; }
.main_sale__deco3{ position: absolute; top: 93.5%; right: -278rem; transform: translate(-50%, -50%); width: 195rem; height: 143rem; background: url('/images/main/img_sale_deco3.png') no-repeat 50% / contain; z-index: 1; }
.main_sale__p{ margin-top: 1.51428571em; font-size: var(--font_size35); font-weight: 500; }
.main_sale__p small{ display: block; font-size: 20rem; color: #de4e54; }
@media(prefers-reduced-motion:no-preference){
	.main_sale__wrap_receipt2{ clip-path: inset(0 -100vh -100vh); }
	.main_sale__receipt2{ transform: translateY(-100%); transition: 2.5s; }
	.main_sale__receipt2.effect_active{ transform: translateY(0); }
}
@media(max-width:767px){
	.main_sale__title{ height: 74rem; font-size: 37rem; }
	.main_sale__receipt1{ margin-bottom: -113rem; }
	.main_sale__table{ margin-top: 15rem; font-size: 15rem; }
	[class^="main_sale__deco"]{ display: none; }
}

/* startup */
.main_startup{ padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 125 / var(--inner) * 100vw ), 125rem); background: #1a1715 url('/images/main/img_startup_bg.jpg') no-repeat 50% / cover; text-align: center; color: #fff; }
.main_startup__h2{ margin-bottom: 1.1em; }
.main_startup__h2 strong{ color: var(--secondary); }
.main_startup__ul{ position: relative; display: flex; justify-content: center; gap: clamp( 10rem, calc( 100 / var(--inner) * 100vw ), 100rem); z-index: 1; }
.main_startup__ul li{ position: relative; display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; width: clamp( 0rem, calc( 380 / var(--inner) * 100vw ), 380rem); padding-top: 1%; border: clamp( 0rem, calc( 30 / var(--inner) * 100vw ), 30rem) solid var(--secondary); border-radius: 50%; box-sizing: border-box; }
.main_startup__ul li::before{ content: ''; position: absolute; inset: -5% auto -5% 50%; border-left: clamp( 0rem, calc( 30 / var(--inner) * 100vw ), 30rem) solid var(--secondary); transform: translateX(-50%) rotate(45deg); clip-path: polygon(100% 0%, 0% 0%, 0% 35%, 100% 26.5%, 100% 65%, 0% 73.5%, 0% 100%, 100% 100%); z-index: -1; }
.main_startup__txt{ width: 90%; font-size: clamp( 0rem, calc( 65 / var(--inner) * 100vw ), 65rem); font-weight: 700; }
.main_startup__middle{ position: relative; margin-top: clamp( 40rem, calc( 80 / var(--inner) * 100vw ), 80rem); z-index: 2; }
.main_startup__middle::before{ content: ''; position: absolute; margin: auto; inset: 0; aspect-ratio: 469/447; width: 33.5%; background: rgb(231, 209, 141, .06); border-radius: 50%; mix-blend-mode: overlay; filter: blur(50rem); }
.main_startup__wrap_star{ display: flex; justify-content: center; gap: 10rem; }
.main_startup__star{ width: 48rem; height: 46rem; background: url('/images/main/img_star.png') no-repeat 50% / contain; }
.main_startup__wrap_img{ margin: 16rem auto 0; position: relative; aspect-ratio: 979/518; max-width: 979rem; }
.main_startup__wrap_img::before,
.main_startup__wrap_img::after{ content: ''; position: absolute; top: 0; aspect-ratio: 400/518; width: 40.85801839%; background: no-repeat 50% / contain; }
.main_startup__wrap_img::before{ left: 0; background-image: url('/images/main/img_laurel_left.png'); }
.main_startup__wrap_img::after{ right: 0; background-image: url('/images/main/img_laurel_right.png'); }
.main_startup__img{ margin-top: 22rem; width: 65.37282942%; }
.main_startup .common__p{ margin-top: 74rem; }
.main_startup .underline{ font-weight: 700; }
.main_startup .underline::before{ border-color: var(--secondary); }
.main_startup__note{ margin-top: 1.5em; font-size: 20rem; opacity: .6; }
@media(prefers-reduced-motion:no-preference){
	.main_startup__wrap_img::before{ transform: translateX(-50%); opacity: 0; }
	.main_startup__wrap_img.effect_active::before{ transform: translateX(0); opacity: 1; transition: 1s .3s; }
	.main_startup__wrap_img::after{ transform: translateX(50%); opacity: 0; }
	.main_startup__wrap_img.effect_active::after{ transform: translateX(0); opacity: 1; transition: 1s .3s; }
	.main_startup__img{ opacity: 0; }
	.main_startup__wrap_img.effect_active .main_startup__img{ animation:  flipY 1s both; }
	@keyframes flipY {
		0%{ transform: perspective(400px) rotateY(0deg); opacity: 0; }
		20%{ transform: perspective(400px) rotateY(-30deg); }
		50%{ transform: perspective(400px) rotateY(20deg); }
		75%{ transform: perspective(400px) rotateY(-10deg); }
		100%{ transform: perspective(400px) rotateY(0deg); opacity: 1; }
	}
}

/* franchise */
.main_franchise{ padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 130 / var(--inner) * 100vw ), 130rem); background: #8d8d8d url('/images/main/img_franchise_bg.jpg') repeat 50% / 100%; text-align: center; }
.main_franchise__h2{ margin-bottom: 1.07142857em; color: #fff; }
.main_franchise__h2 strong{ color: var(--secondary); }
.main_franchise__ul{ display: grid; gap: clamp( 10rem, calc( 40 / var(--inner) * 100vw ), 40rem); font-weight: 700; counter-reset: list_num; }
.main_franchise__ul li > *{ display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.main_franchise__number{ height: 2.2em; padding-top: 3%; background: #222; font-size: var(--font_size30); color: var(--secondary); counter-increment: list_num; }
.main_franchise__number::before{ content: counter(list_num); }
.main_franchise__location{ height: 3.95em; padding-top: 2%; background: rgba(255, 255, 255, 0.6); font-size: var(--font_size40); }
@media(prefers-reduced-motion:no-preference){
	.main_franchise__ul li,
	.main_franchise__number,
	.main_franchise__location{ transition: .4s; }
}
@media(hover:hover){
	.main_franchise__ul li:hover{ box-shadow: 25rem 25rem 36rem 4rem rgba(0, 0, 0, 0.2); }
	.main_franchise__ul li:hover .main_franchise__number{ background: var(--primary); }
	.main_franchise__ul li:hover .main_franchise__location{ background: rgba(255, 255, 255, 1); }
}
@media(min-width:768px){
	.main_franchise__ul{ grid-template-columns: repeat(4, 1fr); }
}
@media(max-width:767px){
	.main_franchise__ul{ grid-template-columns: repeat(2, 1fr); }
}

/* 3way */
.main_3way{ padding: clamp( 70rem, calc( 122 / var(--inner) * 100vw ), 122rem) 0 clamp( 70rem, calc( 115 / var(--inner) * 100vw ), 115rem); background: #f5f5f5; text-align: center; }
.main_3way__h2{ margin-bottom: 1.05714286em; line-height: 1.35714286; color: #000; }
.main_3way__ul{ display: grid; gap: clamp( 10rem, calc( 40 / var(--inner) * 100vw ), 40rem); }
.main_3way__img{ aspect-ratio: 44/32; width: 100%; object-fit: cover; }
.main_3way__txt{ padding: 33rem 0 24rem; background: #222; }
.main_3way__point{ margin-bottom: 10rem; font-size: 20rem; font-weight: 700; color: var(--secondary); }
.main_3way__description{ font-size: var(--font_size40); color: #fff; }
.main_3way .common__txt_box{ border: 0; }
.main_3way .underline{ --underline_color: var(--primary); }
@media(prefers-reduced-motion:no-preference){
	.main_3way__ul li > *,
	.main_3way__txt{ transition: .4s; }
}
@media(hover:hover){
	.main_3way__ul li:hover > div{ box-shadow: 25rem 25rem 36rem 4rem rgba(0, 0, 0, 0.2); transform: translateY(-20rem); }
	.main_3way__ul li:hover .main_3way__txt{ background: var(--primary); }
}
@media(min-width:768px){
	.main_3way__ul{ grid-template-columns: repeat(3, 1fr);  }
}
@media(max-width:767px){
	.main_3way__ul{ grid-template-columns: repeat(1, 1fr);  }
}

/* event */
.main_event{ padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 135 / var(--inner) * 100vw ), 135rem); background: #23221f url('/images/main/img_event_bg.jpg') no-repeat 50% 100% / 100% 100%; text-align: center; color: #fff; }
.main_event__h2{ margin-bottom: 1.04285714em; }
.main_event__h2 strong{ color: var(--secondary); }
.main_event__img{ max-width: 598rem; width: 100%; }
.main_event .common__txt_box{ background: #00000080; border: 0; }
.main_event .common__p small{ margin-top: 0.77142857em; line-height: 1.57142857; }
.main_event .common__p small strong{ color: var(--secondary); }
.main_event .underline::before{ border-color: var(--secondary); }

/* interior */
.main_interior{ padding: clamp( 70rem, calc( 122 / var(--inner) * 100vw ), 122rem) 0 clamp( 70rem, calc( 123 / var(--inner) * 100vw ), 123rem); background: #f8f8f8; text-align: center; }
.main_interior__h2{ margin-bottom: 1.1em; color: #000; }
.main_interior__img{ aspect-ratio: 1820/706; background: url('/images/main/img_interior_bg.jpg') no-repeat 50% / cover; }
.main_interior__inr{ width: calc( 92% - 30rem ); }
.main_interior .common__txt_box{ margin: -17.14285714% auto 0; border: 0; }
.main_interior__p{ font-size: var(--font_size40); }
.main_interior__p .point{ margin-top: .35em; display: block; font-size: var(--font_size80); word-spacing: -0.3em; }
.main_interior__p .spacing{ display: inline-block; width: 0.2em; }
.main_interior__p .emphasis{ position: relative; }
.main_interior__p .emphasis::before{ content: ''; position: absolute; top: -0.3125em; left: 0.3875em; width: 0.15em; height: 0.15em; background: var(--primary); border-radius: 50%; }
.main_interior__bottom_p{ margin-top: 50rem; }
.main_interior__bottom_p img {width: 100%; margin-top: 20px;}
@media(min-width:1600px){
	.main_interior .wide{ width: 95%; }
}

/* point */
.main_point{ padding: clamp( 70rem, calc( 122 / var(--inner) * 100vw ), 122rem) 0 clamp( 70rem, calc( 130 / var(--inner) * 100vw ), 130rem); text-align: center; }
.main_point__h2{ line-height: 1.35714286; }
.main_point__title{ margin-top: 1.5em; display: flex; justify-content: center; align-items: center; height: 1.8em; padding-top: 1%; background: var(--primary); box-sizing: border-box; font-size: var(--font_size50); font-weight: 700; color: #fff; }
.main_point__ul{ display: grid; grid-template-columns: repeat(2, 1fr); }
.main_point__ul li{ padding: 44rem 0 43rem; }
.main_point__ul li:nth-child(n+2):nth-child(-n+3){ background: #f8f8f8; }
.main_point__point{ margin-bottom: 0.075em; font-size: var(--font_size80); font-weight: 700; color: #eee; }
.main_point__description{ font-size: var(--font_size40); }
@media(prefers-reduced-motion:no-preference){
	.main_point__point{ transition: .4s; }
}
@media(hover:hover){
	.main_point__ul li:hover .main_point__point{ color: var(--primary); }
}
@media(hover:none){
	.main_point__point{ color: var(--primary); }
}

/* area */
.main_area{ overflow: hidden; position: relative; padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 116 / var(--inner) * 100vw ), 116rem); background: #1a1a1a url('/images/main/img_area_bg.jpg') no-repeat 50% / cover; text-align: center; color: #fff; }
.main_area::before{ content: ''; position: absolute; margin: auto 0 auto auto; inset: 0; background: url('/images/main/img_area_food1.jpg') no-repeat 100% 50% / min(596rem, 31%) auto; -webkit-mask: url('/images/main/img_area_food1_mask.png') no-repeat 100% 50% / min(596rem, 31%) auto; }
.main_area::after{ content: ''; position: absolute; margin: auto auto auto 0; inset: 0; background: url('/images/main/img_area_food2.jpg') no-repeat 0% 50% / min(586rem, 30.5%) auto; -webkit-mask: url('/images/main/img_area_food2_mask.png') no-repeat 0% 50% / min(586rem, 30.5%) auto; }
.main_area .common__h2 strong{ color: var(--secondary); }
.main_area__sub_title{ margin-top: 11rem; font-size: 20rem; font-weight: 500; letter-spacing: -.05em; color: rgba(255, 255, 255, 0.7); }
.main_area__diff{ position: relative; margin-top: clamp( 45.92rem, calc( 82 / var(--inner) * 100vw ), 82rem); position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp( 0rem, calc( 80 / var(--inner) * 100vw ), 80rem); }
.main_area__diff::before{ content: ''; position: absolute; margin: -6rem auto auto; inset: 0; width: 117rem; height: 75rem; background: url('/images/main/img_vs.png') no-repeat 50% / contain; pointer-events: none; z-index: 1; }
.main_area__brand{ font-size: var(--font_size50); }
.main_area__right .main_area__brand{ font-weight: 700; color: var(--secondary); }
.main_area__box{ --color: #444; position: relative; margin-top: 28rem; background: var(--color); border: 10rem solid var(--color); box-sizing: border-box; }
.main_area__right .main_area__box{ --color: var(--primary); }
.main_area__right .main_area__box::before{ content: ''; position: absolute; top: -10rem; left: calc( clamp( 0rem, calc( 40 / var(--inner) * 100vw ), 40rem) * -1 - 10rem ); max-height: calc( 100% + 20rem ); height: 508rem; border-left: 1rem dashed rgba(255, 255, 255, 0.7); }
.main_area__img{ aspect-ratio: 640/449; width: 100%; object-fit: contain; }
.main_area__txt{ padding: 5.15625% 0 2.5%; }
.main_area__des1{ font-size: var(--font_size40); }
.main_area__des2{ margin-top: 4rem; font-size: var(--font_size35); color: var(--secondary); }
.main_area__bottom_p{ margin-top: 1.7em; text-shadow: 0rem 0rem .72em rgba(255, 253, 211, 1); font-size: var(--font_size50); color: var(--secondary); }
@media(prefers-reduced-motion:no-preference){
	.main_area__bottom_p.effect_active{ animation: twinkle2 2.5s infinite; }
	@keyframes twinkle2 {
		0%, 100%{ text-shadow: 0rem 0rem .72em rgba(255, 253, 211, 1); }
		50%{ text-shadow: 0rem 0rem 0em rgba(255, 253, 211, 1); }
	}
}
@media(max-width:767px){
	.main_area__diff::before{ margin-top: 90rem; width: 70rem; }
	.main_area__brand{ height: 37rem; }
	.main_area__left .main_area__brand{ font-size: 26rem; }
	.main_area__box{ margin-top: 15.68rem; }
	.main_area__des1{ font-size: 16rem; }
	.main_area__des2{ font-size: 15rem; }
}

/* main youtube */
.main_youtube{ --margin_bottom: 156rem; overflow: hidden; padding: clamp( 70rem, calc( 130 / var(--inner) * 100vw ), 130rem) 0 clamp( 84rem, calc( 156 / var(--inner) * 100vw ), 156rem); background: linear-gradient(0deg, #eaeaea var(--margin_bottom), #fff var(--margin_bottom)); text-align: center; }
.main_youtube_list { padding-bottom: 80rem; }
.main_youtube_list ul { display: flex; flex-wrap: wrap; gap: 20rem; }
.main_youtube_list ul{display:flex;flex-wrap: wrap;gap:2%;justify-content: center;}
.main_youtube_list ul li{width:32%;margin-bottom:2%;border: 3px solid #333;box-sizing: border-box;}
.main_youtube_list ul li a{overflow:hidden; display:block; width:100%; height:100%;}
.main_youtube_list ul li img{width:100%; transform: scale(1);transition:0.5s }
.main_youtube_list ul li:hover a img{transform: scale(1.1);transition:0.5s }


/* review */
.main_review{ --margin_bottom: 156rem; overflow: hidden; padding: clamp( 70rem, calc( 130 / var(--inner) * 100vw ), 130rem) 0 clamp( 84rem, calc( 156 / var(--inner) * 100vw ), 156rem); background: linear-gradient(0deg, #eaeaea var(--margin_bottom), #fff var(--margin_bottom)); text-align: center; }
.main_review__sub_title{ position: relative; display: inline-block; height: 1.75em; padding: 0.6% 28rem 0; background: var(--primary); box-sizing: border-box; font-size: var(--font_size40); color: #fff; }
.main_review__h2{ margin: 0.44285714em 0 1.07142857em; font-weight: 500; line-height: 1.35714286; }
.main_review__swiper{ position: relative; margin: 0 auto; max-width: 317rem; padding-top: 101rem; box-sizing: border-box; }
.main_review__swiper:before{ content: ''; position: absolute; inset: 0 -25rem -26rem; background: url('/images/main/img_phone.png') no-repeat 50% 0% / contain; pointer-events: none; z-index: 2; }
.main_review__swiper img{ max-width: 100%; }
@media(max-width:1279px){
	.main_review{ --margin_bottom: 110rem; }
}

/* cost */
.main_cost{ padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 132 / var(--inner) * 100vw ), 132rem); text-align: center; }
.main_cost .common__h2{ margin-bottom: 1.07142857em; }
.main_cost__sub_title{ margin-bottom: 1.25em; display: flex; justify-content: center; align-items: center; height: 2.025em; padding-top: 0.5%; background: #222; box-sizing: border-box; font-size: var(--font_size40); font-weight: 700; color: #fff; }
.main_cost__wrap_table{ display: flex; align-items: flex-start; gap: clamp( 10rem, calc( 40 / var(--inner) * 100vw ), 40rem); }
.main_cost__table{ border-top: 5rem solid var(--primary); text-align: left; font-size: var(--font_size30); table-layout: fixed; }
.main_cost__table:last-child{ border-color: #fbad7e; }
.main_cost__table td{ color: #555; }
.main_cost__table tr{ border-bottom: 1rem solid #ddd; }
.main_cost__table tr > *{ height: 76.9rem; padding-top: 1.8%; box-sizing: border-box; }


/* 매장찾기 */
.main_find{padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 132 / var(--inner) * 100vw ), 132rem); background:url(/images/main/bg_find.jpg)no-repeat center/cover;}
.main_find .common__h2{ margin-bottom: 1.07142857em; color:#fff; text-align:center;}
.main_find .find_wrap{position:relative;}
.main_find .main_maparea{width:100% !important; height:600rem !important; background:#fff; border:1px solid #000;}
.main_find .box_double.shop{position:absolute; left:30rem; top:30rem; background:#fff;}
.main_find .box_double.shop > div{min-height:490rem;}
.main_find .box_double.shop div.search{width:400rem;}
.main_find .box_double.shop div.search em{padding:15rem 0; background:var(--primary); font-size:var(--font_size20); color:#fff;}
.main_find .box_double.shop div.search{padding:0;}
.main_find .box_double.shop div.search:before{display:none;}
.main_find .box_double.shop div.search .form .button{min-width:auto; width:40rem; background: #000 url(../images/content/icon_search.png) no-repeat 50% 50%;}
.main_find .box_double.shop div.search .form{padding-top:10rem}
.main_find .box_double.shop div.search .form input[type="text"]{width: calc(100% - 35rem);}
.main_find .box_double.shop .list_search{overflow-y:scroll; width:90%; height:350rem; margin:15rem auto;}
.main_find .box_double.shop .list_search li a{display:block; padding:15rem 0; border-bottom:1px solid #eee; text-align:left;}
.main_find .box_double.shop div.search h3{font-size:var(--font_size20) !important;}
.main_find .box_double.shop div.search p{font-size:var(--font_size18) !important;}
.main_find .info_search_text .inr {width: 100%;padding: 20rem;background: #fff;border: 1px solid #dddddd; }
.main_find .info_search_text .inr h3 {margin: 5rem 0;}
@media (max-width: 767px) {
    .main_find .main_maparea{height:380rem !important;}
	.main_find .box_double.shop {position: static;}
	.main_find .box_double.shop div.search {width: 100%;}
}


/* main_inquiry_list */
.main_inquiry_list{background:#f5f5f5; padding: clamp( 70rem, calc( 121 / var(--inner) * 100vw ), 121rem) 0 clamp( 70rem, calc( 132 / var(--inner) * 100vw ), 132rem);}
.main_inquiry_list .common__h2{margin-bottom: 1.07142857em; text-align:center;}
.main_inquiry_list__ul li{position:relative; padding-left:35rem; border-bottom:1px solid #ddd;}
.main_inquiry_list__ul li:before{content:''; display:block; position:absolute; left:0; top:25rem; height:28rem; width:21rem; background:url(../images/main/img_lock.svg)no-repeat center/contain;}
.main_inquiry_list__ul li a{display:flex; padding:20rem 0; justify-content:space-between; align-items:center;}
.main_inquiry_list__ul li .title{color:#333; font-size:var(--font_size30); width:calc(100% - 150rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.2s ease;}
.main_inquiry_list__ul li .date{display:block; font-size:var(--font_size20); width:150rem; text-align:end; color:#aaa;}
@media(hover:hover){
    .main_inquiry_list__ul li:hover .title{color:#aaa;}
}
@media(max-width:1279px){
    .main_inquiry_list__ul li{padding-left:24rem;}
    .main_inquiry_list__ul li:before{height:19rem; width:14rem;}
}
@media(max-width:767px){
    .main_inquiry_list__ul li{padding-left:22rem;}
    .main_inquiry_list__ul li:before{top:21rem;}
    .main_inquiry_list__ul li .title{font-size:var(--font_size22); width:calc(100% - 85rem);}
    .main_inquiry_list__ul li .date{font-size:var(--font_size14); width:85rem;}
}

/* banner */
.main_banner a {display: block; background: url(/images/main/banner.jpg) no-repeat center/cover; height: 0; cursor: pointer; padding-top: calc(240 / 1920 * 100%); width: 100%;}
@media(max-width:1080px){
	.main_banner a {height: 240px; padding-top: 0;}
}
@media(max-width:768px){
	.main_banner a {padding-top: calc(240 / 1920 * 400%); height: 0;}
}

/* inquiry */
.main_inquiry{ position: sticky; bottom: 0; padding: 25rem 0 18rem; background: #222; color: #fff; z-index: 20; }
.main_inquiry .inr{ position: static; display: flex; justify-content: space-between; align-items: center; max-width: 1600rem; }
.main_inquiry .inr::before{ content: ''; position: absolute; inset: 0; background: #222; }
.main_inquiry h2{ position: relative; z-index: 2; }
.main_inquiry__tel{ display: flex; align-items: center; box-sizing: border-box; font-size: var(--font_size35); font-weight: 500; }
.main_inquiry__tel::before{ content: ''; margin-right: 0.65714286em; position: relative; top: -0.11428571em; display: inline-block; width: 1.25714286em; height: 1.14285714em; background: url('/images/main/icon_tel.png') no-repeat 50% / contain; }
.main_inquiry_form{ position: relative; display: grid; justify-content: start; align-content: center; gap: 6rem; z-index: 1; }
.main_inquiry_form *{ margin: 0; }
.main_inquiry_form :where(.name, .location, #online_btn){ border-radius: 8rem; }
.main_inquiry_form :where(.name, .location, .phone1, .phone2, .phone3, #online_btn){ height: 40rem; padding: 7rem 14rem 0; border: 0; background: #fff; box-sizing: border-box; font-family: 'GmarketSans', 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;; font-size: 18rem; color: #111; }
.main_inquiry_form :where(.name, .location, .phone1, .phone2, .phone3, #online_btn)::placeholder{ color: #888; }
.main_inquiry_form .location{ appearance: none; padding-right: 30rem; background: #fff url('/images/main/icon_select_arrow.png') no-repeat calc( 100% - 14rem ) 50% / 9rem 5rem; }
.main_inquiry_form .phone{ display: flex; }
.main_inquiry_form .phone *{ width: 1px; border-radius: 0; }
.main_inquiry_form .phone1{ flex: 3; padding-right: 0; border-radius: 8rem 0 0 8rem; }
.main_inquiry_form .phone2{ flex: 4; padding-inline: 0; }
.main_inquiry_form .phone3{ flex: 4; padding-left: 0; border-radius: 0 8rem 8rem 0; }
#online_btn{ padding-top: 4rem; background: var(--primary); color: #fff; }
.main_inquiry_form__p{ margin-top: 10rem; font-size: 18rem; opacity: .7; }
.main_inquiry_form__btn{ position: absolute; inset: 0 0 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5rem; padding: 0 .5em; background: var(--primary); font-size: 18rem; color: #fff; }
.main_inquiry_form__btn::after{ content: '보기'; }
.show.main_inquiry_form__btn::after{ content: '숨기기'; }
@media(prefers-reduced-motion:no-preference){
	.main_inquiry{ animation: frame_in_inquiry .4s .6s both; }
	@keyframes frame_in_inquiry {
		0%{ transform: translateY(100%); }
		100%{ transform: translateY(0%); }
	}
	.main_inquiry_form{ transition: .4s; }
}
@media(min-width:768px){
	.main_inquiry_form{ grid-template-columns: repeat(4, auto); }
	.main_inquiry_form :where(.name, .location){ width: 170rem; }
	.main_inquiry_form .phone{ width: 230rem; }
	.main_inquiry_form__p{ grid-column: 1/5; }
	#online_btn{ width: 140rem; }
}
@media(min-width:1280px){
	.main_inquiry_form__btn{ display: none; }
	.sample_quick{ display: none; }
}
@media(max-width:1279px){
	.main_inquiry .inr::before{ border-top: 1rem solid #ddd; }
	.main_inquiry_form:not(.show){ clip-path: inset(100% 0 0); }
	.main_inquiry_form{ position: absolute; inset: auto 0 calc( 100% - 1rem); padding: 20rem 4vw; background: #222; box-sizing: border-box; clip-path: inset(0); }

	.sample_quick {display: block; position: fixed; right: 10px; bottom: 12vh; width: 50px; z-index: 9; animation: bounce 2s infinite; z-index: -1; }
	.sample_quick img {width: 100%;}
	@keyframes bounce {
		0%, 60% {transform: translateY(0);}
		20%, 80% {transform: translateY(5px);}
		40%, 100% {transform: translateY(-3px);}
	}
}
@media(max-width:767px){
	.main_inquiry_form{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
	.main_inquiry_form :where(.name, .location) {width: 49%;}
	.main_inquiry_form .phone {width: 100%;}
	#online_btn{ width: 100%; }
}
.main_intro__p1 span:nth-of-type(1) {
	grid-area: a;
	padding-right: .04em;
	font-size: 1.45em;
	font-weight: 700;
	letter-spacing: -.05em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}