img.sp {width:100%;}
h2 {text-align:center;font-size:23px;margin-bottom:50px;}
ul.bnav {width:1000px;font-size:0;padding:70px 0;margin:0 auto;}
ul.bnav li {display:inline-block;width:33.3%;box-sizing:border-box;text-align:center;font-size:20px;border:1px #eee solid;border-left:none;}
ul.bnav li:first-child {border-left:1px #eee solid;}
ul.bnav li a {display:block;padding:8px 0;color:#93b9ce;}
ul.bnav li.active {position:relative;border:none;}
ul.bnav li.active a {color:#fff;}
ul.bnav li.active:after {content: "";position: absolute;right: 0;bottom: -15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 15px 10px 0 10px;}
.active1:after{border-color: #155aae transparent transparent transparent;}
.active1 {background:#155aae;}
.active2:after{border-color: #b086da transparent transparent transparent;}
.active2 {background:#b086da;}
.active3:after{border-color: #5aacc9 transparent transparent transparent;}
.active3 {background:#5aacc9;}

.content {text-align:center;line-height:1.8;margin-bottom:70px;}
.content_gr {background:#f6f6f6;padding:60px;}
.emph {font-size:28px;color:#155aae;margin-bottom:0;}
.content_gr p {text-align:left;line-height:2;}

.outline .content_gr {padding: 30px 95px;}
.outline .tablebox {background:#fff;padding:60px 50px;}
.outline .tablebox table {border-collapse:collapse;width:100%;border-top:1px #ccc solid;}
.outline .tablebox th, .outline .tablebox td {padding:20px;text-align:left;border-bottom:1px #ccc solid;}
.outline .tablebox th {width:23%;font-weight:normal;}
.outline .address {line-height:2;}
.outline .address img {float:right;}
.achive .tablebox {background:#fff;padding:60px;}
.achive .tablebox dt {font-weight:bold;}
.achive .tablebox dd {padding:20px 0;}
.achive .imagemap {position:relative;}
.achive .imagemap a {display:inline-block;position:absolute;}
.achive .imagemap a.link1 {width:146px;height:76px;top:20%;left:19%;}
.achive .imagemap a.link2 {width:146px;height:70px;top:20%;left:34%;}
.achive .imagemap a.link3 {width:146px;height:70px;top:20%;left:48.5%;}
.achive .imagemap a.link4 {width:146px;height:70px;top:20%;left:64%;}
.achive .imagemap a.link5 {width:146px;height:70px;top:20%;left:78.5%;}
.achive .imagemap a.link6 {width:148px;height:97px;top:37.5%;left:14%;}
.achive .imagemap a.link7 {width:148px;height:97px;top:37.5%;left:29.5%;}
.achive .imagemap a.link8 {width:148px;height:97px;top:37.5%;left:44.5%;}
.achive .imagemap a.link9 {width:128px;height:53px;top:69%;right:32.5%;}
.achive .imagemap a.link10 {width:128px;height:53px;top:69%;right:19%;}
.achive .imagemap a.link11 {width:128px;height:60px;top:69%;right:6%;}
.achive .imagemap a.link12 {width:128px;height:52px;top:78%;left:27%;}
.achive .imagemap a.link13 {width:128px;height:86px;top:63.5%;left:27%;}
.achive .imagemap a.link14 {width:128px;height:52px;top:63%;left:40%;}
.achive .imagemap a.link15 {width:128px;height:52px;top:55%;left:40%;}
.achive .imagemap a.link16 {width:128px;height:53px;top:77.5%;right:32.5%;}
.achive .imagemap a.link17 {width:176px;height:76px;top:39%;right:7.5%;}


.achive .details h3 {color:#fff;font-size:20px;font-weight:bold;text-align:center;padding:5px;margin-bottom:20px;}
.achive .details.first h3 {background:#155aae;}
.achive .details.second h3 {background:#74ad3c;}
.achive .details.third h3 {background:#b086da;}
.achive .details dt {font-size:20px;font-weight:bold;}
.achive .details dd {padding:20px 0;font-size:16px;}
.achive .details.first dt {color:#155aae;}
.achive .details.second dt {color:#74ad3c;}
.achive .details.third dt {color:#b086da;}
.achive .details ol li {list-style:none;margin:10px 0;padding-left: 22px;text-indent: -22px;font-weight:bold;}
.achive .details ol li p {text-indent:0;padding-top:10px;font-weight:normal;font-size:16px;}

.alc {text-align:center;}
.alr {text-align:right;}
.all {text-align:left;}

@media screen and (max-width: 768px) {
section.inner {padding-top:30px;}
.content {line-height:1.5;}
.emph {font-size:22px;}

.index .inner.txt {background:#f6f6f6;padding-bottom:20px;}
.index .content_gr {background:#fff;padding:20px;}
.index .content_gr h2 {margin-bottom:30px;}
.index .content_gr p {font-size:15px;line-height:1.6;}
.outline .content_gr, .achive .content_gr {padding: 20px;}
.outline .tablebox, .achive .tablebox {padding:20px;}
.outline .tablebox h2, .achive .tablebox h2 {margin-bottom:30px;}
.outline .tablebox th, .outline .tablebox td {padding:10px;font-size:15px;}
.outline .tablebox th {width:33%;}
.outline .address p {position:relative;padding-bottom:27px;margin-bottom:8px;}
.outline .address img {float:none;position:absolute;left:0;bottom:0;}
.achive .details h3 {font-size:18px;15px;}
.achive .details dt {font-size:18px;}
.achive .details dd {padding:15px 0;font-size:15px;}
.achive .tablebox dd.table{width:auto;overflow-x:auto;margin-bottom:20px;padding-bottom:0;}
.achive table {border-collapse:collapse;width:760px;}
.achive .table th {width:110px;background:#d7eaf1;padding:5px;vertical-align:top;text-align:left;font-weight:normal;}
.achive .table th, .achive .table td {border:1px #ccc solid;padding:5px 10px;font-size:15px;}

dt[id]:before {
    display: block;
    height: 7rem;
    margin-top: -7rem;
    content: "";
}

}