@charset "UTF-8";
/*-------------------------
__style
-------------------------*/

@media screen and (min-width:767px) {
#wrap {min-width: 1300px!important;}
}

#contents img{vertical-align:top;}

#contents .main_p{font-size:1.6em;line-height:1.8em;margin:0 0 30px;}
@media screen and (max-width:767px) {
#contents .main_p{font-size:1.3em;line-height:1.6em;margin:0 0 15px;}
}

#contents .box01{margin:0 0 30px;}
#contents .box01 .map{width:100%;height:auto;margin:0 0 50px;position:relative;}
#contents .box01 .map img{width:1040px;height:890px;vertical-align:top;}
#contents .box01 .map a{display:inline-block;}
#contents .box01 .map a object{pointer-events:none;}
#contents .box01 .map a polygon,
#contents .box01 .map a path{fill:#FFF;opacity:0;}
#contents .box01 .map svg{box-sizing:border-box;}
#contents .box01 .map .map_bg01,
#contents .box01 .map .map_bg02,
#contents .box01 .map .map_bg03{pointer-events:none;margin:auto;padding:0;box-sizing:border-box;position:absolute;top:-24px;left:3px;}
#contents .box01 .map .map_bg01{z-index:100;}
#contents .box01 .map .map_bg02{z-index:200;}
#contents .box01 .map .map_bg03{z-index:-1;}

#contents .box01 .box01_inner{letter-spacing:-1em;margin:0 0 80px;}
#contents .box01 .box01_inner dl{width:32%;display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 2% 10px 0;}
#contents .box01 .box01_inner dl:nth-child(3n){margin:0 0 10px;}
#contents .box01 .box01_inner dl dt{font-size:1.7em;line-height:1.4em;font-weight:700;padding:10px 15px;box-sizing:border-box;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;color:#FFF;}
#contents .box01 .box01_inner dl dd{font-size:1.4em;line-height:1.4em;padding:10px 0;}
#contents .box01 .box01_inner .c01 dt{background-color:#ffad00;}
#contents .box01 .box01_inner .c02 dt{background-color:#38afeb;}
#contents .box01 .box01_inner .c03 dt{background-color:#f37900;}
#contents .box01 .box01_inner .c04 dt{background-color:#82b500;}
#contents .box01 .box01_inner .c05 dt{background-color:#e96e86;}
#contents .box01 .box01_inner .c06 dt{background-color:#336fbf;}
#contents .box01 .box01_inner .c07 dt{background-color:#24a19c;}
#contents .box01 .box01_inner .c08 dt{background-color:#6e5dac;}
#contents .box01 .caution ul{}
#contents .box01 .caution ul li{font-size:1.4em;line-height:1.4em;text-indent:-1em;padding:0 0 0 1em;}

@media screen and (min-width:1025px) {
#contents .box01 .map a{transition:all 0.3s;}
#contents .box01 .map a:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3);}
#contents .box01 .map a polygon,
#contents .box01 .map a path{transition:all 0.3s;}
#contents .box01 .map a:hover polygon,
#contents .box01 .map a:hover path{opacity:0.7;}
}

@media screen and (max-width:767px) {
#contents .box01{}

#contents .box01 .map{margin:0 0 15px;}
#contents .box01 .map ul{letter-spacing:-1em;}
#contents .box01 .map ul li{display:inline-block;width:48%;font-size:1.5em;line-height:1.3em;font-weight:700;letter-spacing:normal;vertical-align:top;text-align:center;margin:0 4% 10px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-sizing:border-box;color:#FFF;box-shadow:3px 3px 0px 0px #483737;}
#contents .box01 .map ul li:nth-child(2n){margin:0 0 10px;}
#contents .box01 .map ul li a{display:block;text-decoration:none;padding:10px;color:#FFF;}
#contents .box01 .map ul li.c01{background-color:#ffad00;}
#contents .box01 .map ul li.c02{background-color:#38afeb;}
#contents .box01 .map ul li.c03{background-color:#f37900;}
#contents .box01 .map ul li.c04{background-color:#82b500;}
#contents .box01 .map ul li.c05{background-color:#e96e86;}
#contents .box01 .map ul li.c06{background-color:#336fbf;}
#contents .box01 .map ul li.c07{background-color:#24a19c;}
#contents .box01 .map ul li.c08{background-color:#6e5dac;}

#contents .box01 .box01_inner{margin:0 0 15px;}
#contents .box01 .box01_inner dl{width:100%;margin:0 0 5px;}
#contents .box01 .box01_inner dl:nth-child(3n){margin:0 0 5px;}
#contents .box01 .box01_inner dl dt{font-size:1.4em;padding:0 10px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
#contents .box01 .box01_inner dl dd{font-size:1.2em;padding:5px 0;}
#contents .box01 .box01_inner .c01 dt,
#contents .box01 .box01_inner .c02 dt,
#contents .box01 .box01_inner .c03 dt,
#contents .box01 .box01_inner .c04 dt,
#contents .box01 .box01_inner .c05 dt,
#contents .box01 .box01_inner .c06 dt,
#contents .box01 .box01_inner .c07 dt,
#contents .box01 .box01_inner .c08 dt{color:#000;background-color:inherit;}
#contents .box01 .box01_inner .c01 dt{border-left:5px solid #ffad00;}
#contents .box01 .box01_inner .c02 dt{border-left:5px solid #38afeb;}
#contents .box01 .box01_inner .c03 dt{border-left:5px solid #f37900;}
#contents .box01 .box01_inner .c04 dt{border-left:5px solid #82b500;}
#contents .box01 .box01_inner .c05 dt{border-left:5px solid #e96e86;}
#contents .box01 .box01_inner .c06 dt{border-left:5px solid #336fbf;}
#contents .box01 .box01_inner .c07 dt{border-left:5px solid #24a19c;}
#contents .box01 .box01_inner .c08 dt{border-left:5px solid #6e5dac;}
#contents .box01 .caution ul{}
#contents .box01 .caution ul li{font-size:1.3em;}
}

