@charset "utf-8";

#quick {bottom: auto; top: 40%; transition:.5s;}
#quick.stiky {top: auto; bottom: 50px;}

/*#sv {position: relative; overflow: hidden;}
#sv .sv_visual {width: 100%; height: 800px; background-repeat: no-repeat; background-size:cover; background-position: 50% 50%; }*/

#sv {position: relative; overflow: hidden;}
#sv .sv_visual {width: 100%; height: 650px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}

@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}



#sv .sv_tit_wrap {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%; text-align: center;}
#sv .sv_tit_wrap p {color: #fbf4d4; margin-bottom: 25px;}
#sv .sv_tit_wrap h3 {color: #fff;}

.s_con {padding: 160px 0; position: relative;}
.s_con .tit_wrap .ff_felix {letter-spacing: 4px;}
.txt_beige_box {display: inline-block !important; padding: 15px 75px; line-height: 1; border: 1px solid #d9b391; border-radius:5px;font-family: 'Futura Bk Book'; color: #d9b391;}
.flex_box {display: flex;}
.txt_under {text-decoration : underline; text-underline-position : under;}
.keypoint_type .tit_wrap {margin-bottom: 80px;}
.flex_box {justify-content:space-between;}
.flex_box.w33 {flex-wrap:wrap;}
.flex_box.w33 .box {width: calc(33.33% - 50px);margin: 0 25px;}
.flex_box.w50 .box {width: 50%;}








.recommend_wrap {}
.recommend_wrap .box span {display: inline-block; padding: 8px 24px; background-color: #d3a67a; border-radius:5px; color: #fff; font-family: 'FelixTitling'; letter-spacing: 0.5px; margin-bottom: 25px;}
.recommend_wrap .box:nth-child(even) span {background-color: #e6bea2;}
.recommend_wrap .flex_box { margin: 0 -14px;}
.recommend_wrap .flex_box .box {width: calc(33.33% - 28px); margin: 14px; padding: 50px 0; border: 1px solid #ddd;}

.system_wrap {background-color: #f4f5f7; }
.system_wrap .tit_wrap {z-index: 1;}
.system_wrap .img {padding: 130px 0 0 50%; margin-top: -65px;  text-align: left; position: relative;}
.system_wrap .img:before {content:''; display: block; width: 100%; height: 100%; background: url('/assets/images/sub/lifting02_con8_bg.png') -10% 100% no-repeat; position: absolute; bottom: 0; left: 0; background-size:65% auto;}
.system_wrap .img img {display: inline-block; position: relative; z-index: 2;}


.program_wrap .tit_wrap {margin-bottom: 75px;}
.program_wrap .flex_box {margin: 0 -13px 0;}
.program_wrap .flex_box .box {width: calc(33.33% - 26px); margin: 0 13px; padding: 60px 20px; border: 1px solid #ddd; transition:.25s;}
.program_wrap .flex_box .box .plus { display: inline-block; width: 50px; height: 50px; line-height: 49px; border-radius:50%; border: 1px solid #d3a67a; font-size: 38px; color: #d3a67a; margin: 20px 0; transition:.25s;}
.program_wrap .flex_box .box .txt {display: flex; align-items:center;}
.program_wrap .flex_box .box .txt .square {display: inline-block; padding: 7px 17px; margin-right: 10px; background-color: #e6bea2;  border-radius:7px; color: #fff; transition:.25s; letter-spacing:-1px;}
.program_wrap .flex_box .box:nth-child(even) .txt .square {background-color: #d3a67a;}
.program_wrap .flex_box .box:hover {background-color: #e6bea2; }
.program_wrap .flex_box .box:hover h3,
.program_wrap .flex_box .box:hover p {color: #fff;}
.program_wrap .flex_box .box:hover .plus {border-color: #fff; color: #fff;}
.program_wrap .flex_box .box:hover .txt .square {background-color: #cf8e67;}
.accordion_wrap {max-width:2600px; margin: 0 auto 160px;display: flex; align-items:stretch;justify-content:center; text-align: center; background-color: #000;}
.accordion_wrap .accordion_box { position: relative; width: 25%; height: 548px; display: flex; align-items:center; justify-content:center; transition:all .3s ease 0s; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat;}
.accordion_wrap .accordion_box:after {content:''; display: block; width: 100%; height: 100%; transition:all .3s ease 0s; position: absolute; top: 0; left: 0;}
.accordion_wrap .accordion_box:nth-child(1):after {background-color: rgba(149,98,77,0.85);}
.accordion_wrap .accordion_box:nth-child(2):after {background-color: rgba(181,140,94,0.85);}
.accordion_wrap .accordion_box:nth-child(3):after {background-color: rgba(45,35,36,0.85);}
.accordion_wrap .accordion_box:nth-child(4):after {background-color: rgba(149,98,77,0.85);}
.accordion_wrap .accordion_box .default_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items:center; justify-content:center;}
.accordion_wrap .accordion_box .default_box h4 {position: absolute; left: 0; bottom: -45px; width: 100%; text-align: center; font-family: 'FelixTitling'; font-size: 175px; color: #ddd; opacity: .3;}
.accordion_wrap .accordion_box .default_box p {font-size: 32px; color: #ddd; line-height: 1.5; word-break:keep-all;}
.accordion_wrap .accordion_box .hover_box {opacity: 0; transition:all .3s ease 0s;}
.accordion_wrap .accordion_box .hover_box p {font-size: 32px; font-weight: 500; color: #fff; line-height: 1.5; word-break:keep-all;}
.accordion_wrap .accordion_box:hover {width: 60%;}
.accordion_wrap .accordion_box:hover .hover_box {opacity: 1;}
.accordion_wrap .accordion_box:hover .default_box {opacity: 0;}
.accordion_wrap .accordion_box:hover:after {opacity: 0;}

.sistem_wrap {background-color: #f4f5f7;}
.sistem_wrap .sistem_box {display: flex; }
.sistem_wrap .sistem_box > div {width: 50%; }
.sistem_wrap .sistem_box .lt {text-align: center; position: relative;}
.sistem_wrap .sistem_box .lt .txt_box {position: relative; top: 0 !important;}
.sistem_wrap .sistem_box .lt .tit_wrap {width: 100%; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
.sistem_wrap .sistem_box ul {}
.sistem_wrap .sistem_box .sistem_list { padding: 0 0 0 70px; margin-right: 75px; position: relative; min-height:195px;}
.sistem_wrap .sistem_box .sistem_list + .sistem_list {margin-top: 95px;}
.sistem_wrap .sistem_box .sistem_list .txt_box { position: relative;  z-index: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box .num {position: absolute; top: 0; left: -70px; font-family: 'Futura Bk Book'; color: #e6bea2; line-height: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box h4 {position: relative; z-index: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box .txt {padding-left: 5px;}
.sistem_wrap .sistem_box .sistem_list .img_box {position: absolute; top: 0;right: 0;}
.sistem_wrap .sistem_box .sistem_list .img_box img {}
.sistem_wrap .slick_nav{display: none;}

.sistem_wrap .sistem_box .sistem_list .img_box img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); border-radius: 20px 0 20px 0;}
.sistem_wrap .sistem_box .sistem_list.on .img_box img {opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}




}

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

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



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


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

}

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

}

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

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

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

}

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

	
	
}