@charset "utf-8";


#mvWrap {  overflow:hidden; position:relative; height:100vh }

#mVisual {opacity:0; visibility:hidden;}
#mVisual:not(.slick-initialized) .mv_slider {display:none;}
#mVisual:not(.slick-initialized) .mv_slider:first-child {display:flex;}
#mVisual.slick-initialized {opacity:1; visibility:visible; transition:opacity .3s ease;}
#mVisual.slick-initialized .mv_slider {display:flex;}

#mVisual {position:relative; width:100%; height:100% }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider.mv1 {background:url('/images/main/m_visual1.png') no-repeat right top / cover}
#mVisual .mv_slider.mv2 {background:url('/images/main/m_visual2.png') no-repeat right top / cover}

#mVisual .mv_slider {  display:flex; flex-direction: column; align-items: center; justify-content:end;}
#mVisual .mv_slider .mtxt { width:90%; max-width:1600px; padding-bottom:5%}
#mvWrap .mv_slider h3 { font-size:7.0rem; font-weight:normal; color:#FFF; line-height:1.3em; font-family: 'Maru Buri';
								letter-spacing:-0.03em}
#mvWrap .mv_slider h4 { margin-top:2em; font-size:3.0rem; color:#FFF; line-height:1.3em;  
								font-family: "Philosopher"; font-weight:normal}
#mvWrap .mv_slider .t1 {margin-top:1.7em; position:relative;  }
#mvWrap .mv_slider .t1:before {content:''; width:100px; height:1px; background:rgba(255,255,255,0.5); 
									position:absolute; left:0; top:0.6em}
#mvWrap .mv_slider .t1 p {padding-left:140px;  font-size:2.0rem; color:#FFF; line-height:1.6em; font-weight:400}

@media all and (max-width:1600px){
	#mvWrap .mv_slider h3 { font-size:6.0rem; }
	#mvWrap .mv_slider h4 { font-size:2.6rem;}
	#mvWrap .mv_slider .t1:before { width:80px; }
	#mvWrap .mv_slider .t1 p {padding-left:120px; font-size:1.8rem;}
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
	#mVisual .mv_slider .mtxt { padding-bottom:8%}
	#mvWrap .mv_slider h3 { font-size:5.0rem; }
	#mvWrap .mv_slider h4 { font-size:2.2rem;}		
}
@media all and (max-width:976px){
	#mVisual .mv_slider .mtxt {text-align:Center}
	#mvWrap .mv_slider .t1:before {display:none}
	#mvWrap .mv_slider .t1 p {padding-left:0 }

	
	#mVisual .mv_slider.mv1 {background-position: 60% center}
	#mVisual .mv_slider.mv2 {background-position: 60% center}
}
@media all and (max-width:768px){
}
@media all and (max-width:480px){
	#mvWrap { height:70vh }
	#mVisual .mv_slider {}
	#mVisual .mv_slider .mtxt {padding-top:0; padding-bottom:80px; text-align:left}
	#mvWrap .mv_slider h3 { font-size:3.4rem; line-height:1.5em}
	#mvWrap .mv_slider h4 { margin-top:0.7em; font-size:1.8rem; color:#d9bd9c; position:relative}
	#mvWrap .mv_slider h4:before {content:''; width:6vw; height:1px; background:#d9bd9c; position:absolute; left:0; bottom:-3vw;}
	#mvWrap .mv_slider .t1 {display:none}
		
	#mVisual .mv_slider.mv1 {background-position: 70% center}
	#mVisual .mv_slider.mv2 {background-position: 70% center}
}



#mTitle {margin-bottom:60px; }
#mTitle .eng {font-size:2.0rem; padding-bottom:2.5em;  font-family: "Philosopher", sans-serif; }
#mTitle dl dt { font-size:4.8rem; color:#333; font-family: 'Maru Buri';}
#mTitle dl dt .lt1 {font-size:1.1em; line-height:1.0em}
#mTitle dl dd {margin-top:1em; font-size:1.7rem; opacity:.7; line-height:1.6em}
#mTitle dl dd.fc-wh {font-weight:200; opacity:.4}
#mTitle .img {display:none; margin-top:2em; width:100%; height:2vw; 
				background:url('/images/main/mtitle-line.png') no-repeat center center / auto 100%}
#mTitle.d-flex {display:flex; gap:0 50px}
#mTitle.d-flex .eng {padding-top:0.8em}

@media all and (max-width:1280px){
	#mTitle .eng {font-size:1.8rem; }
	#mTitle dl dt {font-size:4.0rem; }
	#mTitle dl dd {font-size:1.6rem;}

	#mTitle.d-flex {gap:0 30px}
}
@media all and (max-width:768px){
	#mTitle {margin-bottom:40px; text-align:center }
	#mTitle .eng {font-size:1.6rem; padding-bottom:2em}
	#mTitle dl dt {font-size:3.6rem; }
	#mTitle .img {display:block; }

	#mTitle.d-flex {display:block}
	#mTitle.d-flex .eng {padding-top:0}
}
@media all and (max-width:680px){
	#mTitle dl dt {line-height:1.5em}
}
@media all and (max-width:480px){
	#mTitle {margin-bottom:10vw }
	#mTitle .eng {font-size:1.6rem; }
	#mTitle dl dt {font-size:3.4rem; letter-spacing:-0.02em }
	#mTitle dl dd {font-size:1.3rem; line-height:1.6em}
}








.arrow {padding-right:40px; line-height:40px; position:relative; display:inline-block}
.arrow:before {content:''; width:40px; height:40px; border-radius:50%; overflow:hidden; 
					background:#0e428a url('/images/main/mbtn-arrow-w.png') no-repeat center center;
					position:absolute; right:0; top:50%; transform:translateY(-50%)}
