.mainmv { background: url(../images/mainmv.jpg) no-repeat center top; background-size: cover; padding: 7% 0; }

.mainmv * { color: #fff; }

.mainmv h1 { font-size: 28px; font-weight: 500; }

.mainmv p { font-size: 14px; font-weight: normal; }

.mainmv .img { margin: 5% 0; }

.titspec { font-size: 22px; font-weight: bold; text-align: center; }

.titspec span { font-size: 30px; font-weight: bold; color: #129294; background: url(../images/shape1.png) no-repeat center bottom; display: inline-block; padding-bottom: 5px; letter-spacing: -2px; }

.section1 { padding-top: 7%; padding-bottom: 10%; background: #F8F9FB url(../images/bgsec1.jpg) no-repeat center bottom; }

.section1 ul.list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; margin-bottom: 25px; }

.section1 ul.list li { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 18px; font-weight: 900; max-width: 100%; background: url(../common_img/icon-check.png) no-repeat left top 5px; background-size: 20px; padding-left: 30px; margin-bottom: 15px; }

.section1 ul.list li:last-child { margin-bottom: 0; }

.section1 .boxtxt { background: #fff; position: relative; padding: 10px 15px; min-height: 215px; }

.section1 .boxtxt .imgper { position: absolute; right: -10px; bottom: 0; width: 30%; }

.section1 .boxtxt p { line-height: 2.4; }

.section1 .boxtxt ul { z-index: 2; margin: 0; right: -12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: left; }

.section1 .boxtxt ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.section1 .boxtxt ul .btncon { min-width: 260px; margin: 15px 0; }

.section1 .boxtxt ul .btncon a { font-size: 18px; font-weight: bold; background: #129294 url(../common_img/icon-mail.png) no-repeat left 20px center; background-size: 27px; display: block; color: #fff; padding-right: 20px; padding-left: 60px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section1 .boxtxt ul .btntel { color: #fff; font-size: 22px; background: #006e70 url(../common_img/icon-tel.png) no-repeat left 20px center; background-size: 25px; padding-left: 60px; padding-right: 30px; height: 50px; min-width: 260px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section1 .boxtxt ul .btntel a { color: #fff; }

.section2 { padding-top: 7%; padding-bottom: 10%; }

.section2 .titspec span:nth-child(1) { background: url(../images/shape2.png) no-repeat center bottom; padding-bottom: 0; letter-spacing: 3px; }

.section2 .titspec span:nth-child(2) { letter-spacing: -7px; }

.section2 ul { margin: 5% 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.section2 ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 47%; -ms-flex: 0 0 47%; flex: 0 0 47%; font-weight: bold; text-align: center; margin-bottom: 20px; }

.section2 ul li .js-square { background: #129294; box-shadow: 4px 4px 0 #006e70; width: 100%; margin-bottom: 15px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section2 ul li .img img { width: 80%; }

.section2 ul li span { display: block; line-height: 1.4; font-size: 17px; }

.section2 .btnpage { margin-top: 30px; }

.section3 .flexbox { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.section3 .boximfo { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; padding-top: 30px; padding-bottom: 30px; max-height: 280px; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; position: relative;}

.section3 .boximfo .in_link {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 3;}

.section3 .boximfo p { z-index: 2; position: relative; }

.section3 .boximfo .num { position: absolute; right: 20px; bottom: 20px; z-index: 2; width: 40%; text-align: right; }

.section3 .boximfo .img { position: absolute; left: 50%; top: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section3 .boximfo .img img { -webkit-transition: all .3s; transition: all .3s; height: 100%; width: auto; max-width: inherit; max-height: 260px; }

.section3 .boximfo h3 { font-size: 20px; position: relative; padding-bottom: 15px; margin-bottom: 15px; z-index: 2; }

.section3 .boximfo h3::after { position: absolute; content: ''; background: #fff; left: 0; bottom: 0; width: 100px; height: 1px; }

.section3 .boximfo .btnmore { margin-top: 35px; position: relative; z-index: 2; }

.section3 .boximfo .btnmore a { text-decoration: underline; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.section3 .boximfo.bg01 { padding-left: 15px; }

.section3 .boximfo.bg01 * { color: #fff; }

.section3 .boximfo.bg02 { padding-left: 15px; }

.section3 .boximfo.bg02 h3:after { background: #000; }

.section3 .boximfo.bg02 * { color: #000; }

.section3 .boximfo.bg03 { padding-left: 15px; }

.section3 .boximfo.bg03 * { color: #fff; }

.section3 .boximfo.bg04 { padding-left: 15px; }

.section3 .boximfo.bg04 h3:after { background: #000; }

.section3 .boximfo.bg05 { padding-left: 15px; }

.section3 .boximfo.bg05 * { color: #fff; }

.section3 .boxtitle { background: #d5f8f9; position: relative; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; padding: 3%; }

.section3 .boxtitle p { font-size: 15px; position: relative; z-index: 9; }

.section3 .boxtitle .logoimg { position: absolute; bottom: 10%; right: 7%; z-index: 0; max-width: 150px; }

.section3 .boxtitle .inbox { border: 1px solid #006e70; height: 100%; padding: 3%; padding-bottom: 12%; }

.section3 .titpage { margin-bottom: 20px; }

.section3 .titpage span { color: #129294; }

.section4 { padding-top: 7%; padding-bottom: 10%; }

.section4 .titpage { border-left: 0; padding-left: 0; }

.section4 .pickup { margin-top: 40px; }

.section4 .pickup .brn { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 160px; -webkit-transition: all .3s; transition: all .3s; margin-bottom: 3%; }

.section4 .pickup .brn a { display: block; color: #fff; font-size: 22px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 30px; height: 100%; }

.section4 .pickup .brn.brn1 { background: url(../images/bgbrn1.jpg) no-repeat center center; background-size: cover; }

.section4 .pickup .brn.brn2 { background: url(../images/bgbrn2.jpg) no-repeat center center; background-size: cover; }

.section4 .pickup .brn.brn3 { background: url(../images/bgbrn3.jpg) no-repeat center center; background-size: cover; }

.section4 .pickup .brn.brn4 { background: url(../images/bgbrn4.jpg) no-repeat center center; background-size: cover; margin-bottom: 0; }

.section5 { background: url(../images/bginfo.jpg) no-repeat center top; background-size: cover; padding: 7% 0; }

.section5 .flexbox { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 15px; }

.section5 .boxtit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.section5 .titpage { border-color: #fff; color: #fff; }

.section5 .titpage * { color: #fff; }

.section5 .btnpage { margin: inherit; max-width: 140px; }

.section5 .btnpage a { border-color: #fff; width: 140px; height: 40px; padding: 8px 0; }

.section5 .btnpage a span { color: #fff; font-size: 14px; }

.section5 .btnpage a span::before { border-color: #fff; width: 6px; height: 6px; right: 10%; margin-top: -4px; }

.section5 .boxinfo { background: #fff; margin-top: 30px; margin-bottom: 30px; }

.section5 .boxnews { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.section5 .boxnews .boxinfo { padding: 15px; padding-right: 0; }

.section5 .boxnews .inbox { height: 280px; overflow-y: scroll; padding-right: 20px; }

.section5 .boxnews .inbox .flexbox { padding: 0; padding-bottom: 15px; }

.section5 .boxnews .inbox dl { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; }

.section5 .boxnews .inbox dl:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.section5 .boxnews .inbox dt { font-size: 14px; color: #fff; font-weight: bold; background: #006e70; width: 103px; text-align: center; padding: 3px 5px; }

.section5 .boxnews .inbox dd { margin-top: 10px; width: 100%; }

.section5 .boxnews .inbox dd a { padding-top: 5px; display: block; }

.section5 .boxarea { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.section5 .boxarea .boxinfo { background: #fff url(../images/imgmap.png) no-repeat center center; -webkit-transition: all .3s; transition: all .3s; height: 310px; position: relative; }

.section5 .boxarea p { position: absolute; right: 15px; bottom: 15px; font-size: 16px; line-height: 1.5;}

.section5 .boxarea p span { color: #b80202; }