/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; object-fit: cover; }

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1400px; margin:0 auto; position: relative; }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fld { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.fl:after, .fld:after { display:none; }
.dn { display:none !important; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 16px; overflow: hidden; }

.himg { overflow: hidden; }
.himg img, .himg:before { transition:0.3s; }
.himg:hover img, .himg:hover:before { transform: scale(1.05); }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; background-position: center;  background-size: cover; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.cp { color:#2f6bfe; }
.cb { background: #2f6bfe; color:#fff; }

.f60 { font-size:60px; line-height:1.3; }
.f50 { font-size:50px; line-height:1.3; }
.f42 { font-size:42px; line-height:1.2; }
.f40 { font-size:40px; line-height:1.3; }
.f36 { font-size:36px; line-height:1.4; }
.f32 { font-size:32px; line-height:1.4; }
.f30 { font-size:30px; line-height:1.4; }
.f28 { font-size:28px; line-height:1.4; }
.f24 { font-size:24px; line-height:1.4; }
.f22 { font-size:22px; }
.f20 { font-size:20px; }
.f18 { font-size:18px; line-height:1.6; }
.f16 { font-size:16px; line-height:1.6; }

.steb { font-family: steb; } 
.stb { font-family: stb; } 
.stsb { font-family: stsb; } 
.stm { font-family: stm; } 
.str { font-family: str; } 

.more { width: 160px; height: 50px; border-radius: 50px; border:1px solid #2f6bfe; transition:0.3s; padding-left: 8px; }
.more i { font-size:15px; margin-left: 8px; }
.more:hover { width: 160px; height: 50px; border-radius: 50px; background: #f6f6f6; color:#2f6bfe;}

/* header & footer */
#w_header { position: fixed; left: 0; top: 0; width: 100%; height: 80px; z-index:99; color:#fff; transition:.3s; overflow: hidden; }
#w_header .wrap { width: 1600px; }
#w_header:before { content:""; position: absolute; left: 0; top: 80px; border-top:1px solid #000; width: 100%; }
#w_header h1 { padding-top: 30px; }
#w_header h1 img { transition:.3s; }

#w_header.fix { background: #fff; color:#000; border-bottom:1px solid #ddd;  }
#w_header.down { background: #fff; color:#000; border-bottom:1px solid #ddd; height: 240px; }
#w_header.fix h1 img, #w_header.down h1 img { filter:brightness(0); }

#w_header #w_gnb { position: absolute; left: 31%; top: 0; }
#w_header #w_gnb > li { float:left; position: relative; }
#w_header #w_gnb > li > a { padding:0 20px; font:18px/80px stsb; position: relative; margin:0 10px;}
#w_header #w_gnb > li:hover > a,
#w_header #w_gnb > li.select > a { color:#2f6bfe;}
#w_header #w_gnb > li > a:after { content:""; position: absolute; left: 0; top: 49px; height: 3px; background: #2f6bfe; width: 0; transition:0.3s; }
#w_header #w_gnb > li:hover > a:after,
#w_header #w_gnb > li.select > a:after { width: 100%; }
#w_header #w_gnb ul { position: absolute; left: 0; width: 100%; text-align: center; font:16px/40px stsb; padding-top: 20px; }
#w_header #w_gnb ul a:hover { border-bottom:1px solid #000; }

#w_header .downBtn { position: absolute; right: 200px; top: 22px; width: 160px; border-radius: 50px; background: #2f6bfe; color:#fff; font:16px/34px stsb; text-align: center; transition:0.3s; }
#w_header.down .downBtn { background: #ccc; }

#w_header #lang { position: absolute; right: 0; top: 32px; }
#w_header #lang li { float:left; }
#w_header #lang li:after { content:"|"; margin:0 4px; }
#w_header #lang li:last-child:after { display: none; }
#w_header #lang li.select a { font-family: stb; }

#w_footer { padding:100px 0; background: #000; color:#787878; }
#w_footer .wrap { width: 1600px; padding-left: 390px; box-sizing: border-box; }
#w_footer .wrap > img { position: absolute; left: 0; height: 18px; }
#w_footer address { font-style: normal; line-height:1.8; }
#w_footer ul { position: absolute; right: 0; top: 0; }
#w_footer ul li { float:left; margin-left: 6px; }
#w_footer ul li img { filter: brightness(0) invert(1); opacity: 0.5; transition:0.3s; }
#w_footer ul li:hover img { opacity: 1; }


/* index */
#main .wrap { width:1600px; }

#mv { height: 100vh; }
#mv img { height: 100%; width: 100%; }

#scan { margin-top: 300px; text-align: center; }
#scan ul { margin-top: 100px; justify-content: space-around; }
#scan ul li figure { width: 412px; border-radius: 20px; overflow: hidden; }
#scan ul li figure img { width: 100%; aspect-ratio: 1 / 1.25; }
#scan ul li p { margin-top: 40px; }

@keyframes imgSmall {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

#our { margin-top: 300px; }
#our .wrap { justify-content: space-between; align-items: flex-start; }
#our article strong { display: block; margin-top: 40px; }
#our article p { margin-top: 80px; }
#our article a { margin-top: 80px; }
#our figure { border-radius: 20px; overflow: hidden; }
#our.aos-animate figure img { animation:imgSmall 2s forwards; }

#exc { height: 640px; background:url(/images/bg_our.png) no-repeat center/cover; color:#fff; text-align: center; margin-top: 300px; position: relative; overflow: hidden; }
#exc.aos-animate:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(/images/bg_our.png) no-repeat center/cover; animation:imgSmall 2s forwards; }
#exc p { margin-top: 60px; }

#ai { margin-top: 300px; }
#ai .wrap { justify-content: space-between; }
#ai figure { width: 780px; border-radius: 20px; overflow: hidden; }
#ai figure.aos-animate img { animation:imgSmall 2s forwards; }
#ai ul { width: 780px; }
#ai ul li { padding-left: 60px; margin-bottom: 55px; position: relative; }
#ai ul li:last-child { margin-bottom: 0; }
#ai ul li span { position: absolute; left: 0; top: 49px; }
#ai ul li p { margin-top: 20px; }


#int { margin-top: 300px; }
#int h2 { float:left; } 
#int img {width:100%;}

#process { margin-top: 300px; }
#process h2 { float:left; } 
#process ul { float:right; }
#process ul li { float:left; margin-right: 120px; }
#process ul li h3 { margin-top: 20px; }
#process ul li p { margin-top: 10px; }

#isole_beauty { margin-top: 300px; }
#isole_beauty h2 { float:left; } 
#isole_beauty img {width:100%;}

#isole { background: #26282c; margin-top: 500px; }
#isole ul { position: relative; top: -180px; justify-content: space-between; }
#isole ul li { width: 780px; border-radius: 20px; overflow: hidden; position: relative; box-shadow: 0 0 8px rgba(0,0,0,0.2); }
#isole ul li img { width: 100%; aspect-ratio: 1 / 1.14; }
#isole ul.aos-animate li img { animation:imgSmall 2s forwards;  }
#isole ul li dl { color:#fff; position: absolute; left: 40px; top: 80px; }
#isole ul li dl dd { margin-top: 50px; }
#isole ul li .more { position: absolute; bottom: 60px; left: calc(50% - 80px); }

#text { background: #26282c; padding-top: 100px; overflow: hidden; }
#text div { padding:15px 0; position: relative; }
#text div img { margin-right: 40px; }
#text div.left { width:calc(1943px * 2); animation:left 20s linear infinite; }
#text div.right { width:calc(1960px * 2); animation:right 20s linear infinite; }

@keyframes left {
    0% { transform:translateX(0); }
    100% { transform:translateX(-1943px); }
}
@keyframes right {
    0% { transform:translateX(0); }
    100% { transform:translateX(1960px); }
}

#contact { padding:200px 0; background: #26282c; text-align: center; color:#fff; }
#contact p { margin-top: 50px; }
#contact a { margin: 50px auto 0; padding-left: 0; }


/* sub layout */
.sv .wrap { height: 500px; padding-top: 80px; box-sizing: border-box; justify-content: flex-start; color:#fff; }
.sv h2 { text-transform: uppercase; } 

#sub2 h2 { text-transform: none; }
#sub3 h2 { text-transform: none; }

#sub1 { background:url(/images/bg_sub1.png) no-repeat center/cover; }
#sub2 { background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sub3 { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sub4 { background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sub5 { background:url(/images/bg_sub5.png) no-repeat center/cover; }
#sub5.sv5_2 { background:url(/images/bg_sub5_2.png) no-repeat center/cover; }
#sub6 { background:url(/images/bg_sub6.png) no-repeat center/cover; }

.pad { padding:150px 0; }

.left { float:left; width: 408px; }
.right { float:right; width: 952px; }

/* sub1_1 */
#sub1_1 .cont1 h2 {  margin-bottom: 80px;}
#sub1_1 .cont1 .cont1_in { position: relative; display: flex; align-items: flex-start; gap: 80px; padding-top: 140px; margin-bottom: 140px;}
#sub1_1 .cont1 .cont1_in h3 { position: absolute; top: 40px; left: 50%; transform: translateX(0); background: #fff; z-index: 2;}
#sub1_1 .cont1 .cont1_in h3 .line { display: block; position: relative; padding-left: 60px; line-height: 1.25;}
#sub1_1 .cont1 .cont1_in h3 .line i { position: absolute; left: 0;  top: 0.15em; color: #2f6bfe; font-weight: 900;}
#sub1_1 .cont1 .cont1_in h3 .line:not(.active) i { display: none;}
#sub1_1 .cont1 .cont1_in figure { width: 680px; flex-shrink: 0; border-radius: 20px; overflow: hidden; margin-top: -100px;}
#sub1_1 .cont1 .cont1_in figure img { width: 100%; display: block;}
#sub1_1 .cont1 .cont1_in article { width: 680px; margin-top: 90px;}
#sub1_1 .cont1 .cont1_in article p { margin-top: 40px;}
#sub1_1 .cont1.aos-animate .cont1_in figure img { animation: imgSmall 2s forwards;}


#sub1_1 .cont2 h2 { margin-bottom: 60px; }
#sub1_1 .cont2 h3 {text-align: center; font-size: 50px; margin-bottom: 40px;}
#sub1_1 .cont2 figure { width: 100%;  margin-bottom: 70px; border-radius: 20px; overflow: hidden;}
#sub1_1 .cont2 figure img { width: 100%; height: auto;  display: block;}
#sub1_1 .cont2 .function { text-align: left; margin-bottom: 80px;}
#sub1_1 .cont2 .function p { display: flex;  gap: 40px; margin-bottom: 70px;}
#sub1_1 .cont2 .function p strong { width: 160px;  flex-shrink: 0; }
#sub1_1 .cont2 .function p span.f_1 {  flex: 1;}


#sub1_1 .cont3 h2 { margin-bottom: 50px; }
#sub1_1 .cont3 ul li { justify-content: flex-start; margin-top: -30px;  }
#sub1_1 .cont3 ul li span { width: 280px; height: 280px; border:1px solid #2f6bfe; border-radius: 50%; margin-right: 90px; }

#sub1_1 .cont4 { background: #f5f5f5; }
#sub1_1 .cont4 h2 { margin-bottom: 50px; }
#sub1_1 .cont4 .right { border-top:1px solid #2f6bfe; padding-top: 30px; }
#sub1_1 .cont4 .right > li { position: relative; padding-left: 80px; margin-bottom: 70px; }
#sub1_1 .cont4 .right > li:last-child { margin-bottom: 0; }
#sub1_1 .cont4 .right strong { position: absolute; left: 0; }
#sub1_1 .cont4 .right ul li { margin-bottom: 20px; padding-left: 70px; position: relative; }
#sub1_1 .cont4 .right span { position: absolute; left: 0; }

/* sub2_1 */
#sub2_1 .cont1 { justify-content: space-between; }
#sub2_1 .cont1 p:last-child { text-align: right;}
#sub2_1 .cont1 h2 { position: relative; }
#sub2_1 .cont1 h2:before, #sub2_1 .cont1 h2:after { content:""; position: absolute; top:50%; width:0; border-top:1px solid #ddd; animation: line 2s 1s forwards;}
#sub2_1 .cont1 h2:before { left: 330px; } 
#sub2_1 .cont1 h2:after { right: 330px; } 
@keyframes line {
    0% { width: 0; } 
    100% { width: 330px; } 
}

#sub2_1 .cont2 p { margin-top: 120px; }
#sub2_1 .cont2 ul { margin-top: 80px; }
#sub2_1 .cont2 ul li { float:left; margin-right: 50px; width: 240px; }
#sub2_1 .cont2 ul li a { width: auto; border-radius: 50px; padding-left: 0; }
#sub2_1 .cont2 img { position: absolute; right: 0; top: 150px; }

#sub2_1 .cont3 ul.fl {  float: none; display: flex;  justify-content: center; align-items: flex-start; gap: 60px; margin-top: 120px;}
#sub2_1 .cont3 ul.fl li {float: none; text-align: center;}
#sub2_1 .cont3 ul.fl li img {display: block; margin: 0 auto;}
#sub2_1 .cont3 ul.fl li div { margin: 40px auto; border: 1px solid #2f6bfe; width: 280px; height: 280px; border-radius: 280px; padding-top: 93px;}

#sub2_1 .cont4 h2 { position: absolute; top: 250px; }
#sub2_1 .cont4 .point { position: relative; margin-left:auto; width: 680px; border-radius: 20px; overflow: hidden;  }
#sub2_1 .cont4 .point img { width: 100%; }
#sub2_1 .cont4 .point p { position: absolute; text-align: center; }
#sub2_1 .cont4 .point p:nth-of-type(1) { left:72%; top:16%; }
#sub2_1 .cont4 .point p:nth-of-type(2) { left:54%; top:52%; }
#sub2_1 .cont4 .point p:nth-of-type(3) { left:50%; top:77%; }
#sub2_1 .cont4 .point p:after { content:""; display: block; margin-top: 10px; width: 23px; height: 23px; border-radius: 23px; background: #2f6bfe; }
#sub2_1 .cont4 .point p.act:after { animation: point 1s infinite; }
@keyframes point {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

#sub2_1 .cont4 ul { position: absolute; top:400px; }
#sub2_1 .cont4 ul li { position: relative; padding-left: 50px; margin-top: 70px; cursor: pointer; }
#sub2_1 .cont4 ul li strong { position: absolute; left: 0; }
#sub2_1 .cont4 ul li p { margin-top: 6px; }

#sub2_1 .cont5 { text-align: center; padding-top: 0;}
#sub2_1 .cont5 ul { justify-content: space-around; align-items: flex-start; }
#sub2_1 .cont5 ul li span { border:1px solid #2f6bfe; width: 280px; height: 280px; border-radius: 280px; display: flex; margin:40px auto 0; align-items: center; justify-content: center; }
#sub2_1 .cont5 ul li p { margin-top: 40px; }

#sub2_1 .cont6 { padding-bottom: 0; }
#sub2_1 .cont6 ul { margin-top: 80px; justify-content: space-between; flex-wrap: wrap; }
#sub2_1 .cont6 ul li { margin-top: 30px; width: 410px; height: 150px; background: #fff; border-radius: 20px; border:3px solid #fff; box-sizing: border-box; transition:0.3s; }
#sub2_1 .cont6 ul li:hover { border-color:#2f6bfe; background: #fff; }

#sub2_1 .cont7 h2 { text-align: center; }
#sub2_1 .cont7 h3 { position: absolute; top: 300px; }
#sub2_1 .cont7 .frame { width: 950px; margin-left: auto; margin-top: 150px; border-radius: 20px; overflow: hidden; }
#sub2_1 .cont7 .frame ul { width:400%; transition:0.3s; position: relative; left:0; }
#sub2_1 .cont7 .frame ul li { float:left; width: 25%; }
#sub2_1 .cont7 .frame ul li img { width: 100%; }
#sub2_1 .cont7 .step { position: absolute; top: 340px; }
#sub2_1 .cont7 .step h4 { display: inline-block; }
#sub2_1 .cont7 .step .page { display: inline-block; margin-left: 40px; }
#sub2_1 .cont7 .step .page li { display: inline-block; margin-left: 20px; color:#ccc; cursor: pointer; }
#sub2_1 .cont7 .step .page li.select { color:#2f6bfe;}
#sub2_1 .cont7 .btn { justify-content: flex-start; margin-top: 20px; font-weight: 900; padding:0; }
#sub2_1 .cont7 .btn a { font-weight: 900; color:#000; }
#sub2_1 .cont7 .btn a.op { color:#ccc;}
#sub2_1 .cont7 .btn .xi-minus { transform: rotate(90deg); color:#ccc; }
#sub2_1 .cont7 .ment { position: absolute; top: 540px; }
#sub2_1 .cont7 .ment dd { margin-top: 30px; }
#sub2_1 .cont7 .more { position: absolute; top: 800px; padding-left: 0; width: 240px; }

#sub2_1 .cont8 { margin-top: 150px; background:url(/images/bg_order.png) no-repeat center/cover; color:#fff; text-align: center; position: relative; overflow: hidden; }
#sub2_1 .cont8 .wrap { height: 580px; }
#sub2_1 .cont8 a { margin-top: 100px; padding-left: 0; width: 240px; }

/* sub3_1 */
.common { border-bottom:1px solid #2f6bfe; }
.common h2 { text-align: center; color:#fa354f;}
.common h3 { margin-top: 200px; }
.common p { margin-top: 60px; }
.common .step { justify-content: space-between; width: 410px; margin-top: 70px; }
.common .step .page { display: inline-block; margin-left: 40px; }
.common .step .page li { display: inline-block; margin-left: 20px; color:#ccc; cursor: pointer; }
.common .step .page li.select { color:#2f6bfe;}
.common .btn { justify-content: flex-start; font-weight: 900; padding:0; }
.common .btn a { font-weight: 900; color:#000; }
.common .btn a.op { color:#ccc;}
.common .btn .xi-minus { transform: rotate(90deg); color:#ccc; }
.common .frame { width: 680px; border-radius: 20px; overflow: hidden; position: absolute; right: 0; top:1306px; }
.common .frame ul { width:400%; transition:0.3s; position: relative; left:0; }
.common .frame ul li { float:left; width: 25%; }
.common .frame ul li img { width: 100%; }
.common > ul { margin-top: 180px; }
.common > ul li { margin:0 25px; }
.common > ul li .more { width: 240px; padding-left: 0; background: #eee; color:#2f6bfe; }
.common > ul li.select .more { background: #2f6bfe; color:#fff; }

#sub3_1 .cont2 h2 { text-align: center; }
#sub3_1 .cont2 div { margin-top: 40px; border-radius: 20px; background: #f5f5f4; position: relative;  }
#sub3_1 .cont2 div img { mix-blend-mode: multiply; }
#sub3_1 .cont2 div p:nth-of-type(1) { position: absolute; left: 80px; top: 80px; color:#fff;}
#sub3_1 .cont2 div p:nth-of-type(2) { position: absolute; right: 80px; bottom: 80px; color:#fff;}
#sub3_1 .cont2 ul { justify-content: space-around; align-items: flex-start; margin-top: 180px; text-align: center; }
#sub3_1 .cont2 ul li strong { width: 250px; height: 250px; border:1px solid #2f6bfe; border-radius: 250px; line-height:1.2; }
#sub3_1 .cont2 ul li p { margin-top: 40px; }

#sub3_1 .cont3 h2 span { display: block; }
#sub3_1 .cont3 ul { align-items: flex-start; text-align: center; margin-bottom: 80px;}
#sub3_1 .cont3 ul li { width:calc(100% / 7); }
#sub3_1 .cont3 ul li figure { height: 160px; }
#sub3_1 .cont3 ul li strong { border:1px solid #2f6bfe; box-sizing: border-box; height: 70px; }
#sub3_1 .cont3 ul li p { margin-top: 20px; }
#sub3_1 .cont3 ul li:nth-child(1) { margin-top: 420px; }
#sub3_1 .cont3 ul li:nth-child(2) { margin-top: 350px; }
#sub3_1 .cont3 ul li:nth-child(3) { margin-top: 280px; }
#sub3_1 .cont3 ul li:nth-child(4) { margin-top: 210px; }
#sub3_1 .cont3 ul li:nth-child(5) { margin-top: 140px; }
#sub3_1 .cont3 ul li:nth-child(6) { margin-top: 70px; }

.foot { margin-top: 150px; background:url(/images/foot.png) no-repeat center/cover; color:#fff; text-align: center; position: relative; overflow: hidden; }
.foot .wrap { height: 580px; }
.foot a { margin-top: 100px; padding-left: 0; width: 240px; }

/* sub3_2 */
#sub3_2 .cont2 h2 { text-align: center; }
#sub3_2 .cont2 h3 { margin-top: 100px; text-align: center; }
#sub3_2 .cont2 ul { width: 620px; margin:40px auto 80px; }
#sub3_2 .cont2 ul li { margin-bottom: 100px; }
#sub3_2 .cont2 ul li:last-child { margin-bottom: 0; }
#sub3_2 .cont2 ul li img { width: 100%; border-radius: 20px; }
#sub3_2 .cont2 ul li dl { margin-top: 30px; }
#sub3_2 .cont2 ul li dl dt { padding-bottom: 10px; border-bottom:1px solid #2f6bfe;}
#sub3_2 .cont2 ul li dl dd { margin-top: 10px; }


/* sub3_3 */
#sub3_3 .cont2 h2 { text-align: center; }
#sub3_3 .cont2 div { margin-top: 40px; border-radius: 20px; position: relative; color:#000; overflow: hidden; }
#sub3_3 .cont2 div img { mix-blend-mode: multiply; width: 100%; animation:imgSmall 2s forwards; }
#sub3_3 .cont2 div p { position: absolute; left: 80px; top: 80px; }
#sub3_3 .cont2 ul { justify-content: space-around; align-items: flex-start; margin: 180px 0 80px; text-align: center; }
#sub3_3 .cont2 ul li strong { width: 250px; height: 250px; border:1px solid #2f6bfe; border-radius: 250px; line-height:1.2; flex-direction: column; justify-content: flex-start; }
#sub3_3 .cont2 ul li strong em { font-style:normal; padding-top: 50px; margin-bottom: 40px;  }
#sub3_3 .cont2 ul li p { margin-top: 40px; }

#sub3_3 .cont3 ul { justify-content: space-between; }
#sub3_3 .cont3 ul li { width: 410px; border-radius: 20px; overflow: hidden; position: relative; }
#sub3_3 .cont3 ul li img { width: 100%; aspect-ratio: 1 / 1.3; }
#sub3_3 .cont3.aos-animate ul li img { animation:imgSmall 2s forwards; }
#sub3_3 .cont3 ul li h2 { position: absolute; top:200px; left: 0; width: 100%; color:#fff; text-align: center; }
#sub3_3 .cont3 ul li .more { width: 240px; padding-left: 0; position: absolute; bottom: 60px; left: calc(50% - 120px); }


/* sub4_1 */
#sub4_1 .cont1 figure { margin-top: 140px; text-align: center; }
#sub4_1 .cont1 figure.aos-animate img { animation:imgSmall 2s forwards; }
#sub4_1 .cont1 figure figcaption { margin-top: 60px; }
#sub4_1 .cont1 ul { margin-top: 100px; justify-content: space-between; }
#sub4_1 .cont1 ul li h3 { text-align: center; }
#sub4_1 .cont1 ul li div { width: 410px; border-radius: 20px; position: relative; overflow: hidden; margin-top: 20px; }
#sub4_1 .cont1 ul li div:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; }
#sub4_1 .cont1 ul li div img { width: 100%; aspect-ratio: 1 / 1.2; }
#sub4_1 .cont1 ul.aos-animate li div img { animation:imgSmall 2s forwards; }
#sub4_1 .cont1 ul li div p { color:#fff; position: absolute; width: calc(100% - 40px); left:20px; top:350px; border-top:2px solid #fff; padding-top: 10px;  }

#sub4_1 .cont2 h3 { margin-top: 60px; margin-bottom: 100px; }
#sub4_1 .cont2 h4 { line-height:280px; }
#sub4_1 .cont2 .right { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#sub4_1 .cont2 ul { justify-content: space-between; width: 100%; margin-bottom: 50px; }
#sub4_1 .cont2 ul li { width: 280px; height: 280px; border-radius: 280px; border:1px solid #2f6bfe; flex-direction: column; }
#sub4_1 .cont2 ul li figure { height: 120px; }
#sub4_1 .cont2 ul li p { margin-top: 10px; }
#sub4_1 .cont2 article { width:calc((100% - 20px) / 2); background: #f5f5f5; border-radius: 20px; padding:20px 40px; }
#sub4_1 .cont2 article p { margin-top: 10px; }

#sub4_1 .cont3 .right { margin-bottom: 40px;  }
#sub4_1 .cont3 .mv { clear: both; }
#sub4_1 .cont3 .mv img { width: 100%; }


#sub4_1 .cont4 { justify-content: space-between; align-items: flex-start; }
#sub4_1 .cont4 .part1 figure { margin-top: 40px; position: relative; }
#sub4_1 .cont4 .part1 figure figcaption { width: 100%; position: absolute; top:50%; transform:translateY(-50%); text-align: center; }
#sub4_1 .cont4 .part2 .frame { width: 680px; overflow: hidden;  }
#sub4_1 .cont4 .part2 .frame .slide { width: 300%; position: relative; transition:0.3s; left:0; }
#sub4_1 .cont4 .part2 .frame .slide li { width: 33.3333%; float:left; }
#sub4_1 .cont4 .part2 p { height: 165px; }
#sub4_1 .cont4 .part2 .pic { border-top:1px solid #000; border-bottom:1px solid #000; padding:40px 0; position: relative; text-align: right; }
#sub4_1 .cont4 .part2 .pic strong { position: absolute; top: 10px; left: 0;  }
#sub4_1 .cont4 .part2 .pic span { position: absolute; top:50px; left:0; }
#sub4_1 .cont4 .part2 .btn { justify-content: flex-start; font-weight: 900; padding:0; margin-top: 20px; }
#sub4_1 .cont4 .part2 .btn a { font-weight: 900; color:#000; }
#sub4_1 .cont4 .part2 .btn a.op { color:#ccc;}
#sub4_1 .cont4 .part2 .btn .xi-minus { transform: rotate(90deg); color:#ccc; }

#sub4_1 .cont5 { height: 580px; position: relative; overflow: hidden; }
#sub4_1 .cont5 img { width: 100%; height: 100%; }
#sub4_1 .cont5.aos-animate img { animation: imgSmall 2s forwards; }
#sub4_1 .cont5 div { position: absolute; height: 100%; left: 0; top: 0; width: 100%; color:#fff; text-align: center; }


#sub4_1 .cont6 h2 { text-align: center; }
#sub4_1 .cont6 h3 { text-align: center; margin-top: 10px; }
#sub4_1 .cont6 ul { justify-content: space-around; align-items: flex-start; margin-top: 100px; text-align: center; }
#sub4_1 .cont6 ul li { width: 320px; }
#sub4_1 .cont6 ul li strong { width: 280px; height: 280px; border:1px solid #2f6bfe; border-radius: 280px; margin:0 auto;}
#sub4_1 .cont6 ul li p { margin-top: 20px; } 





/* sub4_2 */
.nav { margin-top: 60px; }
.nav li { margin:0 25px; }
.nav li .more { width: 240px; padding-left: 0; background: #eee; color:#2f6bfe; font-family: stm; text-transform: uppercase; }
.nav li.select .more { background: #2f6bfe; color:#fff;}

#sub4_2 .cont1 h2 { text-align: center; }
#sub4_2 .cont1 ul { flex-wrap: wrap; text-align: center; width:1200px; margin:0 auto; }
#sub4_2 .cont1 ul li { margin:100px 20px 0; }
#sub4_2 .cont1 ul li img { width: 320px !important; aspect-ratio: 1 / 1.5; margin-bottom: 20px; }

#sub4_2 .cont2 h2 { text-align: center; }
#sub4_2 .cont2 ul {width: 1200px; margin: 60px auto 0; justify-content: center; gap: 40px; align-items: flex-start; }
#sub4_2 .cont2 ul li img { width: 320px !important; aspect-ratio: 1 / 1.5; margin-bottom: 20px; }

.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display:none; z-index: 100;}
.modal.on { display:flex; }
.modal img { max-width:80%; max-height:80vh; }


/* sub5_1 */
#sub5_1 .cont1 h2 strong { margin-right: 40px; }
#sub5_1 .cont2 { align-items: stretch; justify-content: space-between; }
#sub5_1 .cont2:before { content:""; border-left:1px solid #ddd; height: 100%; position: absolute; left: 875px; top: 0; display: block; }
#sub5_1 .cont2 form { width: 720px; }
#sub5_1 .cont2 form label { font:30px steb; display: block; }
#sub5_1 .cont2 form label span { position: relative; margin-left: 20px; top: -10px; }
#sub5_1 .cont2 form input[type=text],
#sub5_1 .cont2 form input[type=email],
#sub5_1 .cont2 form textarea { border:none; border-bottom:1px solid #2f6bfe; height: 50px; margin-top: 20px; margin-bottom: 30px; width: 100%; font:20px stm; }
#sub5_1 .cont2 form textarea { height: 300px; }
#sub5_1 .cont2 form li:last-child input[type=checkbox] { width: 30px; height: 30px; margin-right: 10px; }
#sub5_1 .cont2 form li:last-child label { display: inline-block; }
#sub5_1 .cont2 form li:last-child input[type=submit] { display: block; margin-top: 100px; background: #2f6bfe; color:#fff; font:30px steb; width: 100%; border:none; cursor: pointer; height: 80px; }

#sub5_1 .cont2 > ul { width: 406px; } 
#sub5_1 .cont2 > ul li { margin-bottom: 100px; } 
#sub5_1 .cont2 > ul li h3,
#sub5_1 .cont2 > ul li p { margin-bottom: 14px; } 

#sub5_1 .cont3 { margin-top: 100px; }
#sub5_1 .cont3 iframe { margin-top: 40px; }

/* sub5_2 */
#sub5_2 .cont1 { padding-bottom: 80px; }
#sub5_2 .cont2 { padding-bottom: 200px; font-size:14px; }
#sub5_2 .cont2 #bo_gall .gall_li { border:1px solid #ddd; margin-bottom: 100px; transition:0.3s; }
#sub5_2 .cont2 #bo_gall .gall_li:hover { border:1px solid #2f6bfe; }
#sub5_2 .cont2 #bo_gall .gall_box { margin-bottom: 20px; }
#sub5_2 .cont2 #bo_gall .gall_img img { width: 100%; aspect-ratio: 408 / 328; }
#sub5_2 .cont2 #bo_gall .gall_info { display: block; }
#sub5_2 .cont2 #bo_gall .gall_info * { display: none; }
#sub5_2 .cont2 #bo_gall .gall_text_href { margin:0; padding:40px 30px; }
#sub5_2 .cont2 #bo_gall .gall_text_href a { font: 24px/1.4 stb; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#sub5_2 .cont2 #bo_gall .gall_info .gall_date { display: block; margin-left: 0; padding:0 30px; font:20px stm; }

/* sub6_1 */
#sub6_1 .cont1 { padding-bottom: 300px; }
#sub6_1 .cont1 p { margin-top: 80px; }
#sub6_1 .cont1 ul { margin-top: 40px; }
#sub6_1 .cont1 ul li { margin-top: 10px; list-style: disc; }
#sub6_1 .cont1 > img { margin-top: 120px; width: 100%; }
#sub6_1 .cont1 .down { margin-top: 160px; }
#sub6_1 .cont1 .down .fl { margin:0 20px; }
#sub6_1 .cont1 .down .fl a { margin-top: 40px; width: 280px; text-align: center; line-height:60px; border-radius: 60px; }