.arrow span {font-size:1.8rem; padding-right:1em;  color:#0e428a;  font-family: "Philosopher", sans-serif;}

@media all and (max-width:480px){
	.arrow {padding-right:5vw; line-height:6vw;} 
	.arrow:before {content:''; width:6vw; height:6vw; background-size:cover; }
	.arrow span {font-size:1.6rem; }
}



.ho-line {width:100%; height:1px; background:#cfb89a; transform:scaleX(0); transform-origin:left center;}

.ve-line { width:1px; height:100vh; background:#8c806c; position:absolute; top:0; transform:scaleY(0);
					transform-origin:top center;}
.ve-line.left {left:5vw}
.ve-line.right {right:5vw}



#mReview {background:#fdfaf7; position: relative; z-index:3}


#mReview #mTitle br.br480 {display:none}
#mReview #mTitle .eng { text-transform:uppercase}
#mReview #mTitle dl dd {/* color:#315fad; opacity:1 */}

#mReview .reviewSlide { margin:0 auto; width:100%; position:relative; text-align:center; overflow:hidden; opacity:0; visibility:hidden;}
#mReview .reviewSlide.slick-initialized {opacity:1; visibility:visible; transition:opacity .3s ease;}

/* #mReview .reviewSlide:before {content:''; width:650px; height:400px; border:1px solid #072546; position:absolute; left:50%; top:0;
						transform:translateX(-50%)} */
#mReview .reviewSlide .slick-slide { outline:none; width: 640px; margin:13px 20px; overflow: hidden; padding:15px;
										background:#FFF; box-shadow:0 0 10px rgba(245,236,229,0.3); border-radius:30px;}
#mReview .reviewSlide .img {display:flex; position:relative; border-radius:20px; overflow:hidden}
#mReview .reviewSlide .img > li {width:50%; position:relative}
#mReview .reviewSlide .img > li:before {font-family: "Philosopher", sans-serif; position:absolute; top:15px;
												padding:0.5em 1.2em; border-radius:50px; color:#FFF} 
#mReview .reviewSlide .img > li img {width:100%; aspect-ratio:31/35; height:100%}
#mReview .reviewSlide .img > li.before:before {content:'Before'; background:rgba(0,0,0,0.3); left:15px}
#mReview .reviewSlide .img > li.after:before {content:'After'; background:#0e428a; right:15px}

/*
#mReview .reviewSlide .img li.before {position:relative; }
#mReview .reviewSlide .img li.before .af-login {display:none; position:absolute; left:0; top:0; text-align:center; z-index:3; color:#FFF;														
														 flex-direction: column;  justify-content:center; align-items: center;
														width:100%; height:100%} 
#mReview .reviewSlide .img li.before .af-login img {max-width:76px; max-height:89px; margin:0 auto}
#mReview .reviewSlide .img li.before .af-login p.t1 {font-size:1.6rem;   font-family: "Paperlogy"; margin-top:1em; padding-top:1em;
																border-top:1px solid rgba(255,255,255,0.3)}
*/

#mReview .reviewSlide .cont {padding:1em 0 0.5em 0.5em; background:#FFF; color:#0e428a; margin-top:2px; text-align:left}
#mReview .reviewSlide .cont h4 {font-size:2.0rem; font-weight:500; position:relative;}

.slick-control {margin-top:2em; text-align:center;}
.slick-control .st1 { border:1px solid #f5efe8; padding:1em 1.5em; border-radius:50px; display:inline-block; color:#777}
.slick-control .st1 i {width:24px; line-height:24px; height:24px; text-align:center; border-radius:50px; border:1px solid #113568;
						font-size:1.4rem; color:#113568; margin-right:0.3em; }


@media all and (max-width:480px){
	#mReview #mTitle br.br480 {display:block}
	#mReview #mTitle {text-align:center}
	#mReview #mTitle dl dt {font-size:3.8rem; line-height:1.2em }
	#mReview .reviewSlide .slick-slide { margin:2vw;padding:1.6vw; border-radius:4vw;}
	#mReview .reviewSlide .img { border-radius:2vw}
	#mReview .reviewSlide .cont h4 {font-size:1.8rem; }
	.slick-control {margin-top:2em; font-size:1.5rem;}
	.slick-control .st1 i  {font-size:1.2rem; width:4vw; line-height:4vw; height:4vw; }
}
/* @media all and (max-width:480px){
	#mReview #mTitle {text-align:center}
	#mReview .reviewSlide:before { height:58vw}
	#mReview .reviewSlide .img {flex-wrap:wrap}
	#mReview .reviewSlide .img:before {transform:translate(-50%, -50%) rotate(90deg);}
	#mReview .reviewSlide .img:before {width:50px; height:50px; }
	#mReview .reviewSlide .img li.before .af-login img {max-width:18vw;}
	#mReview .reviewSlide .cont {padding:4vw }
	#mReview .reviewSlide .cont li {font-size:1.3rem; width:100%; justify-content:center;}
	#mReview .reviewSlide .cont li:before {font-size:1.6rem; }
	#mReview .reviewSlide .cont li.bf-date {text-align:left; padding-left:12vw}
	#mReview .reviewSlide .cont li.af-date {text-align:right; padding-right:9vw;}
	#mReview .reviewSlide .cont h4 {font-size:2.0rem; padding:0.5em 0; width:100%}

}*/


#mReview .reviewDots {margin-top: 30px;	display: flex;	justify-content: center;}
#mReview .slick-dots {width:100%; max-width:1400px;  position: unset; transform:translateX(0); }
#mReview .slick-dots li { position: relative; display: inline-block; width:12px; height:12px; margin:10px; padding: 0; 
								cursor: pointer; box-sizing:border-box; border:0;background:#e4e3e2; border-radius: 100%; }
#mReview .slick-dots li.slick-active {background: #113565;}
#mReview .slick-dots li:hover {  background: #113565}
#mReview .slick-dots li button{display:none;}

@media all and (max-width: 1400px){
	#mReview .slick-dots {width:90%; }
}
@media all and (max-width: 480px){
	#mReview .slick-dots li {  width:2.6vw; height:2.6vw; margin:1vw; }
}













#mLifting1 {background:#f6e9d8; padding-bottom:0}


#mLifting1 #contWrap {display:flex; height:770px; overflow:hidden; position:relative;}


#mLifting1 #contWrap .in-box {display:block; width:100%; height:100%; padding:3vw;}
#mLifting1 #contWrap .in-box .img {transition: all 0.5s; transform-origin: left top; position:relative; }
#mLifting1 #contWrap .in-box .img:before {content:''; width:90%; height:100%; background:#e9d3b6;
													position:absolute; left:0; top:0; opacity:0; transition: all 0.5s;}
#mLifting1 #contWrap .in-box:nth-child(2) .img { transform-origin: left bottom; transform:translateY(-9vw);}
#mLifting1 #contWrap .in-box .img img {width:100%; max-width:450px; position:relative; transition: all 0.5s; }

#mLifting1 #contWrap .in-box .txt { transform:translateY(0);transition: all 0.5s; }
#mLifting1 #contWrap .in-box:nth-child(2) .txt {margin-bottom:3vw}
#mLifting1 #contWrap .in-box .txt dl {margin:2vw 0 1vw; font-family: "Paperlogy"}
#mLifting1 #contWrap .in-box:nth-child(2) .txt dl {margin-top:0;}
#mLifting1 #contWrap .in-box .txt dl dd {font-size:2.2rem; color:#333; font-weight:500 }
#mLifting1 #contWrap .in-box .txt dl dt {font-size:3.8rem;  font-weight:600; line-height:1.6em}
#mLifting1 #contWrap .in-box .txt .on { opacity:0; transition: all 0.5s;}
#mLifting1 #contWrap .in-box .txt .on .t1 {font-size:1.8rem; line-height:1.6em; opacity:.9;}
#mLifting1 #contWrap .in-box .txt .on .t1_mo {display:none}
#mLifting1 #contWrap .in-box .txt .arrow {margin-top:2vw;}


#mLifting1 #contWrap .in-box.hover .img {transform:scale(0.70)}
#mLifting1 #contWrap .in-box:nth-child(2).hover .img {transform:scale(0.70) translateY(-12vw);}
#mLifting1 #contWrap .in-box.hover .img:before {top:-1vw; left:2vw; opacity:1}
#mLifting1 #contWrap .in-box.hover .img img {width:90%; box-shadow: 20px 20px 20px rgba(133,95,44,0.28)}
#mLifting1 #contWrap .in-box.hover .txt {transform:translateY(-7vw);}
#mLifting1 #contWrap .in-box:nth-child(2).hover .txt {transform:translateY(0);}
#mLifting1 #contWrap .in-box.hover .txt .on {opacity:1; }

@media all and (max-width:1720px){
	#mLifting1 #contWrap { height:42vw}
	#mLifting1 #contWrap .in-box .txt dl dd {font-size:1.3vw;}
	#mLifting1 #contWrap .in-box .txt dl dt {font-size:1.9vw;}
	#mLifting1 #contWrap .in-box .txt .on .t1 {font-size:1vw;}

	#mLifting1 #contWrap .in-box:nth-child(2).hover .img {transform:scale(0.70) translateY(-10vw);}
}
@media all and (max-width:1600px){
	#mLifting1 #contWrap { height:44vw;}
	#mLifting1 #contWrap .in-box .txt dl dd {font-size:1.5vw;}
	#mLifting1 #contWrap .in-box .txt dl dt {font-size:2.2vw;}
	#mLifting1 #contWrap .in-box .txt .on .t1 {font-size:1.2vw;}
	#mLifting1 #contWrap .in-box:nth-child(2) .img { transform:translateY(-12vw);}
}
@media all and (max-width:1024px){
	#mLifting1 #contWrap { height:auto; flex-wrap:wrap}
	#mLifting1 #contWrap .in-box {height:auto; overflow:hidden; display:flex; border-bottom:1px solid #cfb89a;
																padding:4vw}
	#mLifting1 #contWrap .in-box:nth-child(3) {border-bottom:0}
	#mLifting1 #contWrap .in-box .img {width:40%}
	#mLifting1 #contWrap .in-box .txt {padding-top:1vw; transform:translateY(0); padding-left:5%}

	#mLifting1 #contWrap .in-box:nth-child(2) .img {transform-origin: right top; ;transform: translateY(0);}
	#mLifting1 #contWrap .in-box:nth-child(2) .txt {padding-left:0; padding-right:5%;}
	#mLifting1 #contWrap .in-box:nth-child(2) .txt dl {margin:2vw 0 1vw}

	#mLifting1 #contWrap .in-box .txt dl dd {font-size:2.2vw;}
	#mLifting1 #contWrap .in-box .txt dl dt {font-size:3.2vw;}
	#mLifting1 #contWrap .in-box .txt .on { opacity:1 }
	#mLifting1 #contWrap .in-box .txt .on .t1 {display:none}
	#mLifting1 #contWrap .in-box .txt .on .t1_mo {font-size:1.8vw;;  line-height:1.6em; opacity:.9; display:block; }

	#mLifting1 #contWrap .in-box:nth-child(2) .img {}
	#mLifting1 #contWrap .in-box:nth-child(2) .txt {}
}
@media all and (max-width:768px){

}
@media all and (max-width:680px){

}
@media all and (max-width:480px){
	#mLifting1 #contWrap .in-box .img {width:60%}
	#mLifting1 #contWrap .in-box .txt dl dd {font-size:3.0vw;}
	#mLifting1 #contWrap .in-box .txt dl dt {font-size:5.0vw;}
	#mLifting1 #contWrap .in-box .txt .on .t1_mo {font-size:2.9vw; line-height:1.4em}

	#mLifting1 .arrow {padding-right:5.2vw; line-height:5.2vw;} 
	#mLifting1 .arrow:before { width:5.2vw; height:5.2vw; }
	#mLifting1 .arrow span {font-size:3.6vw; padding-right:0.5em}
}









#mYoutube {/*background:#1c3761*/  background:linear-gradient(135deg, #005d95 0%, #072546 90%);}
#mYoutube #mTitle dl dt {color:#f9da81; }
#mYoutube #mTitle dl dd {color:#cdcdcd; opacity:1 }
#mYoutube #contWrap {padding-top:45px; display:flex; position:relative; overflow:hidden}
#mYoutube #contWrap .mainInterview {width:56.5%; padding-right:45px }
#mYoutube #contWrap .mainInterview li .v-con {width:888px; height:500px; margin-left:auto}

#mYoutube #contWrap .subInterview-wrap {width:43.5%;  }
#mYoutube #contWrap .subInterview {width:100%; max-height: 100%;  overflow: hidden; }
#mYoutube #contWrap .subInterview li {width:100%; padding:0 0 22px 45px; cursor: pointer; position:relative  }
#mYoutube #contWrap .subInterview .slick-slide.slick-active:not(:last-child)::before { content:''; width:100%; border-bottom:1px solid #8c806c; position:absolute; left:0; top:-23px}
#mYoutube #contWrap .subInterview li + li {margin-top:22px;}
#mYoutube #contWrap .subInterview li > div {width:640px; display:flex; align-items:start}
#mYoutube #contWrap .subInterview li > div img {width: 240px;}
#mYoutube #contWrap .subInterview li > div dl {width:calc(100% - 240px); padding-left:30px;}
#mYoutube #contWrap .subInterview li > div dl dt { font-size:2.2rem; color:#FFF; font-weight:500;
														overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
#mYoutube #contWrap .subInterview li > div dl dd {margin-top:0.7em; font-size:1.6rem; color:#a5aab2;	font-weight:300;
														line-height:1.4em; height:2.8em; overflow: hidden; text-overflow: ellipsis;
														display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#mYoutube #contWrap .subInterview li > div dl .t1 {margin-top:2em; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

#mYoutube .ve-line {left:56.5%}


@media all and (max-width:1720px){
	#mYoutube #contWrap .mainInterview li .v-con {width:50vw; height:28vw;}
	#mYoutube #contWrap .subInterview li div {width:calc(100% - 45px);}
	#mYoutube #contWrap .subInterview li div img {width: 12.4vw;}
	#mYoutube #contWrap .subInterview li div dl {width:calc(100% - 12.4vw); padding-left:20px;}
}

@media all and (max-width:1400px){
	#mYoutube #contWrap {padding-top:2vw;}
	#mYoutube #contWrap .mainInterview {width:62%; padding:2vw; padding-top:0 }
	#mYoutube #contWrap .mainInterview li .v-con {width:56vw; height:32vw;}

	#mYoutube #contWrap .subInterview-wrap {width:38%;  }
	#mYoutube #contWrap .subInterview {margin-top: 2vw;}
	#mYoutube #contWrap .subInterview li {padding:0 0 0 2vw;  }
	#mYoutube #contWrap .subInterview .slick-slide.slick-active:not(:last-child)::before {top:-23px}
	#mYoutube #contWrap .subInterview li + li {margin-top:3vw;}
	#mYoutube #contWrap .subInterview li div dl dd {line-height:1.4em; height:4.0em;-webkit-line-clamp: 3;}
	#mYoutube #contWrap .subInterview li div dl .t1 {display:none}

	#mYoutube .ve-line {left:62%}
}
@media all and (max-width:1280px){
	#mYoutube #contWrap .mainInterview {width:75%; padding:0 2vw }
	#mYoutube #contWrap .mainInterview li {padding-top:1.2vw}
	#mYoutube #contWrap .mainInterview li .v-con {width:100%; height:40vw;}

	#mYoutube #contWrap .subInterview-wrap {width:25%; }
	#mYoutube #contWrap .subInterview {margin-top:0.4vw;}
	#mYoutube #contWrap .subInterview li {padding:0 2vw}
	#mYoutube #contWrap .subInterview .slick-slide.slick-active:not(:last-child)::before {top:-1.5vw}
	#mYoutube #contWrap .subInterview li div {width: 100%;}
	#mYoutube #contWrap .subInterview li div img {width:100%}
	#mYoutube #contWrap .subInterview li div dl {display:none}

	#mYoutube .ve-line {left:75%}
}

@media all and (max-width:1024px){
	#mYoutube #contWrap {flex-wrap:wrap}
	#mYoutube #contWrap .mainInterview {width:100%;padding:0 4vw }
	#mYoutube #contWrap .mainInterview li {padding-top:0}
	#mYoutube #contWrap .mainInterview li .v-con {width:100%; height:52vw}
	#mYoutube #contWrap .subInterview-wrap {width: 100%; padding:2vw; }
	#mYoutube #contWrap .subInterview {padding:0 1vw 2vw}
	#mYoutube #contWrap .subInterview .slick-slide.slick-active:not(:last-child)::before { display:none}
	#mYoutube #contWrap .subInterview li {padding:0; margin:0 1vw}
	#mYoutube #contWrap .subInterview li + li {margin-top:0;}

	#mYoutube .ve-line {display:none}
}







#mSelfie {background:linear-gradient(to bottom,#fff 0%,#fbf6ef 50%,#fbf6ef 100%); position:relative; overflow:hidden}
#mSelfie:before {content:''; width:100%; height:100%; background:url('/images/main/mselfie-bg.png') no-repeat center top; position:absolute; left:0; top:0; pointer-events:none;}
#mSelfie .selfieSlide {margin:0 auto; width:100%; position:relative; text-align:center; overflow:hidden;}
#mSelfie .selfieSlide.is-few {overflow:visible;}
#mSelfie .selfieSlide.is-few .slick-track {display:flex !important; justify-content:center; transform:none !important;}
#mSelfie .selfieSlide.is-few .slick-slide {float:none;}
#mSelfie .selfieSlide .slick-slide {outline:none; max-width:424px; transform:scale(.8); transition:transform .5s linear; margin-top:30px;}
#mSelfie .selfieSlide .slick-center {transform:scale(1); margin:30px 0;border-radius:20px; position:relative;}
#mSelfie .selfieSlide .slick-slide .img {border-radius:20px; overflow:hidden;}
#mSelfie .selfieSlide .slick-slide img {width:100%; display:block;}
#mSelfie .mBtn {text-align:center; margin-top:2em;}



@media all and (max-width:1400px){
	#mSelfie .selfieSlide .slick-slide {max-width:380px;}
}

@media all and (max-width:768px){
	#mSelfie:before {background-size:190% auto;}
	#mSelfie .selfieSlide .slick-slide {max-width:none; width:300px !important;}
	#mSelfie .selfieSlide .slick-slide .img {width:100%;}
	#mSelfie .selfieSlide .slick-center:before {left:-7px; top:-5px;}
}

@media all and (max-width:480px){
	#mSelfie #mTitle dl dt {font-size:3.8rem; line-height:1.2em }
	#mSelfie .selfieSlide .slick-slide {width:60vw !important; margin-top:6vw;}
	#mSelfie .selfieSlide .slick-slide .img {width:100%;}
	#mSelfie .selfieSlide .slick-center {margin:6vw 0; box-shadow:2vw 2vw 20px rgba(133,95,44,.28);}

}


.selfieWrap {position:relative; width:100%; }
.selfieSlide {position:relative; margin:0; padding:0;}
.selfieSlide li {list-style:none;}
.selfieSlide .img {overflow:hidden;}
.selfieSlide .img img {display:block;}
.selfieArrow {position:absolute; left:0; top:50%; z-index:20; width:100%; height:0; 
			transform:translateY(-50%); pointer-events:none;}
.selfieArrow .rank-prev, .selfieArrow .rank-next {position:absolute; top:50%; z-index:20; width:50px; height:50px; border:0; 
														border-radius:50%; background-color:rgba(255,255,255,0.8); text-align:center; 
														cursor:pointer; pointer-events:auto; 
														box-shadow:0 0 10px rgba(227,202,182,0.7); font-size:0; 
														background-position:center center; background-repeat:no-repeat}
.selfieArrow .rank-prev {left:50%; transform:translate(-240px, -50px); background-image:url('/images/main/mselfiearrow-prev.png') }
.selfieArrow .rank-next {right:50%; transform:translate(240px, -50px);  background-image:url('/images/main/mselfiearrow-next.png') }


#mSelfie .selfieDots {margin-top: 30px;	display: flex;	justify-content: center;}
#mSelfie .slick-dots {width:100%; max-width:1400px;  position: unset; transform:translateX(0); }
#mSelfie .slick-dots li { position: relative; display: inline-block; width:12px; height:12px; margin:10px; padding: 0; cursor: pointer; box-sizing:border-box;
								background:#e4d8cb; border-radius: 100%; border:0}
#mSelfie .slick-dots li.slick-active {background: #c19a6d;}
#mSelfie .slick-dots li:hover {  background: #c19a6d}
#mSelfie .slick-dots li button{display:none;}

@media all and (max-width: 1400px){
	#mSelfie .slick-dots  {width:90%; }
}
@media all and (max-width: 1280px){
	.selfieArrow .rank-prev {left:50%; transform:translate(-220px, -50px);}
	.selfieArrow .rank-next {right:50%; transform:translate(220px, -50px); }
}
@media all and (max-width: 480px){
	.selfieArrow .rank-prev, .selfieArrow .rank-next {width:10vw; height:10vw;transform:translateY(-10vw); }
	.selfieArrow .rank-prev {left:16vw;}
	.selfieArrow .rank-next {right:16vw; }
	#mSelfie .slick-dots  li {  width:2.6vw; height:2.6vw; margin:1vw; }

}







#mSpecial {position:relative; width:100%; height:100vh; overflow:hidden; background:linear-gradient(135deg, #005d95 0%, #072546 90%);}
#mSpecial .line {width:1px; height:100vh; background:#8c806c; position:absolute; top:0; transform:scaleY(0); transform-origin:center top;}
#mSpecial .line.left {left:5vw;}
#mSpecial .line.right {right:5vw;}
#mSpecial .v-line {width:50%; height:1px; background:#8c806c; position:absolute; transform:scaleX(0); transform-origin:left center;}
#mSpecial .v-line.v1 {left:50%; top:180px;}
#mSpecial .v-line.v2 {left:0; bottom:180px;}
#mSpecial .inner {display:flex; justify-content:space-between; align-items:stretch; height:100%;}
#mSpecial #mTitle {width:480px; transform:translateY(10%);}
#mSpecial #mTitle dl dd.mo {display:none;}
#mSpecial .box.img {width:480px; height:80vh; max-height:680px; padding:20px; border-radius:400px; border:1px solid #395574; background:#133a65; box-shadow:10px 10px 20px rgba(5,29,55,1); margin:auto 0;}
#mSpecial .box.img .in-box {width:100%; height:100%; border-radius:400px; position:relative; overflow:hidden;}
#mSpecial .bg_item {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center; opacity:0; transition:opacity 1s ease, transform 1.5s ease; transform:scale(1.1);}
#mSpecial .bg_item.active {opacity:1; transform:scale(1);}
#mSpecial .bg_item.sd1 {background-image:url('/images/main/mspecial-img1.png');}
#mSpecial .bg_item.sd2 {background-image:url('/images/main/mspecial-img2.png');}
#mSpecial .bg_item.sd3 {background-image:url('/images/main/mspecial-img3.png');}
#mSpecial .bg_item.sd4 {background-image:url('/images/main/mspecial-img4.png');}
#mSpecial .box.c-right {width:480px; height:100%; position:relative; z-index:10; display:flex; align-items:flex-end;}
#mSpecial .txt_container {width:100%; }
#mSpecial .txt_container .slick-list, #mSpecial .txt_container .slick-track {height:100%; margin-bottom:60px;  }
#mSpecial .txt_item {position:relative; width:100%; height:auto; color:#FFF; visibility:visible; opacity:0;}
#mSpecial .slick-current {opacity:1;}
#mSpecial .txt_item .num {position:relative; left:0; top:0; text-align:right;  }
#mSpecial .txt_item .num p {font-size:10.0rem; line-height:0.8em; overflow:hidden; font-family:'Philosopher'; font-weight:700; color:transparent; -webkit-text-stroke:1px #8c806c;
									padding-bottom:0.5em}
#mSpecial .txt_item h3 {font-size:4.0rem; font-family:'Paperlogy'; font-weight:700; color:#f9da81; line-height:1.4em;}
#mSpecial .txt_item .t1 {margin-top:1em; font-size:1.9rem; line-height:1.8em; font-weight:500; color:#cdcdcd;}
#mSpecial .txt_item dl {margin-top:3em; display:flex; width:100%;}
#mSpecial .txt_item dl dt {width:100px; font-size:1.8rem; font-family:'Maru Buri';}
#mSpecial .txt_item dl .ddCont {width:calc(100% - 100px); font-size:1.9rem;}
#mSpecial .txt_item dl .ddCont dd {position:relative;}

#mSpecial .txt_item dl .ddCont dd + dd {margin-top:0.5em;}
#mSpecial .txt_item dl .ddCont dd p {padding-left:0.5em;}
.mask_wrap {overflow:hidden; position:relative;}
.mask_wrap p {margin:0; transform:translateY(110%); opacity:0; transition:transform 0.8s cubic-bezier(0.7,0,0.3,1), opacity 0.8s;}
#mSpecial .slick-current .mask_wrap p {transform:translateY(0%); opacity:1;}
#mSpecial .slick-current .num p {transition-delay:0.05s;}
#mSpecial .slick-current h3 .mask_wrap p, #mSpecial .slick-current h3 p {transition-delay:0.15s;}
#mSpecial .slick-current .t1 p {transition-delay:0.25s;}
#mSpecial .slick-current dl p {transition-delay:0.35s;}
#mSpecial .slick-dots {position:unset; transform:translate(0); text-align:left}
#mSpecial .slick-dots li {border:1px solid #f9da81}
#mSpecial .slick-dots li:hover {  background: rgba(249,218,129,0.5)}
#mSpecial .slick-dots li.slick-active {background: #f9da81; border-color:#f9da81 }


@media all and (max-width:1780px){
	#mSpecial .line.left {left:2%}
	#mSpecial .line.right {right:2%}
}
@media all and (max-width:1700px){
	#mSpecial .inner {width:90%}
}
@media all and (max-width:1600px){
	#mSpecial #mTitle {width:24vw;    margin-bottom: 30px; }
	#mSpecial #mTitle dl dt { font-size: 2.5vw;}
	#mSpecial #mTitle dl dd br {display:none}
	#mSpecial .box.img {width:28vw; height:80vh; padding:10px;	}
	#mSpecial .box.c-right { width: 30vw  }
	#mSpecial .txt_item dl {margin-top:2em; flex-wrap:wrap;}
	#mSpecial .txt_item dl dt {width:100%; padding-bottom:1em; }
	#mSpecial .txt_item dl .ddCont {width:100%}

}
@media all and (max-width:1280px){
	#mSpecial .txt_item .num {top:34px; 	}
	#mSpecial .txt_item h3 { font-size: 3.8rem; line-height:1.4em}
}
@media all and (max-width:1024px){
	#mSpecial {height:auto; }
	#mSpecial .inner { flex-wrap:wrap; justify-content:space-between; height: 100%; }
	#mSpecial .inner.p-Part-b {padding:5vw 0}

	#mSpecial #mTitle {width:100%; transform:translateY(0); text-align:center}
	#mSpecial #mTitle dl dt {font-size:4.0rem}
	#mSpecial #mTitle dl dt .lt1 {display:inline; font-size:1em}
	#mSpecial #mTitle dl dd.pc {display:none}
	#mSpecial #mTitle dl dd.mo {display:block}

	#mSpecial .box.img {width:34vw; height:64vh;  }
	#mSpecial .box.c-right { width: 52vw; padding-bottom:3vw }
	#mSpecial .txt_item .num p {font-size:8.0rem; padding:0.5em 0 } 
	#mSpecial .txt_item .t1 {width:90%}
 
 #mSpecial .line { height:100%;} 
	#mSpecial .v-line.v1 {width:80%; left:20%; top:305px}
	#mSpecial .v-line.v2 {width:20vw; bottom:11vw; }
}
@media all and (max-width:976px){
	#mSpecial .txt_item .num {top:-18px; 	}
}
@media all and (max-width:768px){
  #mSpecial {height:auto; min-height:162vw;}
  #mSpecial .inner.p-Part-b {padding:90px 0}
  #mSpecial .line { height:100%}  
  #mSpecial #mTitle dl dt { font-size: 3.6rem;} 
  #mSpecial #mTitle dl dd {display:block}
  #mSpecial .txt_item {opacity:1 !important; transform:none !important; position:relative !important;}
  #mSpecial .box.img {width:50vw; height:70vw; margin:0 auto }
  #mSpecial .box.c-right { width:100%; padding-bottom:0; text-align:center }
  #mSpecial .box.c-right .txt_container {overflow:hidden; padding:3em 0 0 }
  #mSpecial .txt_container .slick-list, #mSpecial .txt_container .slick-track { margin-bottom:30px;  }
  #mSpecial .txt_item dl {width:fit-content; text-align:left; margin:2em auto 0}
  #mSpecial .txt_item dl dt {width:80px; font-size: 1.7rem;}
  #mSpecial .txt_item dl .ddCont {width:calc(100% - 80px); font-size: 1.5rem;}
  #mSpecial .txt_item .t1 { width:100%; max-width:480px; margin:1em auto 0;}
  #mSpecial .txt_item .num {display:none	}
  #mSpecial .slick-dots { text-align:center; width:100%}

	#mSpecial .v-line.v1 {width:20vw; left:unset; right:0; top:10vw}
}
@media all and (max-width:480px){
    #mSpecial {height:auto; min-height:257vw;}
	#mSpecial .inner.p-Part-b {padding:13vw 0}
	#mSpecial #mTitle dl dt { font-size: 3.4rem;} 
	#mSpecial .box.img {width:64vw; height:85vw; }
    #mSpecial .txt_item h3 { font-size: 3.2rem;}
	#mSpecial .txt_item .t1 {font-size:1.6rem; line-height:1.7em}
	#mSpecial .txt_item .t1 br.br768 {display:none !important}
  	#mSpecial .txt_item dl {margin-top:2em; flex-wrap:wrap;}
	#mSpecial .txt_item dl dt {width:100%; padding-bottom:1em; }
	#mSpecial .txt_item dl .ddCont {width:100%}
	#mSpecial .txt_item dl .ddCont dd + dd {margin-top:0.0em; }
}










#mAcademic {background:url('/images/main/macademic-bg.webp') no-repeat right top / cover; overflow:hidden;  } 
#mAcademic .inner {position:relative}
#mAcademic .inner:before {content:'Since 2002'; font-size:11.0rem; color:#cba067;  font-family:'Philosopher'; line-height:1.2em;
								position:absolute; right:0; top:1.0em}

