@charset "UTF-8";
/*--------------#main_image--------------*/
#law.fixed #content { margin-top: 170px; }
#law header { margin-bottom: 0; padding-bottom: 8px; }
#law #main_image {background: url(../../img/common/bg_texture.png) no-repeat;width: 100%;height: 340px;background-size: cover;background-position: center;padding-top: 140px;box-sizing: border-box;margin-bottom: 100px;}
#law #main_image h1{text-align: center;font-size: 38px;color: #003461;opacity: 1;transform: inherit;transition: inherit;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;font-weight: bold;line-height: 1.6;}
#law #main_image h1 span { display: block; color: #003461; font-size: 18px; font-weight: bold; margin-top: 10px; }
/*max-width:1130px*/
@media screen and (max-width:1130px) {
#content { margin-top: 100px; }
#law.fixed #content { margin-top: 100px; }
}
/*max-width:720px*/
@media screen and (max-width:720px) {
#content { margin-top: 55px; }
#law.fixed #content { margin-top: 55px; }
}
/*max-width:500px*/
@media screen and (max-width:500px) {
#law #main_image {height: 233px;padding-top: 91px;margin-bottom: 37px;}
#law #main_image h1 {font-size: 25px;}
h1 span { font-size: 14px; }
}
/*--------------#info--------------*/
#law #info { max-width: 878px; margin: 0 auto 118px; }
#law #info div table { width: 100%; }
#law #info div table a{color: #0095a2;
    text-decoration: underline;}
#law #info div table tr th { width: 157px; padding-top: 25px; padding-bottom: 25px; padding-right: 5px; color: #003461; text-align: left; vertical-align: top; line-height: 1.75; border-top: 2px solid #003461; }
#law #info div table tr:last-child th { border-bottom: 1px dotted #999; }
#law #info div table tr td { padding-top: 25px; padding-bottom: 25px; line-height: 1.75; vertical-align: top; padding-left: 20px; border-top: 1px dotted #999; }
#law #info div table tr:last-child td { border-bottom: 1px dotted #999; }
#law #info div table tr td h3{margin-bottom: 5px; color:#003461;}
#law #info div table tr td p{margin-bottom: 15px;}
/*max-width:1145px*/
@media screen and (max-width:1145px) {
#law #info { padding: 0 30px; }
}
/*max-width:1100px*/
@media screen and (max-width:1100px) {
#law #info { display: block; }
}
/*max-width:700px*/
@media screen and (max-width:700px) {
#law #info div table tr th { display: block; padding-bottom: 0; position: relative; }
#law #info div table tr td { display: block; border-top: none; padding-top: 0px; padding-left: 0; }
#law #info div table tr:last-child th { border-bottom: none; }
#law #info div table tr th:before {content: '';
    display: inline-block;
    height: 0px;
    width: calc(100vw - 219px);
    border-top: 2px dotted #999;
    position: absolute;
    top: -1.6px;
    left: 157px; }
}
/*max-width:500px*/
@media screen and (max-width:640px) {
#law #info { margin-bottom: 61px; }
#law #info div table tr th { font-size: 4.233333vw; padding-top: 20px; }
#law #info div table tr td { font-size: 4.233333vw; padding-bottom: 20px; }

#law #info div table tr td h3:first-child{margin-top:9px;}
}
