@charset "UTF-8";
/* CSS Document */

header{
background-image: url("/img/ru-main01.jpg");
}
#rule02 header{
background-image: url("/img/ru-main02.jpg");
}

#main{
background: url("/img/s-guide-h-back.jpg") center center / cover;
padding-top: 5rem;
padding-bottom: 5rem;
}
#main p{
text-align: center;
line-height: 3rem;
}
#main p a{
display: inline-block;
}
#main p a:hover{
color: #000;
text-decoration: underline;
}
#main .box{
margin: 5rem auto 0;
border: 1px solid #ccc;
background: #fff;
padding-bottom: 5rem;
}
#main .box h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
}
#main .box h3{
padding: 2rem;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.1rem;
border-top: 3px double #000;
border-bottom: 3px double #000;
margin: 5rem 0 3rem;
}
#main .box ul{
list-style-type: square!important;
}
#main .box li{
margin-bottom: 1.5rem;
}
#main .box ul li::before {
  content: "・";
}
#main .box span{
display: block;
text-align: right;
font-family:'Zen Old Mincho', serif;
}
@media (max-width: 992px) {
#main{padding-top: 2rem;padding-bottom:  3rem;}
#main .box{margin: 3rem auto 0;padding-bottom: 3rem;}
#main h2{font-size: 2rem;}
#main h3{padding: 1.5rem 0!important;font-size: 1.6rem!important;margin: 1.5rem 0 1.5rem;}
}
/*03*/
.fd table {
margin: 50px auto 0;
table-layout: fixed;
}
.fd table th,.fd table td {
padding: 15px;
border: 1px solid #ccc;
}
.fd table th {
background: #f3f8fb;
font-size: 1.8rem;
text-align: center;
}
.fd table td {
vertical-align: top;
}
.fd table td:first-of-type {
background: #f3f8fb;
text-align: center;
}
.fd table td:nth-of-type(4) {
white-space: nowrap;
}
.fd > p{
text-align: right!important;
font-family:'Zen Old Mincho', serif;
margin-top: 2rem;
}
@media screen and (max-width: 900px) {
.fd table {
margin: 30px auto 0;
}
.fd table thead {
display: none;
}
.fd table tr {
margin-bottom: 15px;
display: block;
}
.fd table td {
display: block;
border-top: none;
}
.fd table td:before {
content: attr(data-label);
font-weight: bold;
}
.fd table td:nth-of-type(1) {
border: 1px solid #ccc;
}
.fd table td:nth-of-type(4) {
white-space:normal;
}
.fd table span{
display: none!important;
}
.fd > p{margin-top: 1rem;}
}
/*04*/
.pri h2 p{
font-size: 1.6rem;
display: block;
}
.pri span:first-of-type{
margin-top: 15px;
}
.pri h4{
margin: 15px 0 0;
}
.pri h3{
margin-top: 15px!important;
}
.pri a{
display: inline;
}
.pri table{
display: table;
}
.pri table td{
display: table-cell;
}
@media (max-width: 992px) {
.pri h3{padding: 1.5rem 0!important;font-size: 1.6rem!important;margin: 3rem 0 1.5rem;}
.pri table td{text-align: left;}
.pri table tr td:first-of-type{display: block;}
.pri td:nth-of-type(2),.pri td:nth-of-type(3),.pri td:nth-of-type(4){display: inline-block;}

}