#mAcademic .contWrap {position:relative; overflow:visible; padding-bottom:70px;}
#mAcademic .mAcaSlide {width:100%; padding:10px 5px 20px; box-sizing:border-box; overflow:hidden;}
#mAcademic .mAcaSlide a {padding:15px; display:block;}
#mAcademic .mAcaSlide .img img {width:100%; display:block; border-radius:10px;}
#mAcademic .mAcaSlide .txt {width:100%; text-align:center; padding:1.5em 1em; box-sizing:border-box;}
#mAcademic .mAcaSlide .txt .year {font-size:2.8rem; font-family:'Philosopher'; color:#0e428a;}
#mAcademic .mAcaSlide .txt .date { display:none; font-size:2.8rem; font-family:'Philosopher'; color:#0e428a;}
#mAcademic .mAcaSlide .txt dl dt {margin:0.7em 0 0.4em; font-size:2.2rem; color:#333; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mAcademic .mAcaSlide .txt dl dd {font-size:1.8rem; line-height:1.6em; height:3.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mAcademic .mAcaSlide .swiper-slide {border-radius:20px; box-shadow:0 0 10px rgba(173,133,98,0.15); background:#fff; overflow:hidden;}
#mAcademic .acaArrow {position:absolute; top:42%; z-index:10; width:50px; height:50px; border:0; border-radius:100%;
							background-color:#fff; background-position:center center; background-repeat:no-repeat; 
							box-shadow:0 3px 15px rgba(0,0,0,0.08); 
							display:flex; align-items:center; justify-content:center; cursor:pointer; transform:translateY(-50px);}
