@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em;}
.none{ display:none;}
.bold{ font-weight:bold;}

.mv{background: url("../images/mv.png") no-repeat scroll 0 0; background-size: cover;}
.mv_inner{max-width: 1400px; margin: 0 auto; padding-bottom: 5%;}
.mv .logo{ display: inline-block; padding: 20px 35px; background: #fff;}
.mv_inner h1{ text-align: center; margin-top: 5%;}
.cont{max-width: 860px; margin: 15px auto 0; background-color: rgba(255,255,255,0.80); padding: 30px 10px 10px; box-sizing: border-box;}
.cont .txt{font-size: 2.2rem; text-align: center; font-weight: bold; color: #3b6ad3;}
.cont .txt2{font-size: 1.6rem; text-align: center; font-weight: bold; color: #3b6ad3; margin-top: 5px; position: relative;}
.cont .txt2:after{content: ""; position: absolute; right: 0; bottom: -10px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #3b6ad3 transparent transparent transparent; border-width: 7px 7px 0 7px;}
.cont .btnarea{margin-top: 30px; text-align: center; box-shadow: 0px 0px 15px -5px #777777;}
.cont .btnarea img{vertical-align: bottom;}
.cont .txt3{font-size: 1.6rem; text-align: center; font-weight: bold; color: #3b6ad3; margin-top: 15px; margin-bottom: 15px;}

.link_area{max-width: 760px; margin: 30px auto;}
.link_area .co_flx{display: flex; justify-content: space-between;}
.link_area .co_flx a{display: block; text-decoration: none; padding: 15px 0; font-size: 2.2rem; font-weight: bold; color: #000; width: 45%; background: url("../images/icon.png") no-repeat scroll right center;}

.foot{ padding:30px 0; background:#000;}
.foot p{ text-align:center; color:#fff; font-size:1.4rem;}



@media screen and (max-width: 767px) {

.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.br{ display:block;}

.mv{background: url("../images/sp/mv.png") no-repeat scroll 0 0; background-size: cover;}
.mv_inner{max-width: 100%; margin: 0 auto; padding-bottom: 5%;}
.mv .logo{ display: inline-block; padding: 10px 20px; background: #fff;}
.mv .logo img{width: 90px;}
.mv_inner h1{ text-align: center; margin-top: 8%;}
.mv_inner h1 img{max-width: 69%;}
.cont{max-width: 96%; margin: 15px auto 0; background-color: rgba(255,255,255,0.80); padding: 30px 10px 10px; box-sizing: border-box;}
.cont .txt{font-size: 1.5rem; text-align: center; font-weight: bold; color: #3b6ad3;}
.cont .txt2{font-size: 1.2rem; text-align: center; font-weight: bold; color: #3b6ad3; margin-top: 5px; position: relative;}
.cont .txt2:after{content: ""; position: absolute; right: 0; bottom: -10px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #3b6ad3 transparent transparent transparent; border-width: 7px 7px 0 7px;}
.cont .btnarea{margin-top: 30px; text-align: center; box-shadow: 0px 0px 15px -5px #777777;}
.cont .btnarea img{vertical-align: bottom;}
.cont .txt3{font-size: 1.2rem; text-align: center; font-weight: bold; color: #3b6ad3; margin-top: 15px; margin-bottom: 15px;}

.link_area{max-width: 90%; margin: 30px auto;}
.link_area .co_flx{display: block;}
.link_area .co_flx a{display: block; text-decoration: none; padding: 15px 0; font-size: 1.5rem; font-weight: bold; color: #000; width: 100%; background: url("../images/icon.png") no-repeat scroll 97% center #fff; background-size: 6%; border: 4px solid #000; text-align: center; margin-top: 15px; box-sizing: border-box;}


.foot{ padding:15px 5px; background:#000;}
.foot p{ text-align:center; color:#fff; font-size:1rem;}


}

@media all and (-ms-high-contrast: none) {
}