#contents .box02{margin:0 0 30px;}
#contents .sub_title{text-align:center;margin:0 0 30px;}
#contents .sub_title span{display:inline-block;font-size:2em;line-height:1em;font-weight:700;text-align:center;margin:0 auto;padding:0 0 10px;color:#00349f;border-bottom:4px solid #00349f;}
#contents .box02 .box02_inner{letter-spacing:-1em;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#contents .box02 .box02_inner dl{width:22%;width:calc(calc(100% - 78px)/4);display:inline-block;letter-spacing:normal;vertical-align:top;margin:0 26px 25px 0;padding:10px;box-sizing:border-box;border:1px solid #b5b5b6;height:370px;overflow:hidden;}
#contents .box02 .box02_inner dl:nth-child(4n){margin:0;}
#contents .box02 .box02_inner dl dt{}
#contents .box02 .box02_inner dl dd{}
#contents .box02 .box02_inner dl .photo{width:100%;height:164px;position:relative;}
#contents .box02 .box02_inner dl .photo img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:100%;}
#contents .box02 .box02_inner dl .area{display:inline-block;margin:10px 0 0;}
#contents .box02 .box02_inner dl .area span{display:inline-block;font-size:1.3em;line-height:1.4em;font-weight:700;vertical-align:top;padding:3px 10px;box-sizing:border-box;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
#contents .box02 .box02_inner dl .name{margin:5px 0 0;}
#contents .box02 .box02_inner dl .name a{ color:#000;text-decoration:none;}
#contents .box02 .box02_inner dl .name strong{font-size:1.7em;line-height:1.4em;font-weight:700;}
#contents .box02 .box02_inner dl .comment{font-size:1.4em;line-height:1.4em;padding:10px 0;}
#contents .box02 .box02_inner .c01{border-top:5px solid #ffad00;}
#contents .box02 .box02_inner .c02{border-top:5px solid #38afeb;}
#contents .box02 .box02_inner .c03{border-top:5px solid #f37900;}
#contents .box02 .box02_inner .c04{border-top:5px solid #82b500;}
#contents .box02 .box02_inner .c05{border-top:5px solid #e96e86;}
#contents .box02 .box02_inner .c06{border-top:5px solid #336fbf;}
#contents .box02 .box02_inner .c07{border-top:5px solid #24a19c;}
#contents .box02 .box02_inner .c08{border-top:5px solid #8b7dbd;}
#contents .box02 .box02_inner .c01 .area span{background-color:#ffad00;}
#contents .box02 .box02_inner .c02 .area span{background-color:#38afeb;}
#contents .box02 .box02_inner .c03 .area span{background-color:#f37900;}
#contents .box02 .box02_inner .c04 .area span{background-color:#82b500;}
#contents .box02 .box02_inner .c05 .area span{background-color:#e96e86;}
#contents .box02 .box02_inner .c06 .area span{background-color:#336fbf;}
#contents .box02 .box02_inner .c07 .area span{background-color:#24a19c;}
#contents .box02 .box02_inner .c08 .area span{background-color:#8b7dbd;}
@media screen and (min-width:1025px) {
#contents .box02 .box02_inner dl{transition:all 0.3s;}
#contents .box02 .box02_inner dl:hover{opacity:0.7;}
}
@media screen and (max-width:767px) {
#contents .box02{margin:0 0 15px;}
#contents .sub_title{margin:0 0 15px;}
#contents .sub_title span{font-size:1.4em;}
#contents .box02 .box02_inner{display:-ms-inherit;display:-webkit-box;inherit:-webkit-inherit;display:inherit;-ms-flex-wrap:inherit;-webkit-flex-wrap:inherit;flex-wrap:inherit;}
#contents .box02 .box02_inner dl{width:100%;margin:0 0 15px; height: auto;}
#contents .box02 .box02_inner dl .area span{font-size:1.2em;}
#contents .box02 .box02_inner dl .name{margin:5px 0 0;}
#contents .box02 .box02_inner dl .name strong{font-size:1.6em;}
#contents .box02 .box02_inner dl .comment{font-size:1.3em;padding:0;}
}
.new_update{ border:2px solid #1785e8;margin-bottom:40px;}
.new_update .update_title{ background-color:#1785e8;width:150px;float:left;color:#fff;font-size:1.8em;padding:30px 10px 25px;text-align:center;}
.new_update ul{ float:left;padding:12px;}
.new_update ul li{ font-size:1.5em;line-height:1.6;}

@media screen and (max-width:767px) {
.new_update{ margin-bottom:20px;}
.new_update .update_title{ width:100%;float:none;box-sizing:border-box;font-size:1.6em;padding:12px 0 10px;text-align:center;}
.new_update ul{ float:none;padding:7px;}
.new_update ul li{ font-size:1.3em;line-height:1.5;}
}