#mAcademic .acaArrow img {display:block; max-width:22px;}
#mAcademic .acaPrev {left:-60px; background-image:url('/images/main/mselfiearrow-prev.png')}
#mAcademic .acaNext {right:-60px; background-image:url('/images/main/mselfiearrow-next.png')}
#mAcademic .acaBottom {position:relative;width:100%; height:40px; margin-top:2em}
#mAcademic .acaDots {position:absolute; left:50%; top:50%; width:auto !important; transform:translate(-50%, -50%);
						display:flex; align-items:center; height:20px !important; justify-content:center;}
#mAcademic .acaDots .swiper-pagination-bullet {position:relative; display:inline-block; width:12px; height:12px; 
													margin:10px !important; padding:0; cursor:pointer; box-sizing:border-box; 
													background:#e4e3e2; border-radius:100%; border:0; opacity:1;}
#mAcademic .acaDots .swiper-pagination-bullet-active {background:#113565;}
#mAcademic .acaDots .swiper-pagination-bullet:hover {background:#113565;}
#mAcademic .mBtn {position:absolute; right:0; top:50%; transform:translateY(-50%); width:150px;}

@media all and (max-width:1500px){
	#mAcademic .acaPrev {left:-35px;}
	#mAcademic .acaNext {right:-35px;}
}
@media all and (max-width:1400px){
	#mAcademic .inner:before {font-size:8.0rem; top:1.7em}
}
@media all and (max-width:1024px){
	#mAcademic .inner:before {display:none}
}
@media all and (max-width:768px){
	#mAcademic .contWrap {padding-bottom:0;}
	#mAcademic .acaArrow {width:46px; height:46px; top:40%;}
	#mAcademic .acaArrow img {max-width:17px;}
	#mAcademic .acaPrev {left:5px;}
	#mAcademic .acaNext {right:5px;}

	#mAcademic .acaBottom {height:90px}
	#mAcademic .acaDots {top:0; transform:translate(-50%, 0); align-items:start}
	#mAcademic .mBtn { right:unset;left:50%;  top:unset; bottom:0;  transform:translate(-50%, 0); width:130px}
}
@media all and (max-width:480px){
	#mAcademic .mAcaSlide .swiper-slide { border-radius:4vw;}
	#mAcademic .mAcaSlide a { padding:1.6vw;}
	#mAcademic .mAcaSlide .txt {padding:3vw 1vw 2vw 1vw;}
	#mAcademic .mAcaSlide .img { border-radius:2vw}
	#mAcademic .mAcaSlide .txt .year {font-size:2.6rem; }
	#mAcademic .mAcaSlide .txt .date {font-size:2.6rem; }
	#mAcademic .mAcaSlide .txt dl dt {font-size:2.0rem;}
	#mAcademic .mAcaSlide .txt dl dd {font-size:1.6rem;}
	#mAcademic .acaBottom {height:15vw; margin-top:5vw}
	#mAcademic .acaDots .swiper-pagination-bullet  {  width:2.6vw; height:2.6vw; margin:1vw !important; }
	#mAcademic .acaArrow { width:10vw; height:10vw;  transform:translateY(-10vw);}
	#mAcademic .acaPrev {left:-4vw;}
	#mAcademic .acaNext {right:-4vw;}
		#mAcademic .mBtn {; width:25vw}

}






