body {
  font-family: 'SUIT', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
}
[lang="ja"], [lang="ja-JP"] {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif !important;
}

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


/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { max-width:1400px; width:94%; margin:0 auto; position: relative; font:18px/1.6 stm;  }
.wrap * { word-break: keep-all; outline:none; }
.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; }
.fl:after { display:none; }
.dn { display:none !important; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 16px; overflow: hidden; }
.cp { color:#2d2d3c; }
.mtitle { font:36px/1.4 steb; }
.stitle { font:20px/1.4 stsb; }


/* header & footer */
#w_header { position: fixed; width: 100%; height: 70px; border-bottom:1px solid #ddd; left: 0; top: 0; z-index: 99; color:#fff; overflow: hidden; transition:0.3s; }
#w_header.fix { background: rgba(0,0,0,0.6); }
#w_header.up { top:-71px; }

#w_header h1 { padding-top: 26px; }
#w_header h1 img { filter: brightness(0) invert(1); }
#w_header .gnb { position: absolute; right:60px; top:21px; }
#w_header .gnb > li { float:left; margin-right: 20px; position: relative; }
#w_header .gnb > li > a { padding:0 20px; font-family: stb; }
#w_header .gnb > li > a:after { content:""; background: #c0aa93; width: 100%; height: 3px; position: absolute; left: 0; top:34px; opacity: 0; transition: 0.3s; }
#w_header .gnb > li:hover > a:after, #w_header #w_gnb > li.select > a:after { opacity: 1; }
#w_header .gnb article { margin-bottom: 30px; }
#w_header .gnb h2 { padding-left: 20px; margin-top:18px; font-family: stb; }
#w_header .gnb ul { font-size:16px; padding-left: 20px; padding-top: 10px; }
#w_header .gnb ul li { margin-top: 10px; }
#w_header .gnb h2 + ul li:first-child { margin-top: 0; }
#w_header .gnb ul a:hover { color:#c0aa93; }

#w_header .lang { position: absolute; right:0; top:22px; cursor: pointer; width: 36px; text-align: center; }
#w_header .lang p { margin-bottom: 16px; font-size:15px; color:#c0aa93; }
#w_header .lang ul { font-size:15px; display: none; }
#w_header .lang ul li.select,
#w_header .lang ul li:hover { color:#c0aa93; }


#w_header.dark { color:#2d2d3c; }
#w_header.dark h1 img { filter: none; }
#w_header.down { height: 420px; background:rgba(0,0,0,0.6); color:#fff; }
#w_header.down h1 img, #w_header.down .lang img { filter: brightness(0) invert(1); }

#w_footer { background: #2d2d3c; padding:100px 0 180px; color:#fff; }
#w_footer .wrap > img { position: absolute; left: 0; top:0; }
#w_footer .gnb { padding-left: 320px; }
#w_footer .gnb > li { float:left; margin-right: 70px; }
#w_footer .gnb > li > a { color:#999; display: inline-block; margin-bottom: 30px;  }
#w_footer .gnb a { transition:0.3s;  }
#w_footer .gnb a:hover { color:#c0aa93; }
#w_footer .gnb article { margin-bottom: 30px; }
#w_footer .gnb h2 { font-family: stb; }
#w_footer .gnb ul { color:#eee; }
#w_footer .gnb ul li { margin-top: 10px; }
#w_footer .gnb li > ul, #w_footer .gnb li > div { position: absolute;  }
#w_footer .wrap > p { color:#999; text-align: center; margin-top: 380px; }
#w_footer .b_contact { position: absolute; right: 0; top:0; }
#w_footer .contact li { margin-bottom: 10px; color:#999; }
#w_footer .contact li a:hover { color:#c0aa93; }
#w_footer .sns { position:static; margin-top: 40px;}
#w_footer .sns li { float:left;  margin-right: 12px; background: #2d2d3c;}
#w_footer .sns li img { opacity: 0.7; filter: brightness(0) invert(1); }
#w_footer .sns li:hover img { opacity: 1; filter:none; }

.topBtn { position:fixed; right:40px; bottom: 40px; z-index:98; opacity: 0; transition:0.7s; }
.topBtn img { filter: brightness(0) invert(50%); transition:0.5s; }
.topBtn.on { opacity: 1; }
.topBtn.pup img { filter:none; }



/* index */

#main { overflow:hidden; position: relative; height: 100vh; }
#main .over { position: absolute; width:60%; height:100%; right:0; top:0; z-index: 15;}
#main .swiper-slide img { width:auto; height:auto; }
#main .swiper-slide > img { width: 100%; height: 100%; transform: scale(1); transition: 0.5s; object-fit: cover;}
#main .over:hover + img { transform: scale(1.05); }
#main .wrap { position: absolute; left:calc(50% - 700px); top:0; z-index: 10; height:100%; justify-content: flex-start; font:30px stb; line-height:1.8; }
#main .wrap img { margin-right: 30px; }
#main .scroll { position: absolute; bottom:100px; left:calc(50% - 15px); z-index:9 }
#main .scroll img { position: relative; animation: scroll 1.5s infinite; }
@keyframes scroll {
    0%, 100% { top:0; }
    50% { top:20px; }
}


#prd { overflow-x: hidden; height:100vh; }
#prd a { float:left; width:50%; height:100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#prd a:first-child { background: #2d2d3c; }
#prd a:last-child { background: #c0aa93; position: relative; }
#prd a > img { width: 100%; height: 50vw; object-fit: cover; filter: blur(10px); opacity: 0.8; transition:0.7s; }
#prd a.on > img { filter:none; opacity: 1; }
#prd div { position: absolute; left: 0; top:0; padding-top: 100px; width: 100%; height: 100%; color:#fff; text-align: center; flex-direction: column; transition: color 0.7s; box-sizing: border-box; }
#prd div h2 { font:36px steb; }
#prd .prd1:hover {color:#c0aa93; }
#prd .prd2:hover {color:#2d2d3c; transition: color 0.7s;}
#prd div img { margin:20px 0; }
#prd div p { font:18px stm; line-height:1.8; } 
#prd a .light { position: absolute; opacity: 0; }
#prd a:hover .light { opacity: 1; }

#bp { height: 100vh; position: relative; overflow: hidden; }
#bp:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(/images/bg_bp.jpg) no-repeat center/cover; transition:0.7s; }
#bp:hover:before { transform: scale(1.05); }
#bp a { font:150px steb; color:#fff; padding:40px; position: relative; z-index: 1; }


#sg { position: relative; }
#sg > img { width: 100%; height: 100vh; object-fit: cover; }
#sg .wrap { position:absolute; top:0; left:calc(50% - 700px); height:100%; flex-direction: column; align-items: flex-start; }
#sg h2 { font:72px/1.4 stb; }
#sg p { font-size:18px; border-top:1px solid #2d2d3c; padding-top: 20px; margin-top: 60px; }
.more { font:18px stsb; display: inline-block; }
.more i { font-size:14px;  }
#sg .more { margin-top: 60px; }
#sg .more:hover {color:#c0aa93; transition:0.7s; }

#make { height: 100vh; }
#make img { width: 100%; height:100%; object-fit: cover; transition: 0.5s;}
#make img:hover { transform: scale(1.05);}

.title { position: relative; font:26px/1.4 stb; color:#c0aa93;  }
.title img { position: absolute; left: -50px; top:-40px; } 

#support ul { margin-top: 40px; justify-content: space-between; align-items: flex-start; }
#support ul li { width: 433px; height: 550px; position: relative; }
#support ul li a:hover{color:#c0aa93; transition:0.7s; }
#support ul li figure { overflow: hidden; }
#support ul li figure img { width: 100%; height: 300px; object-fit: cover; transition: 0.5s; }
#support ul li:hover figure img { transform: scale(1.05); }
#support ul li dt { padding:20px 0; border-bottom:1px solid #c0aa93; font:34px stb; }
#support ul li dd { margin-top: 20px; }
#support ul li span { position: absolute; left: 0; bottom: 0; }

#contact { margin-top: 140px; margin-bottom: 140px;}
#contact .ct2{ object-fit: cover; transition: 0.5s; }
#contact .ct2:hover{ transform: scale(1.05); transition:0.7s;}
#contact .wrap { justify-content: space-between; }
#contact h4 {font:20px stb; padding:50px 0 0;}
#contact p { margin-top: 30px; }
#contact ul.ct { margin-top: 50px;font:30px steb;  }
#contact ul.ct li { margin-top: 10px; }
#contact ul.sns { margin-top: 30px; }
#contact ul.sns li { float:left; margin-right: 8px; }
#contact ul.sns li:hover{ transform: scale(1.03); transition:0.7s;}
#contact ul.sns li img { filter: hue-rotate(186deg) brightness(0.3);}



/* sub layout */
.sv { height: 550px; position: relative; overflow: hidden; }
.sv > .wrap { height: 550px; justify-content: flex-start; }
.sv > .wrap h2 { font:100px sth; color:#fff; }
.sv nav { position: absolute; bottom:0; left: 0; width: 100%; }
.sv nav ul { justify-content: space-between; font:85px/0.77 sth; color:#1f1f27; }
.sv nav ul li { mix-blend-mode: screen; }
.sv nav ul .select { mix-blend-mode: normal; }
.sv nav ul li:hover{color:#fff; transition:1.5s; }

.pad { padding:150px 0 300px; }
.pad2 { padding:150px 0 0px; }
.sv:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:0.5s; }
#sv1_1:before { background:url(/images/bg_sub1_1.png) no-repeat center/cover; }
#sv1_2:before { background:url(/images/bg_sub1_2.png) no-repeat center/cover; }
#sv1_3:before { background:url(/images/bg_sub1_3.png) no-repeat center/cover; }
#sv2:before { background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3:before { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv3_2:before { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4:before { background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sv5:before { background:url(/images/bg_sub5.png) no-repeat center/cover; }
.sv:hover:before { transform: scale(1.05); }

#sv1_2 ul .select { color:#fff; opacity: 0.6; }
#sv1_3 ul .select { color:#fff; opacity: 0.6; }
#sv3 h2 { color:#1f1f27; }
#sv3_2 h2 { color:#1f1f27; }

/* sub1_1 */
#sub1_1 { background: #1f1f27; }
.prdList ul li { width: 654px; float:left; margin:0 92px 92px 0; position: relative; overflow: hidden; }
.prdList ul li:nth-child(2n) { margin-right: 0; }
.prdList ul li img { transition:0.3s; transform: scale(1); opacity: 0.3; }
.prdList ul li:hover img { transform: scale(1.05); opacity: 1; }
.prdList ul li p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font:72px stb; color:#fff; text-shadow: 4px 4px 4px rgba(0,0,0,0.2); z-index:5; }

.page {width:300vw; height:300vw; transform: rotate(45deg); position: fixed; left: 110vw; top:0; z-index:100; }
.pageLoupes { background: #1f1f27; }
.pageHeadlight { background: #a28b79; }
.pageOut { animation: pageOut 1.2s; }
@keyframes pageOut {
    from { left:110vw; }
    to { left:-100vw; }
} 

/* sub1_1_1 */
.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.svd { height:auto; position: relative; }
.svd > img { width: 100%; height: 900px; object-fit: cover; }
.svd .wrap { position: absolute; height: 100%; left:calc(50% - 700px); top:0; justify-content: flex-start; }
.svd .wrap h2 { color:#fff; font:70px/1.2 stb; }
.svd .wrap img { position: absolute; right:90px; bottom:-130px; mix-blend-mode: screen; }

.detail1 { background: #1f1f27; color:#fff; }
.detail1 .title { font:28px steb; color:#fff; }
.detail1 .title_2 { font:40px steb; color:#fff; }
.detail1 .cont1 { justify-content: space-between; padding:100px 0 0; }
.detail1 .cont1 dl { width: 100%; text-align: center;}
.detail1 .cont1 dl dt { margin-bottom: 40px; }
.detail1 .cont1 dl dd {font:20px/2.2 stm; color:#fff;}

.detail1 .cont2 { margin-top: 300px; }
.detail1 .cont2 > .fl { justify-content: space-between; margin-top: 80px; align-items: flex-start; }
.detail1 .cont2 > .fl > div { width: 388px; }
.detail1 .cont2 .step1 img { border-radius: 500px; }
.detail1 .cont2 .step1 .type { background: #a38b78; height: 60px; border-radius: 100px; justify-content: space-between; width: 280px; padding:0 30px; margin: 50px auto 0; }
.detail1 .cont2 .step1 .type strong { font:24px steb; }
.detail1 .cont2 .step1_2 .type strong { font:20px steb; }
.detail1 .cont2 .step1 .type p { font-size:16px; }

.detail1 .cont2 .step2 figure { width: 388px; height: 388px; border-radius: 400px; overflow: hidden; }
.detail1 .cont2 .step2 figure img { width: 100%; height: 100%; object-fit: cover; transition:0.3s; }
.detail1 .cont2 .step2 figure img.eye { transform: scale(1); }
.detail1 .cont2 .step2 figure img.x25 { transform: scale(2.5); }
.detail1 .cont2 .step2 figure img.x30 { transform: scale(3); }
.detail1 .cont2 .step2 figure img.x33 { transform: scale(3.3); }
.detail1 .cont2 .step2 .zoom { position: relative; margin-top: 60px; }
.detail1 .cont2 .step2 .zoom .bar { border-top:1px solid #fff; position: relative; width: 360px; margin:0 auto; }
.detail1 .cont2 .step2 .zoom .bar span { width: 25px; height: 25px; background: #a38b78; position: absolute; left:-6px; top:calc(50% - 13px); border-radius: 100px; transition:0.3s; }
.detail1 .cont2 .step2 .zoom ul { justify-content: space-between; margin-top: 20px; }
.detail1 .cont2 .step2 .zoom ul li { cursor: pointer; }
.detail1 .cont2 .step2 .zoom ul li:hover { color:#c0aa93; }
.detail1 .cont2 .step2 .zoom > a { position: absolute; top:-12px; font-size:24px;  }
.detail1 .cont2 .step2 .zoom > a:hover { color:#c0aa93; }
.detail1 .cont2 .step2 .zoom > a.prev { left:-30px; }
.detail1 .cont2 .step2 .zoom > a.next { right:-30px; }

.detail1 .cont2 .step3 strong { font:normal 30px steb; display: block; margin-top: 60px; }
.detail1 .cont2 .step3 strong:first-of-type { margin-top: 0; }
.detail1 .cont2 .step3 span { display: block; font:20px stsb; margin-top: 10px; }
.detail1 .cont2 .step3 p { margin-top: 6px;  }
.detail1 .cont2 .step3 p:last-of-type { margin-top: 50px;  }

.detail1 .cont3 { margin-top: 200px; }
.detail1 .cont3 table { width: 1400px; border-collapse: collapse; border-bottom:1px solid #fff; }
.detail1 .cont3 table th { height: 70px; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:1.4; font-weight: normal; font-family: stsb; }
.detail1 .cont3 table td { text-align: center; height: 100px; min-width:100px; }

.detail1 .cont4 { margin-top: 300px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:60px 0;}
.detail1 .cont4 .slFrame { position: relative; }
.detail1 .cont4 .frame { margin-top: 60px; }
.detail1 .cont4 .frame .swiper-slide { justify-content: space-between; align-items: flex-start; }
.detail1 .cont4 .frame .swiper-slide figure { width: 700px; }
.detail1 .cont4 .frame .swiper-slide figure img { width: 100%; }
.detail1 .cont4 .frame .swiper-slide article { width: 580px; }
.detail1 .cont4 .frame .swiper-slide article dl dt { font:100px stb; opacity: 0.2; line-height:1; margin-bottom: 20px; }
.detail1 .cont4 .frame .swiper-slide article dl dd { position: relative; padding-left: 20px; margin-top: 10px; } 
.detail1 .cont4 .frame .swiper-slide article dl dd:before { content:"+"; position: absolute; left: 0;  }
.detail1 .cont4 .frame .swiper-slide article ul { border-top:1px solid #ddd; margin-top: 20px; padding-top: 20px; }
.detail1 .cont4 .frame .swiper-slide article ul li { position: relative; padding-left: 100px; margin-bottom: 20px; font-family: stl; }
.detail1 .cont4 .frame .swiper-slide article ul li span { position: absolute; left: 0; font-family: stm;}
.detail1 .cont4 .frame .swiper-slide article ul li div { width: 40px; display: inline-block; margin-right: 30px; position: relative; cursor: pointer; }
.detail1 .cont4 .frame .swiper-slide article ul li div:last-child { margin-right: 0; }
.detail1 .cont4 .frame .swiper-slide article ul li div i { display: block; width: 40px; height: 40px; border-radius: 100px; border:6px solid rgba(255,255,255,0); margin:0 auto 10px; }
.detail1 .cont4 .frame .swiper-slide article ul li div.blue i { background: #3e3d76; }
.detail1 .cont4 .frame .swiper-slide article ul li div.beige i { background: #a28b79; }
.detail1 .cont4 .frame .swiper-slide article ul li div.black i { background: #1f1f1f; border-width:1px; border-color:#fff;}
.detail1 .cont4 .frame .swiper-slide article ul li div.red i { background: #e71216; }
.detail1 .cont4 .frame .swiper-slide article ul li div.gray i { background: #929292; }
.detail1 .cont4 .frame .swiper-slide article ul li div em { text-align: center; width:100px; position: absolute; left:calc(50% - 50px); font-family: stm; font-style: normal; opacity: 0; }
.detail1 .cont4 .frame .swiper-slide article ul li div.select i { border:6px solid #fff !important; }
.detail1 .cont4 .frame .swiper-slide article ul li div.select em { opacity: 1; }
.detail1 .cont4 .swiper-button-prev { color:#fff; left:-100px;}
.detail1 .cont4 .swiper-button-next { color:#fff; right:-100px; } 
.detail1 .cont4 .swiper-button-next:hover,
.detail1 .cont4 .swiper-button-prev:hover { color:#c0aa93;}


.left { float:left; width: 433px; } 
.right { float:right; width: 918px; } 

.detail1 .cont5 { margin-top: 300px; }
.detail1 .cont5 .pic { border:2px solid #a38b79; border-radius: 20px; width: 917px; padding:50px 90px; box-sizing: border-box; margin-top: 40px;  }
.detail1 .cont5 .name { position: absolute; bottom:0; left:1000px; }
.detail1 .cont5 .name li { margin-top: 20px; position: relative; padding-left: 40px;  }
.detail1 .cont5 .name strong { position: absolute; left: 0; color:#a38b79; }

.detail1 .cont6 { margin-top: 300px; }
.detail1 .cont6 h2 { font: 28px steb; }
.detail1 .cont6 .frame3d { background: #fff; padding:40px; margin-top: 40px; position: relative; color:#000; }
.detail1 .cont6 .frame3d a { position: absolute; right: 40px; top: 40px; font:24px steb;  }
.detail1 .cont6 .frame3d .view li { display: none; }
.detail1 .cont6 .frame3d .view li.on { display: block; }
.detail1 .cont6 .frame3d .view li iframe { height: 600px; }
.detail1 .cont6 .frame3d .ment { width:calc(100% - 640px); padding-left: 40px; box-sizing: border-box; }
.detail1 .cont6 .frame3d .ment .gx { justify-content: space-evenly; text-align: center; height: 300px; }
.detail1 .cont6 .frame3d .ment .gx li { cursor: pointer; opacity: 0.4; }
.detail1 .cont6 .frame3d .ment .gx li.on { opacity: 1; }
.detail1 .cont6 .frame3d .ment .gx li img { width: 100px; }
.detail1 .cont6 .frame3d .ment .gx li p { margin-top: 20px; font:18px steb; }
.detail1 .cont6 .frame3d .ment article { display: none; border-top:1px solid #000; padding-top: 10px; }
.detail1 .cont6 .frame3d .ment article.on { display: block; }
.detail1 .cont6 .frame3d .ment article p { position: relative; padding-left: 20px; margin-top: 6px; }
.detail1 .cont6 .frame3d .ment article p:before { content:"+"; position: absolute; left: 0; }
.detail1 .cont6 .frame3d .ment article table { width:100%; border-collapse: collapse; margin-top: 20px; }
.detail1 .cont6 .frame3d .ment article table th { width: 110px; text-align: left; }
.detail1 .cont6 .frame3d .ment article table th, 
.detail1 .cont6 .frame3d .ment article table td { padding:8px 0; }


/* sub1_2 */
#sub1_2 { background: #a28b79; }

.detail2 { background: #a28b79; color:#fff; }
.detail2 .title { font:28px steb; color:#fff; }
.detail2 .cont1 { justify-content: space-between; padding:100px 0 0; }
.detail2 .cont1 figure { width: 50%; text-align: center; }
.detail2 .cont1 dl { width: 50%; }
.detail2 .cont1 dl dt { margin-bottom: 40px; }

.detail2 .cont2 { margin-top: 200px; }
.detail2 .cont2 figure { position: absolute; right:0; top:0; width: 620px; text-align: center; }
.detail2 .cont2 .box { width: 700px; }
.detail2 .cont2 .box h2 { font-size:36px; }
.detail2 .cont2 .box h3 { margin-top: 30px; }
.detail2 .cont2 .box p { margin-top: 20px; margin-bottom: 40px; }
.detail2 .cont2 .box article { border-top:1px solid #fff; padding:20px 0 40px 150px; position: relative; }
.detail2 .cont2 .box article .title { position: absolute; left: 0; top:20px; }
.detail2 .cont2 .box article ul li { justify-content: flex-start; margin-bottom: 10px;  }
.detail2 .cont2 .box article ul li img { margin-right: 10px; }

.detail2 .cont3 { justify-content: space-between; align-items: stretch; }
.detail2 .cont3 article { border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px 0 40px 150px; position: relative; width: 700px; }
.detail2 .cont3 article .title { position: absolute; left: 0; top:20px; }


.detail2 .cont3 .color li { width:50%; float:left; }
.detail2 .cont3 .color li strong { justify-content: flex-start; font-weight: normal; }
.detail2 .cont3 .color li strong img { margin-right: 10px; }
.detail2 .cont3 .color li p { width: 250px; margin-top: 10px; height: 100px; font-family: stl; }
.detail2 .cont3 .color li figure img { padding-top: 30px; width: 230px; }

.detail2 .cont3 .spec { width: 620px; padding-left: 250px;  }
.detail2 .cont3 .spec li { margin-bottom: 10px; font-family: stl; }
.detail2 .cont3 .spec li strong { display: inline-block; width: 200px; font-weight: normal; font-family: stm; }
.detail2 .cont3 .spec li sub { position: relative; top: -4px; font-size:14px; }

.detail2 .cont4 { margin-top: 300px; }
.detail2 .cont4 > p { margin-top: 20px; margin-bottom: 40px; }
.detail2 .cont4 .box { border:1px solid #ddd; border-radius: 20px; padding:40px; box-sizing: border-box; }
.detail2 .cont4 .box ul li { float:left; width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.detail2 .cont4 .box ul:before { content:""; position: absolute; left: 50%; height: 460px; border-left:1px solid #fff; }
.detail2 .cont4 .box ul li p { position: relative; padding-left: 50px; }
.detail2 .cont4 .box ul li strong { position: absolute; left: 0; }
.detail2 .cont4 .box ul li figure { margin-top: 40px; height: 350px; }
.detail2 .cont4 .box > img { display: block; margin:60px auto; }
.detail2 .cont4 .box > figure { position: relative; text-align: right; }
.detail2 .cont4 .box > figure figcaption { position: absolute; text-align: center; left: 100px; top:200px; }
.detail2 .cont4 .box > figure figcaption strong { display: block; margin-bottom: 10px; font-size:24px; }

.detail2 .cont4 .box_2 { border:1px solid #ddd; border-radius: 20px; padding:40px 40px 0 20px; box-sizing: border-box; }
.detail2 .cont4 .box_2 ul li { float:left; width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.detail2 .cont4 .box_2 ul:before { content:""; position: absolute; left: 50%; height: 460px; border-left:1px solid #fff; }
.detail2 .cont4 .box_2 ul li p { position: relative; padding-left: 70px; }
.detail2 .cont4 .box_2 ul li .con4_eng { position: relative; padding-left: 70px; }
.detail2 .cont4 .box_2 ul li .con4_eng2 { position: relative; padding-left: 90px; }
.detail2 .cont4 .box_2 ul li strong { position: absolute; left: 0; }
.detail2 .cont4 .box_2 ul li figure { margin-top: 40px; height: 350px; }
.detail2 .cont4 .box_2 > img { display: block; margin:60px auto; }
.detail2 .cont4 .box_2 > figure { position: relative; text-align: right; }
.detail2 .cont4 .box_2 > figure figcaption { position: absolute; text-align: center; left: 100px; top:200px; }
.detail2 .cont4 .box_2 > figure figcaption strong { display: block; margin-bottom: 10px; font-size:24px; }


.detail2 .cont5 { margin-top: 300px; }
.detail2 .cont5 .pic { border:2px solid #ddd; border-radius: 20px; width: 917px; padding:50px 90px; box-sizing: border-box; margin-top: 40px;  }
.detail2 .cont5 .pic li strong { position: absolute; left: 0; top: 0; }
.detail2 .cont5 .name { position: absolute; bottom:0; left:1000px; }
.detail2 .cont5 .name li { margin-top: 20px; position: relative; padding-left: 40px;  }
.detail2 .cont5 .name strong { position: absolute; left: 0;  color:#1f1f27; }

.detail2 .cont6 { margin-top: 300px; }
.detail2 .cont6 h2 { font:36px steb; }
.detail2 .cont6 article { margin-top: 60px; }
.detail2 .cont6 article h3 { font:28px steb; margin-bottom: 20px; }
.detail2 .cont6 .ytb { position: relative; }
.detail2 .cont6 .ytb:before { content:""; width:100%; height: 100%; position: absolute; left: 0; top: 0; }


/* sub1_3 */
#sub1_3 { background: #f7f7f7; }
#sub1_3 .wrap { font-size:12px;  }
#sub1_3 .btn_bo_user li { background:none; }
#sub1_3 #bo_gall .gall_img { height:auto !important; overflow: hidden; }
#sub1_3 #bo_gall .gall_img img { background: none; transform: scale(1); transition:0.3s; }
#sub1_3 #bo_gall .gall_img:hover img { transform: scale(1.1); }
#sub1_3 #bo_gall #gall_ul { margin:10px 0 0;}
#sub1_3 #bo_gall .gall_li { width: 430px; margin-right: 55px; padding:0; }
#sub1_3 #bo_gall .gall_li:nth-child(3n) { margin-right: 0; }
#sub1_3 #bo_gall .bo_cnt, #sub1_3 #bo_gall .gall_info, #sub1_3 #bo_list_total { display: none; }
#sub1_3 #bo_gall .gall_text_href { margin:0; padding:30px; font:24px stb; background: #fff; }

#sub1_3 .modal_others { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; display: none; }
#sub1_3 .modal_others.on { display:flex; }
#sub1_3 .modal_others .box { width: 800px; background: #f7f7f7; border-radius: 20px; position: relative; justify-content: space-between; align-items: flex-start; padding:40px; box-sizing: border-box; }
#sub1_3 .modal_others .box .fSlide { width: 380px; height: 420px; }
#sub1_3 .modal_others .box .fSlide .mySwiper2 { height: 80%; width: 100%;}
#sub1_3 .modal_others .box .fSlide .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
#sub1_3 .modal_others .box .fSlide .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
#sub1_3 .modal_others .box .fSlide .mySwiper .swiper-slide-thumb-active { opacity: 1; }
#sub1_3 .modal_others .box .fTitle { font-size:24px; width:calc(100% - 420px);}
.swiper-button-next:after, .swiper-button-prev:after { font-size:30px; }
#sub1_3 #bo_v { background: none; }

/* sub2_1 */
#sub2_1 { background: #1f1f27;color:#fff; }
#sub2_1 .cont1 h2 { font:normal 30px stb; }
#sub2_1 .cont1 h2 .sl { font-size:45px; margin-right: 8px; }
#sub2_1 .cont1 p { margin-top: 40px; line-height:2; }

#sub2_1 .cont2 { margin-top: 180px; border-top:1px solid #a38b78; padding-top: 40px;  }
#sub2_1 .cont2 h2 { font:normal 30px/1.8 stb; }
#sub2_1 .cont2 h2 span { opacity: 0.5; }
#sub2_1 .cont2 ul { margin-top: 40px; line-height:2; }
#sub2_1 .cont2 ul li { position: relative; padding: 0 0 30px 160px; }
#sub2_1 .cont2 ul li strong { position: absolute; left: 0; font-weight: normal; font-family: stb; }
#sub2_1 .cont2 img { width: 100%; margin-top: 80px;  }

#sub2_1 .cont2 .con2_eng { margin-top: 40px; line-height:2; }
#sub2_1 .cont2 .con2_eng li { position: relative; padding: 0 0 30px 320px; }
#sub2_1 .cont2 .con2_eng li strong { position: absolute; left: 0; font-weight: normal; font-family: stb; }


#sub2_1 .cont3 { margin-top: 180px; }
#sub2_1 .cont3 h2 { font:normal 30px/1.8 stb; }
#sub2_1 .cont3 .slSlide { border-top:1px solid #a38b78; border-bottom:1px solid #a38b78; padding:40px 0; margin-top: 40px; }
#sub2_1 .cont3 .slSlide .swiper { width: 100%; height: 100%; }
#sub2_1 .cont3 .slSlide .swiper-slide { display: flex; justify-content: space-between;  align-items: flex-start; background: #1f1f27;}
#sub2_1 .cont3 .mySwiper .swiper-slide { opacity: 0.4; border:4px solid #1f1f27; }
#sub2_1 .cont3 .mySwiper .swiper-slide-thumb-active { opacity: 1; border-color:#fff;  }
#sub2_1 .cont3 .swiper-button-prev { color:#fff; left:-80px; }
#sub2_1 .cont3 .swiper-button-next { color:#fff; right:-80px; }
#sub2_1 .cont3 .mySwiper2 { padding-bottom: 40px; }
#sub2_1 .cont3 .mySwiper2 article { width: 440px; }
#sub2_1 .cont3 .mySwiper2 strong { font:120px steb; opacity: 0.2; }
#sub2_1 .cont3 .mySwiper2 h3 { font:normal 30px stb; }
#sub2_1 .cont3 .mySwiper2 p { margin-top: 10px; line-height:2; }


#sub2_1 .cont2 .ytb { margin-top: 80px; }
#sub2_1 .ytb { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
#sub2_1 .ytb iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
#sub2_1 .ytb:after { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

#sub2_1 .cont3 .mySwiper2 figure { position: relative; width: 920px; height: 518px; }
#sub2_1 .cont3 .mySwiper2 figure img { display: none; }
#sub2_1 .cont3 .mySwiper2 figure:after { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }


/* sub3_1 */
#sub3_1 .cont1 { margin-top: 60px; font-size:12px; }
#sub3_1 .cont1 #bo_gall .gall_text_href a { height: 70px; }
#sub3_1 .cont1 #bo_gall .bo_cnt {
    min-height: 90px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* sub3_3 */
#sub3_3 { color:#1f1f27; }
#sub3_3 .cont1 { margin-top: 140px; }
#sub3_3 .cont1 h2 { font:55px stb; color:#1f1f27; }
#sub3_3 .cont1 h3 { font:40px stb; color:#1f1f27; }
#sub3_3 .cont1 .cl { margin-top: 100px; }
#sub3_3 .cont1 .cl .left { font:40px/1.5 steb; }
#sub3_3 .cont1 .right h3 { font:30px stb; margin: 20px 0 20px; }
#sub3_3 .cont1 .right table { width: 100%; border-collapse: collapse; color:#1f1f27;  border-top:1px solid #a38b78; border-bottom:1px solid #a38b78;}
#sub3_3 .cont1 .right table th { text-align: left; width: 50%; padding:10px 0; }
#sub3_3 .cont1 .right table td { padding:10px 0; }
#sub3_3 .cont1 .right h4 { font:16px stb; margin: 30px 0 20px; color:#a38b78;}
#sub3_3 .cont1 .right ul{ justify-content: flex-start; }
#sub3_3 .cont1 .right ul li { font:16px/1.8 stm; color:#a38b78; padding-left: 10px; text-indent: -10px;}

#sub3_3 .cont2 { margin-top: 50px; }
#sub3_3 .cont2 .right h3 { font:30px stb; margin: 20px 0 20px; }
#sub3_3 .cont2 .right ul{ justify-content: flex-start; margin-bottom: 50px;}
#sub3_3 .cont2 .right ul li { font-family:stm; line-height:1.8; color:#1f1f27; padding-left: 10px; text-indent: -10px;}

#sub3_3 .cont3 { margin-top: 100px; margin-bottom: 100px;}
#sub3_3 .cont3 .right h3 { font:30px stb; margin: 20px 0 20px; }
#sub3_3 .cont3 .right table { width: 100%; border-collapse: collapse; color:#1f1f27;  border-top:1px solid #a38b78; }
#sub3_3 .cont3 .right table:last-child {border-bottom:1px solid #a38b78;}
#sub3_3 .cont3 .right table th { text-align: left; width: 40%; font-family:stb; padding:10px 0; }
#sub3_3 .cont3 .right table td { font-family: stm; padding:10px 0; line-height:2; }

#sub3_3 .cont2 { margin-top: 50px; }
#sub3_3 .cont2 .right h3 { font:30px stb; margin: 20px 0 20px; }
#sub3_3 .cont2 .right ul{ justify-content: flex-start; margin-bottom: 50px;}
#sub3_3 .cont2 .right ul li { line-height:2; font-family:stm; color:#1f1f27; padding-left: 10px; text-indent: -10px;}

#sub3_3 .cont4 { margin-top: 50px; margin-bottom: 150px;}
#sub3_3 .cont4 .right h3 { font:30px stb; margin: 20px 0 20px; }
#sub3_3 .cont4 .right ul{ justify-content: flex-start; margin-bottom: 10px;}
#sub3_3 .cont4 .right ul li { line-height:2; font-family:stm; color:#1f1f27; padding-left: 10px; text-indent: -10px;}
#sub3_3 .cont4 .right img {width: 100%; border-top:1px solid #a38b78; }



/* sub4_1 */
nav.lnb { position: absolute; left:calc(50% - 700px); border-bottom:1px solid #a38b78; z-index:5; background: #fff; }
nav.lnb.on { position: fixed; left: 0; top: 0; max-width: 100vw; width:100%;  }
nav.lnb ul { width:1400px; justify-content: flex-start; margin:0 auto; }
nav.lnb ul li { font:28px/60px stb; color:#1f1f27; margin-right: 40px; opacity: 0.3; cursor: pointer; }
nav.lnb ul li:last-child { margin-right: 0; }
nav.lnb ul li.select { opacity: 1; }
nav.lnb + .blank { height: 60px;  }


#sub4_1 { color:#1f1f27; padding-bottom: 0;}
#sub4_1 .cont1 { margin-top: 140px; }
#sub4_1 .cont1 h2 { font:55px stb; color:#1f1f27; }
#sub4_1 .cont1 .cl { margin-top: 100px; }
#sub4_1 .cont1 .cl .left { font:30px stb; }

#sub4_1 .cont2 { margin-top: 180px; }
#sub4_1 .cont2 .left { text-align: center;  }
#sub4_1 .cont2 .left img { width: 342px; }
#sub4_1 .cont2 .right .company {margin-bottom: 130px;}
#sub4_1 .cont2 .right .company h3 { font:30px stb; margin-top: 30px;}
#sub4_1 .cont2 .right .company p { margin-top: 40px; }
#sub4_1 .cont2 .right .company p span{color:#a38b78; font:stb;}

#sub4_1 .cont3 { margin-top: 200px;}
#sub4_1 .cont3 img { width: 100%; height:560px; object-fit: cover; }





/* sub4_2 */
#sub4_2 .cont1 { margin-top: 80px; }
#sub4_2 .cont1 .left { width: 200px; font:28px stb;  }
#sub4_2 .cont1 .left li { margin-bottom: 20px; opacity: 0.3; }
#sub4_2 .cont1 .left li a { display:flex; align-items:center; justify-content:space-between;  }
#sub4_2 .cont1 .left li a i { font-size:24px; display: none; }
#sub4_2 .cont1 .left li.select { opacity: 1; }
#sub4_2 .cont1 .left li.select a i { display: block; }
#sub4_2 .cont1 .right { width: 1080px; float:right; }
#sub4_2 .cont1 .right .ment { margin-bottom: 60px; }
#sub4_2 .cont1 .right .ment h3 { font:30px stb; }
#sub4_2 .cont1 .right .ment p { font:18px stm; margin-top: 16px;  }

#sub4_2 .cont1 #bo_v_title .bo_v_tit { font:30px stb; margin-top: 0; }



/* sub5_1 */
#sub5_1 .cont1 .left h2 { font:30px steb; }
#sub5_1 .cont1 .left p { margin-top: 40px; }
#sub5_1 .cont1 .right ul { border-top:1px solid #2d2d3c; }
#sub5_1 .cont1 .right ul li { border-bottom:1px solid #2d2d3c; color:#2d2d3c; position:relative; padding:6px 0 6px 120px; }
#sub5_1 .cont1 .right ul.jpn li { padding-left: 160px; }
#sub5_1 .cont1 .right ul li label { position: absolute; left: 0; line-height:40px;  }
#sub5_1 .cont1 .right ul li input, #sub5_1 .cont1 .right ul li textarea { width:100%; border:none; outline:none; font:18px stm; padding:0 10px; box-sizing: border-box; } 
#sub5_1 .cont1 .right ul li input { height: 40px; }
#sub5_1 .cont1 .right ul li textarea { padding:10px; }
#sub5_1 .cont1 .right ul li #countryCode { height: 40px; border:1px solid #ddd; font:18px stm; width: 300px; }
#sub5_1 .cont1 .right ul li #telephone { width:calc(100% - 310px); }
#sub5_1 .cont1 .right ul li #etc3 { height: 40px; border:1px solid #ddd; font:18px stm; }
#sub5_1 .cont1 .right input[type="submit"] { margin-top:40px; border:none; background:none; font:30px steb; color:#2d2d3c; }

#sub5_1 .cont2 { margin-bottom: 200px; justify-content: space-between; }
#sub5_1 .cont2 > h2 { font:30px steb; margin-bottom: 60px; }
#sub5_1 .cont2 figure { width: 970px; position: relative; float:left; }
#sub5_1 .cont2 figure img { width: 100%; opacity: 0; transition:0.5s; }
#sub5_1 .cont2 figure img.on { opacity: 1; }
#sub5_1 .cont2 figure img:first-child ~ img { position: absolute; left: 0; top: 0; }
#sub5_1 .cont2 .loc { width: 310px; float:right; }
#sub5_1 .cont2 .loc > li { opacity: 0.3; transition:0.5s; cursor: pointer; margin-bottom: 20px; }
#sub5_1 .cont2 .loc > li:last-child { margin-bottom: 0; }
#sub5_1 .cont2 .loc > li.on { opacity: 1; }
#sub5_1 .cont2 .loc > li h2 { font-size:20px; font-family: steb; display:flex; align-items:center; justify-content:flex-start;  }
#sub5_1 .cont2 .loc > li h2 i { font-size:30px; margin-right: 6px; }
#sub5_1 .cont2 .loc ul { padding-left: 50px; font:17px/1.8 steb; margin-top: 10px; display: none; }