@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section { position:static; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; text-align:center; }
.main_title p { font-size:1.073rem;  font-weight:600; } 
.main_title h2 { font-family:var(--en); font-size:8.125rem; font-weight:700; line-height:1; letter-spacing:-0.025em; } 
/*.main_title h2.ko { font-family:'SUIT'; font-size:3.75rem; font-weight:900; } */
.main_title p.desc { font-size:1.5625rem; font-weight:500; line-height:1.334; margin-top:1rem; word-break:keep-all; } 

.main_title .icon { position:absolute; right:0; } 


@media screen and (max-width: 1024px){
	/*#main > section { padding-top:4rem; padding-bottom:4rem; }
	.main_title p { font-size:1rem; } 
	.main_title h2 { font-size:2rem;  }
	.main_title p.desc { font-size:1.375rem; } 
	*/
	.main_title h2 { font-size:5rem; } 
	.main_title .icon img { max-height:3.5rem; } 
}
@media screen and (max-width: 640px){
	/*#main > section { padding-top:3rem; padding-bottom:3rem; }
	.main_title h2 { font-size:1.875rem;  }
	.main_title p.desc { font-size:1.25rem; } 
	*/
	.main_title h2 { font-size:4rem; } 
	.main_title .icon img { max-height:2.5rem; } 
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important; }
/*
#main__slider { position:fixed !important; left:0px; top:0px; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:0 !important; } 
*/
#main__slider .slider__infos {position:relative; overflow:hidden;height:100vmin; /* padding-bottom:56.25%;*/ }
#main__slider .slider__infos:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1; opacity:0; } 

/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb_video { position:relative; width:100%; height:100vh; /*padding-bottom:56.25%;*/ } 

#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;width:100%;height:100%; transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1; object-fit:cover; }
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column; width:50%; line-height:1; font-family:var(--en); color:#fff; text-align:left; }
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:900;font-size:6.25rem;line-height:1;color:#fff;overflow:hidden; text-transform:uppercase; }
#main__slider .slider__slogun > b.subtitle { display:block;font-weight:400;font-size:2.188rem;line-height:1;color:#fff; margin-bottom:15px; overflow:hidden; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;margin-top:3.125rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out; opacity:0; }
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center; min-width:23.75rem; min-height:5rem; padding:1rem 2rem; }
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'Brand Story'; font-family:var(--en); font-size:1.875rem; letter-spacing:-0.025em; }


/*스크롤*/
#main__slider .slider-scroll a { display:none; align-items:center; gap:1rem; position:absolute;left:50%; transform:translateX(-50%); font-weight:400;font-size:0.813rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:left;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll .icons { width:5rem; height:5rem; background:url(/images/main/visual_scroll.png) no-repeat; }
/*
#main__slider .slider-scroll a:before {content:'';display:block;width:5rem;height:5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(/images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
*/
@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}

#main__slider .swiper-container { position:relative; } 
#main__slider .swiper-pagination { display:flex; justify-content:center; bottom:2.5rem; /*display:flex; flex-direction:column; width:1.25rem;left:revert; right:3.125rem; top:50%; transform:translateY(-50%); bottom:revert;*/ } 
#main__slider .swiper-pagination-bullet { position:relative; width:9px; height:9px; background-color:transparent; border:1px solid #fff; opacity:1; margin:3px; transition:all 0.2s;  }
#main__slider .swiper-pagination-bullet:after { content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:7px; height:1px; opacity:1; background:#fff; transition:all 0.2s; } 
#main__slider .swiper-pagination-bullet:last-of-type:after { opacity:0; } 
#main__slider .swiper-pagination-bullet-active { background:#fff; margin-right:15px;}
#main__slider .swiper-pagination-bullet-active:after {  opacity:1; right:-20px; width:19px; } 
#main__slider .swiper-pagination-bullet-active:last-of-type { margin-left:15px; margin-right:3px; } 
#main__slider .swiper-pagination-bullet-active:last-of-type:after { opacity:1; left:-13px; right:revert;  } 


