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

/* common */
html, body { height:100%; }
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1200px; margin:0 auto; position: relative; }
.wrap:after, ul:after, cl:after { content:""; clear:both; display: block; }
.blind { width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.dn { display:none !important; }
.arr:after { content:""; width:10px; height:10px; display:inline-block; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-left:4px; }
.hidden { overflow: hidden;
  display: inline-block;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);}

/* header & footer */
#w_header { position: fixed; width:100%; z-index:99; height:90px; transition: 0.3s; overflow: hidden; }
#w_header.fix { border-bottom:1px solid #ddd; background:#fff; }
#w_header.on { height:270px; border-bottom:1px solid #ddd; background:#fff; }
#w_header h1 { padding:30px 0 0 50px; }
#w_header #gnb { position: absolute; right:50px; top:30px; }
#w_header #gnb > li { float:left; margin-left: 100px; }
#w_header #gnb > li > a { font:16px ntb; color:#000; }
#w_header #gnb ul { padding-top: 40px; position: absolute; }
#w_header #gnb ul li a { color:#666; font:14px/30px ntm;  }

#w_footer { height: 60px; background: #333; justify-content: flex-start; }
#w_footer figure { padding:0 50px; float:left; }
#w_footer address { font:normal 12px/1.3 ntr; color:#666; }
#w_footer address a { color:inherit; }

/* index */
#main { height:100vh; }
#main .swiper-container { width: 100%; height: 100%; }
#main .swiper-slide { background-position: center; background-size: cover; }
#main .ment { height:calc(100% - 250px); position: absolute; left:50px; width:calc(100% - 100px); top:0; z-index:9; flex-direction: column; align-items: flex-start; }
#main .ment h2 { font:80px "arial black"; text-shadow: 1px 1px 0px #ffffff9e;}
#main .ment h2 span { color:#0035ad; text-shadow:none; }
#main .ment p { font:30px/1.6 ntr; text-shadow:1px 1px 0px #ffffff9e; }
#main .ment > span:before { content: "-"; margin-right:4px; }
#main .ment > span { margin-top: 4px; font:18px ntr; }
#main .ment > span:nth-of-type(1) { margin-top:30px; }
#main .swiper-pagination { position: absolute; right:0; top:45%; width:50%; text-align: right; border-top:2px solid #333; padding-top:10px; left:auto; font:20px ntm; display: none;}
#map { position: absolute; width:100%; left:0; bottom:0; z-index:90; }
#map > li { float:left; width:25%; height:250px; padding:50px 0 0 150px; box-sizing: border-box; color:#fff; border-right:2px solid rgba(255,255,255,0.4); transition:0.3s; }
#map > li:nth-child(1) { background:rgba(0,0,0,0.7) url(/images/m1.png) no-repeat 50px 50px; }
#map > li:nth-child(2) { background:rgba(0,0,0,0.7) url(/images/m2.png) no-repeat 50px 50px; }
#map > li:nth-child(3) { background:rgba(0,0,0,0.7) url(/images/m3.png) no-repeat 50px 50px; }
#map > li:nth-child(4) { background:rgba(0,0,0,0.7) url(/images/m4.png) no-repeat 50px 50px; }
#map > li:hover { background-color:rgba(0,49,138,0.9); }
#map > li h2 { font:20px ntm; }
#map ul { margin-top: 10px; }
#map ul li { margin-bottom: 4px; }
#map ul li a { color:#ddd; font:14px ntl; }
#map ul li a:before { content:"- "; }

