@charset "utf-8";

#intro2 {overflow:hidden}
#intro2 .s-inner {display:flex}
#intro2 .imgWrap {width:50%; background:url('/images/sub/intro2-img.png?v=1') no-repeat left top;}
#intro2 .contWrap {width:50%; padding-top:100px;}
#intro2 .contWrap .eng { font-size:1.4rem; color:#647970; opacity:.5; font-family:'Poppins'; font-weight:500 }
#intro2 .contWrap dl { padding:2em 0 50px;}
#intro2 .contWrap dl dt {font-size:3.6rem; color:#222; font-weight:700}
#intro2 .contWrap dl dt .name {font-size:5.0rem; font-weight:700 }
#intro2 .contWrap dl dd {margin-bottom:0.3em; font-size:2.2rem; color:#222; font-weight:600}
#intro2 .contWrap .cont {padding:70px 0; position:relative}
#intro2 .contWrap .cont:before {content:''; width:200%; height:100%;  background-color:#809c90;  border-top-left-radius:100px;
										position:absolute; right:0; bottom:0; transform:translateX(15%); z-index:-1}
#intro2 .contWrap ul + ul {margin-top:2em}
#intro2 #dotList li p {color:#FFF}
#intro2 #dotList li:before {background:#FFF}

#dotList li {position:relative}
#dotList li + li {margin-top:0.7em}
#dotList li:before {content:''; width:3px; height:3px; border-radius:100%; background:#647970; opacity:.5;
						position:absolute; left:0; top:0.85rem;}
#dotList li p {padding-left:10px}


@media all and (max-width:1399px) {
	#intro2 .imgWrap {width:600px;}
	#intro2 .contWrap {width:calc(100% - 600px); padding-left:5%}
	#intro2 .contWrap .cont:before {transform:translateX(10%);}
}
@media all and (max-width:1024px) {
	#intro2 .imgWrap {width:500px; background-size:100% auto;}
	#intro2 .contWrap {width:calc(100% - 500px); padding-top:80px; }
	#intro2 .contWrap .cont {padding:50px 0;}
}
@media all and (max-width:950px) {
	#intro2 .s-inner {flex-wrap:wrap}
	#intro2 .imgWrap {width:100%; height:58vw; background-size:50% auto; background-position:center top}
	#intro2 .contWrap {margin-top:3em; width:100%; padding-top:0; padding-left:0}
	#intro2 .contWrap dl { padding:6% 0 4%;}
	#intro2 .contWrap .cont:before {width:150%; left:50%; transform:translateX(-50%); border-radius:0}
	#intro2 .contWrap .cont {padding:6% 0;}
}
@media all and (max-width:768px) {
	#intro2 .imgWrap { height:83vw; background-size:70% auto;}
}


#intro2-1{padding: 6%; display: flex; gap: 1%; justify-content: center; align-items: center; background-color: #557869;}
#intro2-1 .img img{width: 100%;}



#intro4{display: flex;}
#intro4 > div{width: 50%;}
#intro4 > div img{height: 100%;}
#intro4 .txt{padding:7% 5%; background-color: #9c8880 ;}
#intro4 .txt .top{margin-bottom: 20px;}
#intro4 .txt .top .eng{color: #fff; opacity: 0.4; letter-spacing: 0.02em;}
#intro4 .txt .top h3{margin-top: 0.5em; color: #fff; font-size: 2em;}
#intro4 .txt .mid{padding-block:20px; border-bottom: 1px solid rgba(255,255,255,0.2);border-top: 1px solid rgba(255,255,255,0.2);}
#intro4 .txt .mid ul li {font-size:1.7rem; color:#fff; margin-bottom:10px}
#intro4 .txt .mid ul li:last-child {margin-bottom:0}
#intro4 .txt .mid ul li span {display:inline-block; width:85px}
#intro4 .txt .btm ul li{display: inline-block; padding:0.6em 1.5em; margin-bottom: 10px; margin-right: 4px; border:1px solid #ffffff88; border-radius: 8px; color: #fff; font-size: 1.8rem;;}
@media all and (max-width:976px){
    #intro4{flex-direction: column;}
    #intro4 > div{width: 100%;}
    #intro4 .img img{width: 100%;}
}