/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg { /*-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);*/ }

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { display:none; left:20px; } 
#main__slider .swiper-button-next { display:none; right:20px; }

.video-vimeo {position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 56.25%; z-index: -1;}
.video-vimeo iframe,
.video-vimeo object,
.video-vimeo embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}

.video-foreground,
.video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}

/*
@media (min-aspect-ratio: 16/9) {
	.video-foreground {height: 305%; top: -105%;}
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground {width: 300%; height:110%; left: -100%; top:-10%; }
}
*/

/*반응형*/
@media screen and (max-width: 1800px){
	#main__slider .slider__infos img { width:32.6667vw; } 
} 
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:var(--menu);}
	#main__slider .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
}
@media screen and (max-width: 1470px){
	#main__slider .slider__slogun {padding:0 15px;}
} 
@media screen and (max-width: 1024px){
	#main__slider { margin-top:0px; } 
	#main__slider .slider__slogun {padding:0 15px;}

	#main__slider .slider__infos { height:75vh; } 
	#main__slider .slider__thumb_video {height: 75vh;}
	
	#main__slider .slider__slogun > b { font-size:5rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:1.875rem } 

	#main__slider .slider-scroll a { display:none; } 
	.video-foreground { /*top:0%;*/ }

}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){

	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}


	#main__slider .slider__infos { height:75vh; } 
	#main__slider .slider__thumb_video {height: 75vh;}

	#main__slider .slider__slogun { width:100%; } 
	#main__slider .slider__slogun > b { font-size:3.5rem; line-height:1.1;  }
	#main__slider .slider__slogun > b.subtitle { font-size:1.875rem; line-height:1.1;  } 

	#main__slider .slider__slogun_btn > span { min-width:revert; min-height:revert; padding:1rem 3rem; } 
	#main__slider .slider__slogun_btn > span:after { font-size:1.5625rem; } 
}
@media screen and (max-width: 480px){

}






/*----------------------------------------------------------------------
@ MAIN BRAND 
----------------------------------------------------------------------*/
#layout_brand { position:relative; display:flex; flex-direction:column; } 
#layout_brand .container1 { position:relative; display:flex; flex-direction:column; width:100%;  margin:0 auto; padding-top:6.875rem; padding-bottom:12.5rem;color:#fff; overflow:hidden; }
#layout_brand .container1:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%;  background:url('/images/main/brand_bg.jpg') no-repeat center center / cover; transform:skewY(-3deg); transform-origin:bottom left; z-index:-1; } 

#layout_brand .container2 { position:relative; display:flex; flex-direction:column; width:100%; margin:0 auto; margin-top:-0rem; padding-top:2.5rem; padding-bottom:12.5rem;  }
#layout_brand .container2:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; transform:skewY(-3deg); transform-origin:top left; z-index:-2; } 


#layout_brand .layout_brand { margin-top:5rem; } 

#layout_brand .container1 .main_title h2 { color:#fff; } 