#mTherapy {background:#f6e9d8; padding-bottom:0}
#mTherapy.on .line {transform:scaleX(1);}


#mTherapy #contWrap {overflow:hidden}
#mTherapy .in-box {width:25%; height:620px;}
#mTherapy .in-box:before {content:''; width:100%; height:100%; border-width:65px 30px 140px 30px; border-color:#f6e9d8;
								border-style:solid; position:absolute;left:0; top:0; box-sizing:border-box; z-index:2;
								transition: all 0.3s;} 
#mTherapy .in-box .txt {padding:30px; position:relative; z-index:3; width:100%; height:100%;  
							display:flex;  flex-direction: column;  }
#mTherapy .in-box .txt .num {font-size:2.2rem; text-align:right; font-family:'Philosopher'; color:#cba067;
									transition: all 0.1s;}
#mTherapy .in-box .txt dl { font-family:'Paperlogy'; margin-top:auto; transition: all 0.1s;}
#mTherapy .in-box .txt dl dd {font-size:1.8rem; color:#333; font-weight:500}
#mTherapy .in-box .txt dl dt {font-size:2.8rem; font-weight:600; line-height:1.6em}
#mTherapy .in-box.hover .txt .num,
#mTherapy .in-box.hover .txt dl {opacity:0}
#mTherapy .in-box.hover .txt .mBtn.mo {display:none}
#mTherapy .in-box .txt .mBtn.mo {display:none}


