@charset "utf-8";
@-ms-viewport{width:device-width;}

/*--------------------------------------------------*/
/*               $visual
/*--------------------------------------------------*/
#visual{position:relative; width:100%; margin-bottom:50px;}
#visual figure{position:absolute; width:100%;}
#visual figure img{max-width:100%;}
#visual .inner{position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.7);}
#visual h2{width:900px; margin:0 auto; padding:20px 0 15px; color:#fff; font-size:1.25rem; font-weight:normal; font-style:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
@media screen and (max-width: 640px) {
#visual{margin-bottom:7.8125%;}
#visual figure{position:relative; width:100%;}
#visual figure img{max-width:100%;}
#visual .inner{position:relative; width:100%; background-color:rgba(0,0,0,1);}
#visual h2{width:93.75%; margin:0 auto; padding:3.125% 0;}
}



/*--------------------------------------------------*/
/*               $attention
/*--------------------------------------------------*/
.attention{margin-bottom: 50px; padding: 2em 3em; border: 2px #dfdfdf solid;}
.attention dt{padding-bottom: 1em; font-size: 1.6rem; font-weight: bold; text-align: center;}
.attention dd p{padding-bottom: 1em; text-align: center;}
.attention dd p:last-child{padding-bottom: 0;}
@media screen and (max-width: 640px) {
.attention{margin-bottom: 7.8125%; padding: 2em;}
.attention dt{font-size: 1.2rem;}
.attention dd p{text-align: left;}
.attention dd p br{display: none;}
}

/*--------------------------------------------------*/
/*               $box01
/*--------------------------------------------------*/
#box01{padding-bottom:100px;}
#box01 h3{padding-bottom:20px; font-size:1.5rem; font-weight:normal; font-style:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
#box01 h3:before{content:"■"; margin-right:.5rem; color:#069;}
#box01 table{width:100%; margin-bottom:30px; border-collapse:collapse; font-size:.875rem;}
#box01 table th{padding:20px; border:1px #ccc solid; background-color:#efefef; color:#333; vertical-align:top;}
#box01 table td{padding:20px; border:1px #ccc solid; vertical-align:top;}
#box01 table tr:first-child th{border-top:4px #069 solid;}
#box01 table tr:first-child td{border-top:4px #ccc solid;}
@media screen and (max-width: 640px) {
#box01{padding-bottom:7.8125%;}
#box01 h3{padding-bottom:3.125%;}
#box01 table{width:100%; margin-bottom:4.6875%;}
#box01 table th{display:block; padding:3.125%;}
#box01 table td{display:block; padding:3.125%;}
#box01 table tr:first-child th{border-top:1px #ccc solid;}
#box01 table tr:first-child td{border-top:1px #ccc solid;}
}


/*--------------------------------------------------*/
/*               $box02
/*--------------------------------------------------*/
#box02{padding-bottom:50px;}
#box02 h3{padding-bottom:20px; font-size:1.5rem; font-weight:normal; font-style:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
#box02 h3:before{content:"■"; margin-right:.5rem; color:#069;}
#box02 div.profile-box{margin-bottom:30px; padding-bottom:30px; border-bottom:1px #ccc solid;}
#box02 div.profile-box dl dt{float:left; width:300px; -moz-box-shadow:0 6px 6px -6px #333; -webkit-box-shadow:0 6px 6px -6px #333; -ms-box-shadow:0 6px 6px -6px #333; -o-box-shadow:0 6px 6px -6px #333; box-shadow: 0 6px 6px -6px #333; font-size:0; line-height:0;}
#box02 div.profile-box dl dt img{max-width:100%; border:1px #ccc solid;}
#box02 div.profile-box dl dd{float:right; width:610px;}
#box02 div.profile-box dl dd h4{font-size:1.25rem; font-weight:normal; font-style:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
#box02 div.profile-box dl dd h5{font-size:1rem; font-weight:normal;}
#box02 div.profile-box dl dd h5:before{content:"- ";}
#box02 div.profile-box dl dd h5:after{content:" -";}
#box02 div.profile-box dl dd ul{padding-left:1rem;}
@media screen and (max-width: 640px) {
#box02{padding-bottom:7.8125%;}
#box02 h3{padding-bottom:3.125%;}
#box02 div.profile-box{margin-bottom:4.6875%; padding-bottom:4.6875%;}
#box02 div.profile-box dl dt{float:none; width:100%; margin-bottom:3.125%;}
#box02 div.profile-box dl dd{float:none; width:100%;}
}