.layout_brand .thk-row { margin-right:-1.25rem; row-gap:1.25rem;} 
.layout_brand .row-md2 .thk-col {  width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 

.brand_cont { position:relative; } 
.brand_cont .thumb { display:block;width:100%; height:0; padding-top:57.746%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.brand_cont .thumb > img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.brand_cont .desc { position:absolute; left:3rem; bottom:3rem; } 
.brand_cont .desc h3 { font-family:var(--en); font-size:4.375rem; font-weight:700; letter-spacing:-0.025em; }
.brand_cont .desc p { font-size:1.875rem; font-weight:500; line-height:1.166; word-break:keep-all; } 


/* VALUE */
#layout_brand .layout_value { margin-top:4.375rem; margin-bottom:7.5rem; } 
.value_cont { position:relative; display:flex; align-items:center; color:#fff; background:#2c2c2d; padding-top:5.625rem; padding-bottom:5.625rem; } 
.value_cont:after { content:''; position:absolute; width:100%; height:100%; right:-1.25rem; bottom:-1.25rem; background:var(--menu); z-index:-1; } 
.value_cont .col { position:relative; width:calc(100% / 4); text-align:center; } 
.value_cont .col:after { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,0.3); } 
.value_cont .col:last-child:after { display:none; } 

.value_cont .col h3 { font-family:var(--gg); font-size:3.75rem; font-weight:700; letter-spacing:-0.025em; }
.value_cont .col p { font-size:1.5625rem; font-weight:700; line-height:1.4; margin-top:0.625rem; word-break:keep-all; }
.value_cont .col span { color:#e33d2f; }


/* VISION */ 
#layout_brand .layout_vision { margin-top:2.5rem; } 
.layout_vision p { font-size:1.5625rem; font-weight:500; text-align:center; line-height:1.6; margin-top:0.625rem; word-break:keep-all; }
.layout_vision b { font-weight:800; } 
.layout_vision span { color:var(--menu); } 




@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.brand_cont .desc h3 { font-size:3rem; } 
	.brand_cont .desc p { font-size:1.5625rem; } 
	
	.value_cont { flex-wrap:wrap;row-gap:2.5rem; } 
	.value_cont .col { width:calc(100% / 2); } 
	.value_cont .col:nth-child(2n):after { display:none; } 
	.value_cont .col h3 { font-size:2.5rem; } 
	.value_cont .col p { font-size:1.25rem; } 
}
@media screen and (max-width: 768px){
	.layout_brand .row-md2 .thk-col { width: calc((100% / 1) - 1.25rem); } 
}
@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 480px){
} 




/*----------------------------------------------------------------------
@ MAIN MENU 
----------------------------------------------------------------------*/
#layout_menu { position:relative; display:flex; flex-direction:column; } 
#layout_menu .container1 { position:relative; display:flex; flex-direction:column; width:100%; ; margin:0 auto; margin-top:0rem; padding-top:5.625rem; padding-bottom:10rem;  }
#layout_menu .container1:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--menu); transform:skewY(-3deg); transform-origin:top left; z-index:-1; } 

#layout_menu .container2 {  position:relative; display:flex; flex-direction:column; width:100%; margin:0 auto; margin-top:0rem; padding-top:1.25rem; padding-bottom:12.5rem;  }
#layout_menu .container2:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#2c2c2d; transform:skewY(-3deg); transform-origin:top left; z-index:-1; } 

#layout_menu .container2 .side { margin-top:4rem; } 

#layout_menu .container3 {  position:relative; display:flex; flex-direction:column; width:100%;  margin:0 auto; margin-top:0rem; padding-top:0rem; padding-bottom:4rem;  }
#layout_menu .container3:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#f7a321; transform:skewY(-3deg); transform-origin:top left; z-index:-1; } 


#layout_menu .layout_menu { margin-top:5rem; } 



.sub_title { position:relative; display:flex; align-items:center; column-gap:1.25rem; font-family:var(--en); font-size:6.25rem; color:#fff; font-weight:700; line-height:1; margin-top:3.125rem; } 
.sub_title span.line { width:100%; height:0.3125rem; background:#fff; } 
.sub_title span.text { } 



/* burgers & fries */
.layout_menu .thk-row { row-gap:3.25rem;} 
.layout_menu .row-md4 .thk-col { display:flex; justify-content:center; } 
.layout_menu .row-md5 .thk-col { display:flex; justify-content:center; } 
.layout_menu .row-md7 .thk-col { display:flex; justify-content:center; } 

/* side */
.layout_menu { display:flex; gap:1.25rem; } 
.layout_menu .left { display:flex; align-items:flex-end; gap:1.5625rem; width:51%; }
.layout_menu .right { display:flex; align-items:flex-end; gap:1.5625rem;  width:49%; }

.menu_cont { position:relative; display:flex; flex-direction:column; justify-content:flex-end; } 
.menu_cont .thumb { text-align:center; } 
.menu_cont .thumb img { transition:0.3s; } 
.menu_cont .desc { font-size:1.375rem; color:#fff; font-weight:800; text-align:center; margin-top:1.375rem; } 

.layout_menu.fries .desc, 
.layout_menu.side .desc { font-size:1.25rem; font-weight:700; } 

.menu_cont:hover .thumb img { transform:scale(1.1); } 


/* 흐르는텍스트 */
.main_text { transform:skewY(-3deg); transform-origin:top left; } 
.main-flow-text { padding:0 0; } 
.thk-flow-text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: revert; transition: 0.3s;  }
.thk-flow-text p { font-family:var(--en); font-size:10.313rem; color: var(--menu); font-weight:700;  line-height:1;  letter-spacing:-0.025em;  padding-right: 1.4881vw; text-transform:uppercase; animation: aniTextLoopL 90s linear infinite; }
.thk-flow-text.stroke p { color:#fff; text-shadow: -2px -2px 0 rgba(231,231,231, 1), 2px -2px 0 rgba(231,231,231, 1), -2px 2px 0 rgba(231,231,231, 1), 2px 2px 0 rgba(231,231,231, 1); } 
.thk-flow-text.reverse { margin-top:-0.625rem; } 
.thk-flow-text.reverse p { padding-left: 1.4881vw; padding-right:0; animation: aniTextLoopL 100s linear infinite;  animation-direction:reverse; margin-top:0rem;  } /* 더 빠르게 흐르는것 같아서 시간 조절 */ 

/* hover 효과 주고 싶을 때, */
.thk-flow-text:hover { }
.thk-flow-text:hover .thk-flow-wrap { /*animation-play-state: paused; cursor: pointer;*/ }

@keyframes aniTextLoopL {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}


@media screen and (max-width: 1470px){	
	#layout_menu .container3 { padding-bottom:1.5rem; } 
}
@media screen and (max-width: 1024px){

	#layout_menu .container2 { padding-bottom:6rem; } 
	#layout_menu .container3 { padding-top:2rem; padding-bottom:2rem; } 
	#layout_menu .container3 .maxWidth1440 { padding:0; } 
	#layout_menu .container3 .main_text { overflow:hidden; } 

	.sub_title { font-size:4rem; } 

	.thk-flow-text p { font-size:15vw !important; } 
	.thk-flow-text.reverse { margin-top:revert; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	.sub_title { font-size:3rem; } 

	#layout_menu .container2 .side { flex-direction:column; row-gap:3rem; } 
	.layout_menu .left { width:100%; } 
	.layout_menu .right { align-items:revert; width:100%; gap:1.25rem; } 

	.layout_menu .row-md4 .thk-col { width:calc((100% / 2) - 1.875rem); } 
	.layout_menu .row-md5 .thk-col { width:calc((100% / 2) - 1.875rem); } 
	.layout_menu .row-md5 .thk-col:last-of-type { width:calc((100% / 2) - 1.875rem); } 

}

@media screen and (max-width: 480px){
	.layout_menu.fries .desc, 
	.layout_menu.side .desc { font-size:1.125rem; } 
} 

@media screen and (max-width: 360px){
	.layout_menu .left { flex-wrap:wrap; } 
	.layout_menu .left .thk-col { width:calc((100% / 2) - 1.25rem); } 

	.layout_menu .right { flex-wrap:wrap; } 
	.layout_menu .right .thk-col { width:calc((100% / 2) - 0.625rem); } 
	.layout_menu .right .thk-col img { max-width:80%; } 

} 



/*----------------------------------------------------------------------
@ MAIN STORE 
----------------------------------------------------------------------*/
#layout_store { position:relative; display:flex; flex-direction:column; } 
#layout_store .container1 { width:100%;  margin:0 auto;  padding-top:5.625rem; padding-bottom:6.25rem;  }
#layout_store .layout_store { margin-top:3.75rem; min-height:37.5rem; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#layout_store .container1 { padding-top:3rem; } 
	#layout_store .layout_store { height:revert; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
} 





/*----------------------------------------------------------------------
@ MAIN INTERIOR 
----------------------------------------------------------------------*/
#layout_interior { position:relative; display:flex; flex-direction:column;  } 
#layout_interior.hidden { position:relative !important; z-index:-1; } /* 지도때문에 잠시 뒤로~ */

#layout_interior .container1 { width:100%;  background:#2c2c2d;  margin:0 auto;  padding-top:7.5rem; padding-bottom:7.5rem;  }
#layout_interior .layout_interior { position:relative; width:100%; margin-top:3.75rem; } 
#layout_interior .main_title { color:#fff; } 


#layout_interior .thk-row { display:block; margin-right:-1.25rem; }
#layout_interior .thk-row:after { content:''; display:block; clear:both; }
#layout_interior .thk-col { float:left; margin-right:1.25rem; margin-bottom:1.25rem; }
#layout_interior .row-md4 .thk-col { width: calc((100% / 4 ) - 1.25rem); margin-right:1.25rem; } 
#layout_interior .row-md4 .thk-col:nth-of-type(1) { width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 

#layout_interior .interior_slider_list { overflow:hidden; } 

#layout_interior .portfolio8_thumb { position:relative;width:100%; height:100%;  } 
#layout_interior .portfolio8_thumb_wrap { position:relative;overflow:hidden; } 
#layout_interior .portfolio8_thumb {position:relative;width:100%;height:0;padding-top:66.667%;text-align:center; overflow:hidden; transition:all 0.3s ease; z-index:1; }
#layout_interior .portfolio8_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; transition:all 0.3s ease; } 
#layout_interior .portfolio8_thumb img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

#layout_interior .thk-col:nth-of-type(1) .portfolio8_thumb { padding-top:67.60%; } 

#layout_interior .portfolio8_info { display:flex; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; width:100%; height:100%;  opacity:0; transition:all 0.3s ease; z-index:2; } 
#layout_interior .portfolio8_cont { text-align:center; color:#fff; } 
#layout_interior .portfolio8_title { font-size:1.125rem; font-weight:600; line-height:1.2; transition:all 0.3s ease} 
#layout_interior .portfolio8_entitle { font-family:'Merriweather'; font-size:0.813rem; font-style:italic; color:#999; margin-top:0.625rem; letter-spacing:0rem; transition:all 0.3s ease} 

#layout_interior .thk-col:hover .portfolio8_info { opacity:1; } 
#layout_interior .thk-col:hover .portfolio8_thumb {  } 
#layout_interior .thk-col:hover .portfolio8_thumb:after { opacity:1; } 
#layout_interior .thk-col:hover .portfolio8_title { color:#fff; } 
#layout_interior .thk-col:hover .portfolio8_entitle { color:#fff; } 

#layout_interior .swiper-pagination { bottom:-2.5rem; } 
#layout_interior .swiper-pagination .swiper-pagination-bullet { width:0.9375rem; height:0.9375rem; background:#666; opacity:1; margin:0 7px; } 
#layout_interior .swiper-pagination .swiper-pagination-bullet-active { background:#fff; } 


/* Responsive */
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
	#layout_interior .thk-row { margin-right:-1.25rem; } 
	#layout_interior .row-md4 .thk-col { width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 
	#layout_interior .row-md4 .thk-col:nth-of-type(1) { width: calc((100% / 2 ) - 1.25rem); } 
}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#layout_interior .thk-col:nth-of-type(1) .portfolio8_thumb { padding-top:66.667%; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
} 






/*----------------------------------------------------------------------
@ MAIN FRANCHISE 
----------------------------------------------------------------------*/
#layout_franchise { position:relative; display:flex; flex-direction:column;  } 
#layout_franchise .container1 { display:flex; flex-direction:column; width:100%; background:#fff;  margin:0 auto;  padding-top:6.25rem; padding-bottom:6.25rem;  }
#layout_franchise .container2 { display:flex; flex-direction:column; width:100%; background:url('/images/main/franchise_bg.jpg') no-repeat center center / cover; margin:0 auto;  padding-top:6.25rem; padding-bottom:6.25rem;  }

#layout_franchise .layout_franchise { margin-top:3.75rem; } 
#layout_franchise .container2 .main_title { align-items:flex-start; } 
#layout_franchise .container2 .main_title h2 { color:#fff; } 



.layout_franchise .thk-row { margin-right:-5rem; row-gap:5rem;} 
.layout_franchise .row-md4 .thk-col { position:relative; display:flex; justify-content:center; width: calc((100% / 4 ) - 5rem); margin-right:5rem; text-align:center; } 
.layout_franchise .row-md4 .thk-col:after { content:''; position:absolute; right:-4.9375rem; top:4.375rem; width:4.9375rem; height:2.75rem; background:url('/images/main/franchise_arrow.png') no-repeat center center / contain ; } 
.layout_franchise .row-md4 .thk-col:nth-child(4n):after { display:none; } 


.franchise_cont { position:relative; display:flex; flex-direction:column; align-items:center; row-gap:1.25rem; } 
/*
.franchise_cont .thumb { display:block;width:100%; height:0; padding-top:57.746%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.franchise_cont .thumb > img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
*/

.franchise_cont .circle { display:flex; align-items:center; justify-content:center; width:11.25rem; aspect-ratio:1; border-radius:50%; background:#2c2c2d; } 
.franchise_cont .desc { display:flex; flex-direction:column; row-gap:0.3125rem; } 
.franchise_cont .desc p { line-height:1; } 
.franchise_cont .desc p.num { font-size:1rem; font-weight:800;  } 
.franchise_cont .desc p.title { font-size:1.5625rem; font-weight:800; margin-top:0.5rem;  } 
.franchise_cont .desc p.eng { position:relative; font-family:var(--en); font-size:1.25rem; letter-spacing:0; } 
.franchise_cont .desc p.eng:after { content:''; position:absolute; bottom:-1rem; left:50%; transform:translateX(-50%); width:1.875rem; height:0.25rem; background:#000; } 
.franchise_cont .desc p.text { font-size:1.125rem; color:#666; font-weight:500; line-height:1.22; word-break:keep-all; margin-top:1.875rem; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.layout_franchise .thk-row { row-gap:3rem; } 
	.layout_franchise .row-md4 .thk-col { width: calc((100% / 2) - 5rem); } 
	.layout_franchise .row-md4 .thk-col:nth-child(2n):after { display:none; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
	.franchise_cont .circle img { max-width:35%; } 
	.layout_franchise .row-md4 .thk-col:after { right:-4rem; width:3rem; } 
} 
@media screen and (max-width: 360px){
	.layout_franchise .row-md4 .thk-col:after { top:3rem; } 
	.franchise_cont .circle { width:9.25rem; } 
} 






#layout_franchise .layout_startup { margin-top:3.25rem; }  
.cost_table { width:100%; margin-top:2.5rem; } 
.cost_table .cost_table_th { display:flex; justify-content:; max-width:62.5rem; width:100%; font-size:1.5625rem; color:#fff; font-weight:700; text-align:center; background:#2c2c2d; padding:0.9375rem 0; } 
.cost_table .item1 { width:17.5rem; } 
.cost_table .item2 { width:calc(100% - 17.5rem - 17.5rem); } 
.cost_table .item3 { width:17.5rem; } 

.cost_table .cost_table_td { display:flex; justify-content:; width:100%; max-width:62.5rem; font-size:1.25rem; color:#fff; font-weight:700; text-align:center; border-bottom:1px solid rgba(184,184,184, 0.5); padding:1.25rem 0; word-break:keep-all; } 
.cost_table .cost_table_td:last-child { border-bottom:0; } 
.cost_table .cost_table_td .item2 { font-size:1.125rem; font-weight:600; } 
.cost_table .cost_table_td .item3 { font-size:1.25rem; font-weight:800; } 
.cost_table .cost_table_td .etc { font-size:0.9375rem; color:rgba(255,255,255,0.5); font-weight:500; } 



.cost_last { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:62.5rem; background:var(--menu); padding:1.25rem 0; } 
.cost_last .total { display:flex; align-items:center; justify-content:center; width:calc(100% - 17.5rem); font-size:1.875rem; color:#fff; font-weight:900; } 
.cost_last .total_price { display:flex; flex-direction:column; width:17.5rem; font-size:1.875rem; color:#fff; font-weight:900; text-align:center; } 


@media screen and (max-width: 1024px){ 
} 
@media screen and (max-width: 768px){ 

} 
@media screen and (max-width: 640px){ 
	.cost_table .cost_table_th { font-size:1.25rem; } 
	.cost_table .cost_table_td { font-size:1rem; } 

	.cost_table .item1 { width:9.063rem; } 
	.cost_table .item2 { width:calc(100% - 9.063rem - 9.875rem); } 
	.cost_table .item3 { width:9.875rem; } 

	.cost_table .cost_table_td .item2 { font-size:1rem; } 
	.cost_table .cost_table_td .item3 { font-size:1rem; }

	.cost_last .total { font-size:1.5625rem; } 
	.cost_last .total_price { font-size:1.5625rem; } 
} 
@media screen and (max-width: 420px){ 
} 






/*----------------------------------------------------------------------
@ MAIN CONTACT 
----------------------------------------------------------------------*/
#layout_contact { position:relative; display:flex; flex-direction:column;  } 
#layout_contact .container1 { width:100%; background:#fff;  margin:0 auto;  padding-top:6.25rem; padding-bottom:6.25rem;  }
#layout_contact .layout_contact { width:100%; margin-top:3.75rem; } 

.layout_contact .ipt_row_group { display:flex; flex-wrap:wrap; gap:1.875rem; max-width:49.375rem; margin:0 auto; } 
.layout_contact .ipt_row { width:calc(50% - 0.9375rem); padding:0; border-top:0; } 
.layout_contact .ipt_row.full { width:100%; } 
.layout_contact .ipt_row.private { margin-top:-0.625rem; } 
.layout_contact .ipt_row:first-of-type { border-top:0; }

.layout_contact .ipt_row .left { display:none; } 
.layout_contact .ipt_row .right { width:100%; } 

.layout_contact .ipt_row input[type=password], 
.layout_contact .ipt_row input[type=text] { width:100%; height:3.75rem; line-height:3.75rem; font-size:1.125rem; color:#000; border:1px solid #000; padding:0 0.9375rem; } 
.layout_contact .ipt_row textarea { width: 100%; height: 8.75rem; font-size:1.125rem; color:#000; line-height: 1.5; padding: 0.9375rem; border: 1px solid #000; box-sizing: border-box; resize: none; }

.layout_contact .ipt_row input::-webkit-input-placeholder { color: rgba(0,0,0,0.5); letter-spacing:-0.05em; } /* Chrome/Opera/Safari */


.layout_contact .ipt_btn { padding-top:1.5625rem; border-top:0; max-width:49.375rem; margin:0 auto; } 
.layout_contact .big_btn_cmm1 a { width:100%; font-family:var(--en); font-size:3.125rem; color:#fff; letter-spacing:0; background:var(--menu); border:0; padding:0.9375rem 2rem; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){ 
	.layout_contact .ipt_row_group { gap:1.25rem; }
	.layout_contact .ipt_row { width:calc(50% - 0.625rem); } 
	.layout_contact .ipt_row textarea { height:8.75rem !important; } 

	.layout_contact .big_btn_cmm1 a { font-size:1.875rem; } 
}
@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
}