#mTherapy .in-box .txt .onTxt {width:100%; text-align:center; position:absolute; left:0; top:60%; transform:translate(0, -50%);
									opacity:0; transition: all 0.3s;}
#mTherapy .in-box .txt .onTxt .bar {width:1px; height:30px; background:rgba(255,255,255,0.3); margin:1em auto;
											transform:translateZ(0);}
#mTherapy .in-box .txt .onTxt dl {width:80%; max-width:300px;margin:0 auto }
#mTherapy .in-box .txt .onTxt dl dd {font-size:1.9rem;}
#mTherapy .in-box .txt .onTxt dl dt {font-size:3.0rem;}
#mTherapy .in-box .txt .onTxt .t1 {width:80%; max-width:300px ;font-size:1.8rem; color:#FFF; line-height:1.6em;
										margin:0 auto}
#mTherapy .in-box .txt .onTxt .mBtn {margin-top:2em;}

#mTherapy .in-box.hover .txt .onTxt {opacity:1; top:50%}
#mTherapy .in-box.hover .txt .onTxt dl {opacity:1}


#mTherapy .in-box .bg {width:100%; height:100%; background:no-repeat center center;
								position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition: all 0.3s;}
#mTherapy .in-box .bg1 {background-image:url('/images/main/mtherapy-bg1.png')}
#mTherapy .in-box .bg2 {background-image:url('/images/main/mtherapy-bg2.png')}
#mTherapy .in-box .bg3 {background-image:url('/images/main/mtherapy-bg3.png')}
#mTherapy .in-box .bg4 {background-image:url('/images/main/mtherapy-bg4.png')}

