@charset "UTF-8";

/*-------------------------
__style（扉ページ）
-------------------------*/

.demo{
    width: 980px;
    margin: 0 auto;}

/*-------------------------
__style（エリアページ・共通）
-------------------------*/

#contents img{vertical-align:top;}

#contents .sub_title{display:block;font-size:1em;text-align:center;padding:0 0 30px;}
#contents .sub_title span{display:block;font-size:2.1em;line-height:1.4;font-weight:700;padding:15px 0 0;color:#00349f;}
#contents .main_p{font-size:1.6em;line-height:1.8em;margin:0 0 30px;}
@media screen and (max-width: 767px) {
#contents .sub_title{padding:0 0 15px;}
#contents .sub_title img{max-height:25px;}
#contents .sub_title span{font-size:1.5em;padding:10px 0 0;}
#contents .main_p{font-size:1.3em;line-height:1.6em;margin:0 0 15px;}
}

#contents .box01{margin:0 0 90px;}
#contents .box01 ul{letter-spacing:-1em;}
#contents .box01 ul li{display:inline-block;width:calc((100% - 60px) / 4);letter-spacing:normal;text-align:center;vertical-align:top;margin:0 20px 0 0;padding:20px 10px;box-sizing:border-box;background-color:#e6ebf6;}
#contents .box01 ul li:nth-child(4n){margin:0}
#contents .box01 ul li img{max-height:37px;}
#contents .box01 ul li span{display:block;font-size:2.2em;line-height:1.4;font-weight:700;padding:10px 0 15px;color:#00349f;}
#contents .box01 ul li a{display:block;font-size:1.9em;font-weight:700;text-decoration:none;padding:15px;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#FFF;background-color:#00349f;}
#contents .box01 ul li a + a{margin:10px 0 0;}
#contents .box01 .banner{max-width:720px;text-align:center;margin:50px auto 0;}
#contents .box01 .banner a{display:block;}
#contents .box01 .banner img{width:100%;height: auto;}
@media screen and (min-width:1025px) {
#contents .box01 ul li a{transition:all 0.3s;}
#contents .box01 ul li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#contents .box01 .banner a{transition:all 0.3s;}
#contents .box01 .banner a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
}
@media screen and (max-width: 767px) {
#contents .box01{margin:0 0 40px;}
#contents .box01 ul li{display:inline-block;width:calc((100% - 10px) / 2);margin:0 10px 10px 0;padding:10px;}
#contents .box01 ul li:nth-child(2n){margin:0 0 10px;}
#contents .box01 ul li img{max-height:25px;}
#contents .box01 ul li span{font-size:1.6em;padding:5px 10px;}
#contents .box01 ul li a{font-size:1.3em;padding:10px;}
#contents .box01 .banner{margin:25px 0 0;}
}

#contents .box02{margin:0 0 90px;}
#contents .box02 .box02_inner{letter-spacing:-1em;text-align:center;}
#contents .box02 dl{display:inline-block;width:calc((100% - 75px) / 3);letter-spacing:normal;vertical-align:top;margin:25px 25px 0 0;box-sizing:border-box; border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;border:3px solid #00349f;}
#contents .box02 dl:nth-child(3n){margin-right:0;}
#contents .box02 dl dt{height:160px;-webkit-border-radius:4px 4px 0px 0px / 4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px / 4px 4px 0px 0px;border-radius:4px 4px 0px 0px / 4px 4px 0px 0px;position:relative;}
#contents .box02 dl dt img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);}
#contents .box02 dl.c01 dt{background:url(images/pickup_bg01.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c02 dt{background:url(images/pickup_bg02.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c03 dt{background:url(images/pickup_bg03.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c04 dt{background:url(images/pickup_bg04.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c05 dt{background:url(images/pickup_bg05.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c06 dt{background:url(images/pickup_bg06.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c07 dt{background:url(images/pickup_bg07.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c08 dt{background:url(images/pickup_bg08.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl.c09 dt{background:url(images/pickup_bg09.jpg) center center no-repeat;background-size:cover;}
#contents .box02 dl dd{font-size:2.3em;line-height:1.2;font-weight:700;padding:20px 0;}
#contents .box02 dl dd a{text-decoration:none;color:#00349f;}
@media screen and (min-width:1025px) {
#contents .box02 dl{transition:all 0.3s;}
#contents .box02 dl:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
}
@media screen and (max-width: 767px) {
#contents .box02{margin:0 0 20px;}
#contents .box02 dl{width:calc((100% - 10px) / 2);margin:15px 10px 0 0;}
#contents .box02 dl:nth-child(3n){margin-right:10px;}
#contents .box02 dl:nth-child(2n){margin-right:0;}
#contents .box02 dl dt{height:80px;}
#contents .box02 dl dt img{max-height:40px;}
#contents .box02 dl dd{font-size:1.7em;padding:10px 0;}
}