.member{line-height:1.6;}
.member h4{margin-bottom: 0.3em; color:#222;}


.model_info{color: #222;}
.model_info .top{text-align: center;}
.model_info .top h4{font-weight: 700; font-family: 'Poppins';color: #fe6e00;}
.model_info .top h3{font-size:4rem;margin-top: 10px;}
.model_info .cont{border: 2px solid #fe6e00; border-right: 0; border-left: 0; margin-top: 50px;}
.model_info .cont .box{padding: 20px;}
.model_info .cont .box + .box{border-top: 1px solid #eee;}
.model_info .cont .box dl{display: flex;gap: 20px; align-items: center;height: 40px;}
.model_info .cont .box dl dd{width: 150px; font-size: 1.7rem; font-weight: bold;}
.model_info .cont .box dl dt{width: calc(100% - 170px);}
.model_info .cont .box dl.w100{height: 100%;}
.model_info .cont .box dl.w100 dt{width: 100%;}
.model_info .cont .box dl.h100{height: 100%;}
.model_info .cont .box dl dt.cu p span{display: inline-block;margin-right: 5px;font-family: 'Poppins'; font-weight: bold; color: #fe6e00;}
.model_info .cont .box dl dt.cu p + p{margin-top: 5px;}
.model_info .cont .box .inputBox {width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 5px;box-sizing: border-box;outline: none;transition: border-color 0.3s ease; background: #f5f5f5; border: 0;}
.model_info .cont .box .textareaBox {width: 100%;max-width: 100%;height: 200px;padding: 12px 16px;resize: vertical;box-sizing: border-box;}
.model_info .ch_list {display: flex;gap: 20px;}
.model_info .ch_list label{display: flex; align-items: center;}
.model_info .ch_list input[type="checkbox"]{margin-right: 5px;}
.model_info .ch_list input[type="radio"]{margin-right: 5px;}
.model_info .ex_img{display: flex; text-align: center; gap: 20px;}
.model_info .ex_img li{width: calc(100%/4 - 60px/4);}
.model_info .ex_img li img{width: 100%;}
.model_info .ex_img p{padding: 15px; background: #fe6e00; color: #fff; font-weight: bold;}
.model_info .ex_img input{margin-top: 10px; border: 1px solid #eee; width: 100%; padding: 10px;}

.prvc{max-height: 300px;overflow-y: scroll; padding: 20px; border: 1px solid #e5e5e5;box-sizing: border-box;margin: 20px 20px 0;font-size: 1.5rem;}
.prvag{text-align: center; background: #f7f7f7; margin: 0 20px 20px;padding: 20px;display: flex; align-items: center; justify-content: center;}
.prvag input[type="checkbox"]{margin-right: 5px;}

.agree{ margin-top: 50px; text-align: center;}
.agree a{background: #fe6e00; padding: 15px; color: #fff;font-weight: bold; width: 250px; display: inline-block; border: 1px solid #fe6e00;}
.agree a:hover{ background: #fff; color: #fe6e00;}
.agree button{background: #fe6e00; padding: 15px; color: #fff;font-weight: bold; width: 250px; display: inline-block; border: 1px solid #fe6e00; font-size: 16px;}
.agree button:hover{ background: #fff; color: #fe6e00;}

br.mo{display: none;}

@media all and (max-width:976px){
    .model_info .cont .box dl dd{width: 130px; }
    .model_info .cont .box dl dt{width: calc(100% - 150px);}
}
@media all and (max-width:780px){
    .model_info .top h4{font-size:1.4rem;}
    .model_info .top h3{font-size:3.3rem;}
    .model_info .cont .box{padding: 20px 10px;}
    .model_info .cont .box dl{flex-wrap: wrap; height: 100%; gap: 10px;}
    .model_info .cont .box dl dd{width: 100%; padding-left: 3px;}
    .model_info .cont .box dl dt{width: 100%;}
    .model_info .ex_img{flex-wrap: wrap;}
    .model_info .ex_img li{width: calc(100%/2 - 10px);}
    .model_info .ex_img p{padding: 10px;}
}
@media all and (max-width:540px){
    .model_info .cont .box .inputBox {font-size: 1.5rem;}
    .model_info .ch_list {gap: 10px; flex-wrap: wrap;}
    br.mo{display: block;}
}
@media all and (max-width:400px){
    .agree a{padding: 10px;width: 100%;}
    .agree button{padding: 10px;width: 100%;}
}


.equip_box{margin-top: 80px;}
.equip_box .box{display: grid; grid-template-columns: 514px auto; align-items: center;}
.equip_box .box + .box{margin-top: 80px;}
.equip_box .box .l_cont{width: 100%;}
.equip_box .box .l_cont .img{border: 1px solid #eee; border-radius: 15px; overflow: hidden; }
.equip_box .box .l_cont .img img{max-width: 100%;}
.equip_box .box .l_cont .txt{}
.equip_box .box .l_cont .txt h4{font-size: 18px; font-weight: 300; color: #444; letter-spacing: -0.05em; margin-bottom: 6px;}
.equip_box .box .l_cont .txt h3{font-size: 22px; font-weight: 600; color: #fe6e00;}
.equip_box .box .l_cont .txt p{font-size: 17px; word-break: keep-all; line-height: 1.7em; font-weight: 300; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.equip_box .box .l_cont .txt .btn{background-color: #fe6e00; color: #fff; display: inline-block; line-height: 48px; font-weight: 700; font-size: 16px; padding: 0 24px; border-radius: 30px; margin-top: 20px;}
.equip_box .box .r_cont{width: 100%; padding-left: 40px;}
.equip_box .box .r_cont .txt{}
.equip_box .box .r_cont .txt h3{font-size: 30px; color: #000; margin-bottom: 15px; line-height: 1.4em;}
.equip_box .box .r_cont .txt h3 span{color: #fe6e00;font-family: 'Poppins';}
.equip_box .box .r_cont .txt p{font-size: 19px; color: #666; line-height: 1.6em; font-weight: 300; word-break: keep-all;}
.equip_box .box .r_cont .txt .elist{display: flex; gap:20px; margin-top: 40px;}
.equip_box .box .r_cont .txt .elist li{background-color: #eef8f3; width: 100%; border-radius: 10px; text-align: center; padding: 30px 0;}
.equip_box .box .r_cont .txt .elist li .icon{}
.equip_box .box .r_cont .txt .elist li .icon img{}
.equip_box .box .r_cont .txt .elist li p{color: #444; font-size: 18px; margin-top: 15px;font-weight: bold; line-height: 25px;}
.equip_box .box .r_cont .txt .elist li p span{font-size: 15px;display: inline-block; font-weight: normal;}

@media all and (max-width:1280px){
    .equip_box{margin-top: 70px;}
	.equip_box .box{grid-template-columns: 460px auto;}
	.equip_box .box + .box{margin-top: 75px;}
	.equip_box .box .l_cont .txt h4{font-size: 17px;}
	.equip_box .box .l_cont .txt h3{font-size: 21px;}
	.equip_box .box .r_cont{padding-left: 35px;}
	.equip_box .box .r_cont .txt h3{font-size: 28px;}
	.equip_box .box .r_cont .txt p{font-size: 18px;}
	.equip_box .box .r_cont .txt .elist{gap:12px; margin-top: 35px;}
	.equip_box .box .r_cont .txt .elist li{padding: 25px 0;}
	.equip_box .box .r_cont .txt .elist li p{font-size: 16px; line-height: 17px;}
    .equip_box .box .r_cont .txt .elist li p span{font-size: 13px;}
	.equip_box .box .r_cont .txt .elist li .icon img{max-width: 48px;}
}
@media all and (max-width:1024px){
    .equip_box{margin-top: 65px;}
	.equip_box .box{grid-template-columns: 40vw auto;}
	.equip_box .box + .box{margin-top: 70px;}
	.equip_box .box .l_cont .txt h4{font-size: 16px;}
	.equip_box .box .l_cont .txt h3{font-size: 20px; margin-bottom: 12px;}
	.equip_box .box .r_cont{padding-left: 30px;}
	.equip_box .box .r_cont .txt h3{font-size: 25px;}
	.equip_box .box .r_cont .txt p{font-size: 17px;}
	.equip_box .box .r_cont .txt .elist{gap:7px; margin-top: 30px;}
	.equip_box .box .r_cont .txt .elist li{padding: 20px 0;}
	.equip_box .box .r_cont .txt .elist li p{font-size: 15px;}
	.equip_box .box .r_cont .txt .elist li .icon img{max-width: 45px;}
}
@media all and (max-width:768px){
    .equip_box{margin-top: 60px;}
	.equip_box .box{grid-template-columns: 100%;}
	.equip_box .box .l_cont{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
	.equip_box .box .l_cont .txt h4{font-size: 18px;}
	.equip_box .box .l_cont .txt h3{font-size: 25px; margin-bottom: 0;}
	.equip_box .box .l_cont .img{text-align: center;}
	.equip_box .box .r_cont{padding-left: 0;}
	.equip_box .box .r_cont .txt h3{font-size: 22px;}
}
@media all and (max-width:500px){
    .equip_box{margin-top: 50px;}
	.equip_box .box .l_cont .txt h4{font-size: 17px;}
	.equip_box .box .l_cont .txt h3{font-size: 22px; margin-bottom: 0;}
	.equip_box .box .r_cont{padding-left: 0;}
	.equip_box .box .r_cont .txt h3{font-size: 20px;}
	.equip_box .box .r_cont .txt p{font-size: 16px;}
	.equip_box .box .r_cont .txt .elist{gap:4px; margin-top: 25px;}
	.equip_box .box .r_cont .txt .elist li{padding: 14px 0;}
    .equip_box .box .r_cont .txt .elist li p span{font-size: 12px;}
	.equip_box .box .r_cont .txt .elist li .icon img{max-width: 42px;}
}