#mTherapy .in-box.hover::before {border-width:0}
#mTherapy .in-box.hover .bg {width:calc(100% - 60px); height:calc(100% - 60px); border-radius:400px; overflow:hidden;
									box-shadow: 0 0 20px rgba(73,58,38, 0.3); backdrop-filter: blur(20px);}
#mTherapy .in-box.hover .bg::after {	content:'';	position:absolute;	inset:0;	backdrop-filter:blur(5px);	
											-webkit-backdrop-filter:blur(5px); background-color:rgba(0,0,0,0.3)}

.accoWrap {display:flex; border-right:1px solid #cfb89a}
.accoWrap .in-box {;position:relative}
.accoWrap .in-box:after {content:''; width:1px; height:100%; background:#cfb89a; position:absolute; left:1px; top:0; z-index:5}



@media all and (max-width:1280px){
	#mTherapy #contWrap {width:80%; max-width:860px; display:flex; flex-wrap:wrap; margin:0 auto} 
	#mTherapy .in-box {width:50%; height:45vw;}
	#mTherapy .in-box .txt .onTxt .bar { height:20px; margin:0.5em auto; }
	#mTherapy .in-box:nth-child(3),
	#mTherapy .in-box:nth-child(4) {border-top:1px solid #cfb89a}
}
@media all and (max-width:1024px){
	#mTherapy #contWrap {width:90%;}
		#mTherapy .in-box {height:50vw}
		#mTherapy .in-box:before {border-width:8vw 4vw 15vw 4vw;}
	#mTherapy .in-box .txt {text-align:Center}
	#mTherapy .in-box.hover .txt .onTxt {opacity:0; top:60%; pointer-events:none;}
	#mTherapy .in-box .txt .onTxt {opacity:0; pointer-events:none;}
	#mTherapy .in-box .txt .mBtn.mo {display:block; margin-top:0.5em;}
	#mTherapy .in-box .txt .mBtn.mo .arrow:before { background:rgba(255,255,255,0.5) url('/images/main/mselfiearrow-next.png') no-repeat center center / cover;
									box-shadow:0 0 10px rgba(227,202,182,0.7);}
	#mTherapy .in-box.hover .txt .num,
	#mTherapy .in-box.hover .txt > dl {opacity:1;}
	#mTherapy .in-box.hover::before {border-width:65px 30px 140px 30px;}
	#mTherapy .in-box.hover .bg {width:100%; height:100%; border-radius:0; box-shadow:none;}
	#mTherapy .in-box.hover .bg::after {display:none;}
}
@media all and (max-width:768px){
	#mTherapy .in-box {height:60vw}
	#mTherapy .in-box:before {border-width:8vw 4vw 18vw 4vw;}
}
@media all and (max-width:480px){
	#mTherapy .in-box {height:66vw}
	#mTherapy .in-box:before {border-width:8vw 4vw 27vw 4vw;}

	
	#mTherapy .in-box .txt {padding:4vw;}
	#mTherapy .in-box .txt .num {font-size:1.6rem; }
	#mTherapy .in-box .txt dl dd {font-size:1.3rem; color:#333; font-weight:500; margin-bottom: 0.5rem;}
	#mTherapy .in-box .txt dl dt {font-size:1.9rem; font-weight:600; line-height:1.3em}

	#mTherapy .in-box .txt .onTxt dl dd {font-size:1.8rem;}
	#mTherapy .in-box .txt .onTxt dl dt {font-size:2.6rem;}
	#mTherapy .in-box .txt .onTxt .t1 {font-size:1.7rem; }
}


/*
@media all and (max-width:768px){
	#mTherapy #contWrap {width:80%;}
	#mTherapy .in-box { width:100%; border-top:0; height:320px; overflow:hidden}
	#mTherapy .in-box:before {border-width:65px 30px 120px 30px;}
	#mTherapy .in-box .bg {background-size:100% auto}
	#mTherapy .in-box.hover {height:480px}
	#mTherapy .in-box:nth-child(2) {border-top:1px solid #cfb89a}
}

@media all and (max-width:480px){
	#mTherapy #contWrap {width:90%;}
	#mTherapy .in-box {height:60vw}
	#mTherapy .in-box:before {border-width:8vw 4vw 20vw 4vw;}
	#mTherapy .in-box.hover {height:85vw}
	#mTherapy .in-box.hover .bg {width:calc(100% - 8vw); height:calc(100% - 8vw); border-radius:3vw;}

	#mTherapy .in-box .txt {padding:4vw;}
	#mTherapy .in-box .txt .num {font-size:1.6rem; }
	#mTherapy .in-box .txt dl dd {font-size:1.6rem; color:#333; font-weight:500}
	#mTherapy .in-box .txt dl dt {font-size:2.4rem; font-weight:600; line-height:1.6em}

	#mTherapy .in-box .txt .onTxt dl dd {font-size:1.8rem;}
	#mTherapy .in-box .txt .onTxt dl dt {font-size:2.6rem;}
	#mTherapy .in-box .txt .onTxt .t1 {font-size:1.7rem; }
}
*/





#mInteriol {position:relative; height:100%;}
#mInteriol #mTitle {position:relative; z-index:2;}
#mInteriol #contWrap {position:sticky; top:0; width:100%; height:100%; overflow:hidden;}
#mInteriol #contWrap img {	width:100%;	height:100%;	object-fit:cover;	display:block;	clip-path:inset(0 40% 0 40% round 0);	
									will-change:clip-path;}

@media all and (max-width:480px){
	#mInteriol #mTitle dl dt {font-size:3.0rem}
}


#mMapWrap {display:flex}
#mMapWrap #mMap {padding:6vw; width:60%; border-right:1px solid #d5dbe3; position:relative }
#mMapWrap #mMap .mapLink {position:absolute; right:6vw; top:50%; transform:translateY(-50%); z-index:25}
#mMapWrap #mMap .mapLink li a {width:100px; height:80px; border-radius:5px; margin:4px; color:#FFF; text-align:center;
											display:block; display:flex; flex-direction: column;  justify-content:center; align-items: center}