/* sub layout */
.sv { height: 390px; padding-top:90px; box-sizing: border-box; }
.sv .wrap { height: 100%; justify-content: flex-start; }
.sv h2 { font:50px ntbl;  }
.sv h2 span { color:#0035ad; }

nav ul li { float:left; }
nav ul li a { display: flex; align-items: center; justify-content: center; color:#999; border-bottom:2px solid rgba(0,53,149,0); height:60px; font:16px ntb; }
nav ul li.select a { color:#003595; border-color:#003595; }

.pad { padding:100px 0 200px; }
h2.title { color:#333; font:30px ntb; }
h2.title:after { content:""; width:50px; border-top:3px solid #003595; display: block; margin: 40px 0;  }

/* sub1_1 */
#sub1 { background:url(/images/bg_sub1.jpg) no-repeat center/cover;  }
#sm1 li { width:20%; }
#sub1_1 .cont1 ul { margin-bottom: 100px; }
#sub1_1 .cont1 ul li { float:left; margin-right: 100px; }
#sub1_1 .cont1 h3 { color:#222; font:20px/1.6 ntb; margin-bottom: 10px; }
#sub1_1 .cont1 p { color:#666; font:16px/1.6 ntd; margin-bottom: 50px; }
#sub1_1 .cont1 > img { position: absolute; left:60%; top:353px; }

/* sub1_5 */
#sub1_5 .cont1 li { margin-top: 80px; }
#sub1_5 .cont1 li:after { content:""; clear:both; display: block; }
#sub1_5 .cont1 li figure { justify-content: flex-start; width:150px; float:left; }
#sub1_5 .cont1 li dl { float:left; width:calc(100% - 150px); }
#sub1_5 .cont1 li dl dt { font:20px ntb; color:#333; margin-bottom: 10px; }
#sub1_5 .cont1 li dl dt span { font:20px ntd; }
#sub1_5 .cont1 li dl dd { font:16px/1.6 ntr; color:#666; }

/* sub2_1 */
#sub2 { background:url(/images/bg_sub2.jpg) no-repeat center/cover;  }
#sm2 li { width:25%; }
#sub2_1 .cont1 article { width:730px; float:left; margin-right: 40px;  }
#sub2_1 .cont1 article p { color:#666; font:16px/1.6 ntd; margin-top: 90px; }
#sub2_1 .cont1 figure { width:420px; float:left; border:1px solid #ddd; height:390px; margin-top:130px;}

/* sub2_2 */
#sub2_2 ul li { float:left; width:380px; margin-right:30px; }
#sub2_2 ul li img { border:1px solid #ddd; box-sizing: border-box; width: 380px; }
#sub2_2 ul li:last-child { margin-right: 0; }
#sub2_2 ul li p { color:#444; font:16px ntr; margin-top: 20px; text-align: center;}
#sub2_2 .cont2 { margin-top: 100px; }

/* sub2_3 */
#sub2_3 figure { float:left; width:570px; } 
#sub2_3 figure img { width: 100%; } 
#sub2_3 article { float:right; width:613px; } 
#sub2_3 article table { width:100%; border-collapse:collapse; } 
#sub2_3 article table th, #sub2_3 article table td { padding:5px 0; text-align: center; border:1px solid #666; } 
#sub2_3 article table th { font:16px ntm; }
#sub2_3 article table th:first-child, #sub2_3 article table td:first-child { border-left:none; }
#sub2_3 article table th:last-child, #sub2_3 article table td:last-child { border-right:none; }
#sub2_3 article table td { font:16px ntr; color:#666; }
#sub2_3 article p { color:#666; font:16px/1.6 ntr; margin-top: 10px; }
#sub2_3 .cont2 { margin-top: 100px; }
#sub2_3 .cont2 div { float:left; }
#sub2_3 .cont2 article div table th, #sub2_3 .cont2 article div table td { border:1px solid #666; width:87px; box-sizing: border-box; padding:4px 0; text-align: center; }
#sub2_3 .cont2 article div:first-of-type table th:first-child, #sub2_3 .cont2 article div:first-of-type table td:first-child { border-left:none; }
#sub2_3 .cont2 article div table th:last-child, #sub2_3 .cont2 article div table td:last-child { border-right:none; }
#sub2_3 .cont2 p:first-of-type { clear:both; padding-top:10px; }

/* sub2_4 */
#sub2_4 figure { float:left; width:570px; } 
#sub2_4 figure img { width: 100%; } 
#sub2_4 article { float:right; width:610px; } 
#sub2_4 article table { width:100%; border-collapse:collapse; border-top:1px solid #666; } 
#sub2_4 article table th, #sub2_4 article table td { border-bottom:1px solid #666; padding:5px 0; }
#sub2_4 article table th { width:120px; font:16px ntm; text-align: left; vertical-align: top; }
#sub2_4 article table td { font:16px ntr; color:#666; }
#sub2_4 article table td ul li { margin-top: 9px;}
#sub2_4 article table td ul li:before { content:"- "; }

/* sub3_1 */
#sub3 { background:url(/images/bg_sub3.jpg) no-repeat center/cover;  }
#sm3 li { width:25%; }
#sub3_1 figure { width:550px; float:left; margin-right: 40px; border:1px solid #ddd; height:830px; box-sizing: border-box; }
#sub3_1 article { width:610px; float:left; }
#sub3_1 article p { color:#666; font:16px/1.6 ntr; margin-bottom: 90px; }
#sub3_1 article div { float:left; }
#sub3_1 article table { border-collapse: collapse; width:100%; }
#sub3_1 article table th, #sub3_1 article table td { border:1px solid #666; width:67px; box-sizing: border-box; padding:4px 0; text-align: center; }
#sub3_1 article table th { font:16px ntm;  }
#sub3_1 article table td { font:16px ntr; color:#666; }
#sub3_1 article div:first-of-type table th:first-child, #sub3_1 .cont1 article div:first-of-type table td:first-child { border-left:none; }
#sub3_1 article table th:last-child, #sub3_1 article table td:last-child { border-right:none; }
#sub3_1 article span { display: block; position: relative; font:16px ntr; color:#666; padding-top: 6px; clear: both; padding-left:12px; }
#sub3_1 article span:first-of-type { padding-top: 20px; }
#sub3_1 article span i { position: absolute; left:0; font-style: normal; }
#sub3_1.sub3_1 .cont2 { margin-top: 100px; }

/* sub3_2 */
#sub3_1.sub3_2 figure { height: 800px; }
#sub3_1.sub3_2 .cont2 { margin-top: 100px; }
#sub3_1.sub3_2 .cont2 th:first-child, #sub3_1.sub3_2 .cont2 td:first-child { border-left:none; } 

/* sub3_3 */
#sub3_1.sub3_3 figure { height: 810px; }
#sub3_1.sub3_3 th:first-child, #sub3_1.sub3_3 td:first-child { border-left:none; } 

/* sub3_4 */
#sub3_1.sub3_4 figure { height: 680px; }
#sub3_1.sub3_4 ul { margin-top: 140px; }
#sub3_1.sub3_4 ul li { float:left; margin-right: 30px; width:290px; }
#sub3_1.sub3_4 ul li:last-child { margin-right: 0; }
#sub3_1.sub3_4 ul li table { margin-bottom: 30px; }
#sub3_1.sub3_4 th:first-child, #sub3_1.sub3_4 td:first-child { border-left:none; } 

/* sub4_1 */
#sub4 { background:url(/images/bg_sub4.jpg) no-repeat center/cover;  }
#sm4 li { width:33.3333%; }
#sub4_1 .cont1 figure { width:550px; float:left; margin-right: 30px; }
#sub4_1 .cont1 figure img { width:100%; }
#sub4_1 .cont1 article { width:620px; float:left; }
#sub4_1 .cont1 article p { color:#666; font:16px/1.6 ntd; }
#sub4_1 .cont1 article p span { font:18px ntm; display: block; margin-bottom: 20px; }

/* sub4_2 */
#sub4_2 ul { display:flex; justify-content: space-between; text-align: center; flex-wrap: wrap;}
#sub4_2 ul:after { display:none; }
#sub4_2 ul li img { height:215px; border:1px solid #eee;}
#sub4_2 ul li p { font:16px/1.6 ntr; color:#666; margin-top: 10px; }

/* sub4_3 */
#sub4_3 h3 { font:20px ntb; color:#333; }
#sub4_3 form table { width:100%; border-collapse: collapse; margin-top:40px;  }
#sub4_3 form table td { font:16px ntr; color:#666; vertical-align: top; padding:8px 0; }
#sub4_3 form table td:first-child { width:160px; padding-top:16px; }
#sub4_3 form table td input[type="text"] { border:none; outline: none; height:30px; background: #eee; width:100%; color:#666; font:16px/1.6 ntr; padding:20px; box-sizing: border-box; }
#sub4_3 form table td textarea { border:none; outline: none; height:200px; background: #eee; width:100%; padding:20px; box-sizing: border-box; color:#666; font:16px/1.6 ntr;}
#sub4_3 form table tr:last-child td { text-align: right; }
#sub4_3 form table td input[type="submit"] { width:110px; height:50px; border:1px solid #ddd; color:#0035ad; font:16px ntr; background:#fff; }
#sub4_3 .cont2 { margin-top: 100px; }
#sub4_3 .cont2 p { font:16px/1.6 ntr; color:#666; margin-top:6px; }
#sub4_3 .cont2 p:first-of-type { margin-top:30px; }
#sub4_3 .cont2 p:nth-of-type(2) { margin-top:5px; }
#sub4_3 .cont2 p span { display: inline-block; width:60px; }