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

header{
background-image: url("/img/st-main.jpg");
}

#main{
background-image: url("/img/st-main01.png"),url("/img/s-guide-h-back.jpg");
background-position: top center,center center;
background-size: cover;
padding-top: 5rem;
padding-bottom: 5rem;
position: relative;
}
#main > img{
position: absolute;
top:10px;
right: 30px;
}
#main .contents-box{
text-align: center;
}
#main h3{
font-size: 2.5rem;
}
#main p{
margin-top: 3rem;
line-height: 3rem;
}

@media (max-width: 992px) {
#main{padding-top: 2rem;padding-bottom:  3rem;}
#main > img{top:10px;right: 10px;width: 100px;}
#main h2 img{width: 300px;margin-top: 2rem;}
#main h3{font-size: 2rem;}
#main p{margin: 2rem 1.5rem 0;line-height: 2.5rem;text-align: left;}
}

#s-staff{
padding-top: 2rem;
}
#s-staff .row > div{
margin-top: 3rem;
}
#s-staff .row img{
width: 100%;
}
#s-staff .box{
border: 1px solid #ccc;
background: #fff;
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
padding: 3rem;
}
#s-staff .box img:last-of-type{
display: block;
margin: 1.5rem 0;
}
#s-staff .box h4{
font-size: 2.5rem;
letter-spacing: 0.3rem;
margin-top: .5rem;
}
@media (max-width: 992px) {
#s-staff .row > div{margin-top: 1.5rem;}

}






#n-list{
background: url("/img/i-service-back.jpg") center center / cover;
padding-top: 5rem;
padding-bottom: 5rem;
position: relative;
}
#n-list h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #fff;
color: #FF8000;
border-radius: 30px;
}
#n-list .box{
background: #fff;
margin-top: 3rem;
padding: 3rem;
}
#n-list span{
display: inline-block;
vertical-align:middle;
}
#n-list .time{
background: #FF8000;
color: #fff;
padding: 0.3rem 1.5rem;
border-radius: 20px;
margin-right: 0.5rem;
}
#n-list .cate{
font-weight: 600;
}
#n-list h3{
margin: 2rem 0;
padding-bottom: 2rem;
border-bottom: 1px solid #000;
font-size: 2rem;
}
#n-list a{
text-align: right;
vertical-align:middle;
margin-top: 1rem;
font-weight: 700;
letter-spacing: 0.3rem;
}
#n-list a img{
width: 35px;
}

@media (max-width: 992px) {
#n-list h2{font-size: 2rem;}
#n-list .contents-box-m{padding: 0 15px;}

}