#mMapWrap #mMap .mapLink li.bg1 a {background:#1c3761}
#mMapWrap #mMap .mapLink li.bg2 a {background:#b79a6b}
#mMapWrap #mMap .mapLink li a:hover {background:#0e428a }
#mMapWrap #mMap .root_daum_roughmap .wrap_map { height: 540px; border-bottom:1px solid #DDD}
#mMapWrap #contWrap {width:40%; }
#mMapWrap #contWrap > div {padding:4vw}
#mMapWrap #contWrap .add {padding-bottom:3vw; padding-right:0; border-bottom:1px solid #d5dbe3}
#mMapWrap #contWrap .add h3 {font-size:3.6rem; color:#333;  font-family: 'Maru Buri'; font-weight:normal}
#mMapWrap #contWrap .add h4 {margin:1em 0 0.8em; font-size:2.4rem; color:#000; font-weight:600; font-family: 'Maru Buri'; }
#mMapWrap #contWrap .add .t1  {font-size:1.8rem;}
#mMapWrap #contWrap .add .t1 span {margin-right:1em; display:inline-block; border-radius:30px; background:#f3b825; 
												font-size:1.6rem;color:#FFF; padding:0.5em 1em;}
#mMapWrap #contWrap .info {padding-top:3vw;  padding-right:0; }
#mMapWrap #contWrap .info > ul {display:flex; align-items: start; }
#mMapWrap #contWrap .info > ul + ul {margin-top:2em}
#mMapWrap #contWrap .info > ul .tt {width:150px; background:no-repeat left center / auto 100%; line-height:24px;}
#mMapWrap #contWrap .info > ul .tt.icon1 {background-image:url('/images/main/mmap-icon1.png')}
#mMapWrap #contWrap .info > ul .tt.icon2 {background-image:url('/images/main/mmap-icon2.png')}
#mMapWrap #contWrap .info > ul .tt.icon3 {background-image:url('/images/main/mmap-icon3.png')}
#mMapWrap #contWrap .info > ul .tt span {padding-left:30px; font-size:2.0rem; color:#333; font-weight:600}
#mMapWrap #contWrap .info > ul .cc {width:calc(100% - 150px); font-size:1.8rem}
#mMapWrap #contWrap .info > ul .cc dl {display:flex; flex-wrap:wrap; }
#mMapWrap #contWrap .info > ul .cc dl dt {width:90px;font-size:1.8rem }
#mMapWrap #contWrap .info > ul .cc dl dd {width:calc(100% - 90px); font-size:1.8rem; font-weight:400}
#mMapWrap #contWrap .info > ul .cc dl dt,
#mMapWrap #contWrap .info > ul .cc dl dd {margin-top:0.5em;}
#mMapWrap #contWrap .info > ul .tel {margin-top:-2px; font-size:3.4rem; font-weight:700; color:#0c3e82;font-family:'Paperlogy';}
#mMapWrap #contWrap .info > ul a.kakao {padding:0.3em 0.5em;border-radius:50px; background:#f6e835;
													display:inline-flex; align-items:center;}														
#mMapWrap #contWrap .info > ul a.kakao span {padding-left:28px; font-size:1.8rem; color:#3c1e1e; font-family:'Pretendard';
															font-weight:500;line-height:1; line-height:20px;
															background:url('/images/main/kakao-sb.png') no-repeat left center / auto 100%}

@media all and (max-width:1600px){
	#mMapWrap #mMap {padding:3vw;} 
	#mMapWrap #contWrap > div {padding:3vw}
	#mMapWrap #contWrap .add {padding-bottom:3vw; padding-right:0; }
	#mMapWrap #contWrap .info {padding-top:3vw; padding-right:0; }

	#mMapWrap #mMap .mapLink {right:3vw;}
}
@media all and (max-width:1400px){
	#mMapWrap #contWrap .add h3 {font-size:3.4rem; }
	#mMapWrap #contWrap .add h4 {font-size:2.2rem; }

	#mMapWrap #contWrap .info > ul .tt {width:125px;}
	#mMapWrap #contWrap .info > ul .cc {width:calc(100% - 125px);}
	#mMapWrap #contWrap .info > ul .cc dl dt {width:80px;}
	#mMapWrap #contWrap .info > ul .cc dl dd {width:calc(100% - 80px)}
}
@media all and (max-width:1280px){
	#mMapWrap #mMap .root_daum_roughmap .wrap_map { height: 480px; }
}
@media all and (max-width:1220px){
	#mMapWrap #mMap {width:50%;}
	#mMapWrap #contWrap {width:50%; }
	#mMapWrap #contWrap .info > ul .tel {font-size:3.2rem; }
	#mMapWrap #contWrap .info > ul .tt {width:110px; line-height:20px;}
	#mMapWrap #contWrap .info > ul .tt span {padding-left:28px; font-size:1.8rem; }
	#mMapWrap #contWrap .info > ul .cc {width:calc(100% - 110px);}
}
@media all and (max-width:976px){
	#mMapWrap {flex-wrap:wrap}
	#mMapWrap #mMap {width:100%;  border-right:0}
	#mMapWrap #mMap .root_daum_roughmap .wrap_map { height: 50vw }
	#mMapWrap #contWrap {width:100%; padding-bottom:6vw}
	#mMapWrap #contWrap .add {padding-bottom:3vw; padding-right:0; }

	#mMapWrap #mMap .mapLink {right:0; left:3vw}
}
@media all and (max-width:768px){
	#mMapWrap #mMap .root_daum_roughmap .wrap_map { height: 60vw }
}
@media all and (max-width:580px){
	#mMapWrap #contWrap .info > ul .tt {margin-top:2px; }
	#mMapWrap #contWrap .info > ul .tel { margin-top:0 }
}
@media all and (max-width:480px){
	#mMapWrap #mMap .root_daum_roughmap .wrap_map { height: 100vw }
	#mMapWrap #mMap {padding:6vw; padding-top:15vw} 
	#mMapWrap #contWrap > div {padding:6vw}
	#mMapWrap #contWrap .add {padding:6vw; padding-top:0}
	#mMapWrap #contWrap .info {padding:6vw;  }

	#mMapWrap #contWrap .info > ul .tt {width:28vw; line-height:4.6vw;}
	#mMapWrap #contWrap .info > ul .tt span {padding-left:6vw;  }
	#mMapWrap #contWrap .info > ul .cc {width:calc(100% - 28vw);}
	#mMapWrap #contWrap .info > ul .cc dl dt {width:17vw;}
	#mMapWrap #contWrap .info > ul .cc dl dd {width:calc(100% - 17vw); color:#383838}

	#mMapWrap #mMap .mapLink {width:64vw; left:50%; bottom:5%; top:unset; transform:translateX(-50%); display:flex}
	#mMapWrap #mMap .mapLink li a {width:30vw; height:12vw;}
	#mMapWrap #mMap .mapLink li a span br {display:none} 
}




#marquee {background:#f6e9d8;  overflow: hidden; width: 100%; padding:30px 0}
.marquee_track { display: flex; width: max-content;}
.marquee_content { display: flex;}
.marquee_content img { width: 1066px; flex-shrink: 0;}

@media all and (max-width: 1024px) {
  .marquee_content img { width: 768px; }
}
@media all and (max-width: 768px) {
	#marquee {padding:10px 0}
	.marquee_content img { width: 620px; }
}


#mBanner {background:#fdfaf7; padding:90px 0 80px}
#mBanner li {width:100%; max-width:1024px; margin:0 auto }
#mBanner li.img img {width:100%}

@media all and (max-width: 1024px) {
	#mBanner {padding:70px 0 0}
}
@media all and (max-width: 480px) {
	#mBanner {padding:13vw 0 0}
}