img.sp {width:100%;}
h2 {text-align:center;font-size:23px;margin-bottom:50px;}
ul.bnav {width:100%;font-size:0;padding:70px 0;}
ul.bnav li {display:inline-block;width:20%;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;}
.active4:after{border-color: #74ad3c transparent transparent transparent;}
.active4 {background:#74ad3c;}
.active5:after{border-color: #27a89d transparent transparent transparent;}
.active5 {background:#27a89d;}

.content {text-align:center;line-height:1.8;margin-bottom:70px;}
.emph {font-size:28px;color:#155aae;}
.content p {margin-bottom:40px;}
.fbox {display:flex;justify-content:space-between;align-items: center;width:1000px;margin:30px auto 0 auto;border:1px #93b9ce solid;box-sizing:border-box;padding:30px 45px;}
.fbox dl {max-width:420px;}
.fbox dt {font-size:18px;font-weight:bold;}
.fbox dd {font-size:15px;}

.fbox2 {display:flex;justify-content:space-between;background:#eee;padding:50px;}
.fbox2 .item {width:270px;padding:20px 20px 60px 20px;box-sizing:border-box;text-align:center;background:#fff;position:relative;}
.item dt {font-size:17px;font-weight:bold;color:#155aae;padding-bottom:10px;}
.item dt img {margin:0 auto 8px auto;display:block;}
.item dd {font-size:14px;color:#000;}
.item a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.item dd .arrow {display:block;padding:100px 90px 20px 90px;position:absolute;bottom:0;left:0;right:0;margin:auto;}

.fbox3 {display:flex;justify-content:space-between;background:#eee;padding:50px;}
.fbox3 .item {width:calc(92% / 5);padding:40px 15px 60px 15px;box-sizing:border-box;text-align:center;background:#fff;position:relative;}
.fbox3 .item dt {font-size:17px;font-weight:normal;color:#000;padding-bottom:15px;}
.fbox3 .item dt img {margin:0 auto 20px auto;display:block;}
.fbox3 .item dd {text-align:left;padding:0 5px;}

.fbox4 {display:flex;justify-content:space-between;background:#eee;padding:50px;margin-bottom:60px;}
.fbox4 .item {width:270px;padding:40px 20px 60px 20px;box-sizing:border-box;text-align:center;background:#fff;position:relative;}
.fbox4 .item dt {font-size:17px;font-weight:bold;color:#000;padding-bottom:15px;}
.fbox4 .item dt img {margin:0 auto 5px auto;display:block;}
.fbox4 .item dd {text-align:left;}

.fbox5 {display:flex;justify-content:space-between;padding-bottom:60px;}
.fbox5 .item {width:350px;box-sizing:border-box;text-align:center;}
.fbox5 .item dt {font-size:17px;font-weight:bold;color:#fff;margin-bottom:10px;height:50px;background:#90bc69;box-sizing:border-box;padding:12px 30px;}
.fbox5 .item:first-child dt {background:#de9c51;}
.fbox5 .item:last-child dt {background:#b086da;padding:2px 30px;}
.fbox5 dd {text-align:center;padding:0 20px;}
.fbox5 dd ul {text-align:left;margin:0 auto;display:inline-block;}
.fbox5 dd li {list-style:disc outside;}

.fbox6 {background:#eee;padding:65px;}
.fbox6 ul {display:flex;justify-content:center;padding:15px;}
.fbox6 li {margin:0 30px;width:314px;font-size:15px;}
.fbox6 .name {font-size:18px;}
.fbox6 .bold {font-weight:bold;padding:20px 0;}

.banner {padding-top:40px;}

.linkrel {position:relative;display:inline-block;}
.linkrel a {position:absolute;display:block;width:36%;height:36%;}
.linkrel a.link1 {top:0;left:0;right:0;margin:auto;}
.linkrel a.link2 {top:0;left:0;bottom:0;margin:auto;}
.linkrel a.link3 {top:0;bottom:0;right:0;margin:auto;}
.linkrel a.link4 {bottom:0;left:0;right:0;margin:auto;}


@media screen and (max-width: 1024px) {
.inner {padding:0 20px;}
ul.bnav li {display:inline-block;width:20%;box-sizing:border-box;text-align:center;font-size:18px;border:1px #eee solid;border-left:none;}
.item dd .arrow {padding:70px 20px 20px 20px;}
}

@media screen and (max-width: 768px) {
section.inner {padding-top:30px;}
.content {line-height:1.5;}
.emph {font-size:22px;}
.fbox {display:block;text-align:center;width:90%;margin-bottom:30px;padding:20px 8%;}
.fbox div:first-child, .fbox dl {margin-bottom:20px;}
.fbox dd {text-align:left;}
.fbox2 {display:block;padding:20px;}
.fbox2 .item {width:100%;padding:30px 20px 20px 20px;margin-bottom:20px;}
.item dt img {margin:-11px 8px 0 0;display:inline-block;vertical-align:middle;height:50px;width:auto;}
.item dd {text-align:left;padding-top:10px;}
.item dd .arrow {display:block;padding:0;position:static;text-align:center;margin-top:15px;}
.fbox3 {display:block;padding:20px;}
.fbox3 .item {width:100%;padding:30px 20px 20px 20px;margin-bottom:20px;}
.fbox4 {display:block;padding:20px;margin-bottom:10px;}
.fbox4 .item {width:100%;padding:30px 20px 20px 20px;margin-bottom:20px;}
.fbox4 .item dt img {margin:0 auto 10px auto;display:block;height:80px;width:auto;}
.fbox5 {display:block;padding:0;}
.fbox5 .item {width:100%;padding:0;margin-bottom:20px;}
.fbox6 {padding:20px;margin-bottom:40px;}
.fbox6 ul {display:block;padding:0;width:100%;}
.fbox6 li {width:100%;padding:0;margin:0;margin-bottom:20px;text-align:center;}
.fbox6 li img {max-width:80%;}
.fbox6 li .txt {text-align:left;}
.banner {padding-top:20px;}
}