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

header{
background-image: url("/img/c-main.jpg");
}
#main{
position: relative;
padding: 5rem 0 0;
}
#main h2{
font-size: 3rem;
font-weight: 700;
letter-spacing: 0.5rem;
text-align: center;
}
#main .contents-box-m{
background: #D8E3E6;
margin-top: 3rem;
}
@media (max-width: 992px) {
#main{padding: 3rem 0 0;}
#main h2{font-size: 2rem;}
#main .contents-box-m{padding: 0;margin: 3rem 15px 0;}
}

.soudan{
background: #fff;
padding: 2rem 3rem 3rem;
box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1);
margin: 5rem auto 0;
}
.soudan h2{
padding: 1.5rem;
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.3rem;
text-align: center;
background: #5D91B6;
color: #fff;
border-radius: 30px;
}
.soudan h3{
background: url("/img/in-line.png") repeat-x center;
}
.soudan h3 span{
display: inline-block;
padding: 0 3rem;
background: #FFF;
font-size: 2.5rem;
}
.soudan h4{
color: #FF8000;
font-size: 3rem;
margin-top: 1rem;
letter-spacing: 0.4rem;
font-weight: 700;
}
.soudan h4 span{
font-size: 5rem;
}
.soudan .tel-box{
border: 1px solid #000;
background: #fff;
}
.soudan .tel-box h5{
background: #FF8000;
color: #fff;
font-size: 2rem;
letter-spacing: 0.1rem;
padding: 10px;
}
.soudan .tel-box p{
font-size: 3rem;
font-weight: 700;
letter-spacing: 0.5rem;
margin: 0.8rem auto 1rem;
}
.soudan .tel-box p i{
display: inline-block;
background: #FF8000;
padding: 13px 5px 13px 8px;
font-size: 2.5rem;
border-radius: 30px;
text-align: center;
color: #fff;
width: 50px;
height: 50px;
margin-right: 10px;
}
.soudan .tel-box p a{
display: inline-block;
}

#jiko{
margin-top: 4rem;
text-align: center;
}
#jiko .box{
margin-top: 2rem;
padding: 1.5rem;
text-align: center;
background: #D7E2E5;
}
#jiko .row{
margin: 0 2rem 2rem;
position: relative
}
#jiko .row > div{
margin-top: 2rem;
}
#jiko .row img{
position: absolute;
top:-197px;
left: 0;
}
#jiko .box:nth-of-type(2){
background: #FCF5E0;
padding-top: 3rem;
}
#seikyu{
margin-top: 4rem;
text-align: center;
}
#seikyu .row{
margin: 0;
position: relative
}
#seikyu .row > div{
margin-top: 2rem;
padding: 0 15px 0 0;
}
#seikyu .row > div:nth-of-type(2){
padding: 0 0 0 15px;
}
#seikyu .box{
padding: 3rem;
text-align: center;
background: #D7E2E5;
}
#seikyu .box:nth-of-type(2){
background: #FCF5E0;
padding-top: 3rem;
}
#seikyu h6{
background: url("/img/in-line.png") repeat-x center;
margin: 1rem auto 0;
}
#seikyu h6 span{
margin: 1.5rem auto;
display: inline-block;
padding: 0 1rem;
background: #D7E2E5;
font-size: 1.6rem;
}
#seikyu .box > p{
margin-bottom: 2rem;
}
#seikyu .box > p span{
font-size: 2rem;
font-weight: 600;
}
#info{
margin-top: 4rem;
text-align: center;
}
#info .box{
margin-top: 2rem;
padding: 1.5rem;
text-align: center;
background: #FCF5E0;
}
#info .row{
margin: 0 0 2rem;
}
#info .row > div{
margin-top: 2rem;
}
#info h6{
background: url("/img/in-line.png") repeat-x center;
margin: 1rem auto 0;
}
#info h6 span{
margin: 1.5rem auto;
display: inline-block;
padding: 0 1rem;
background: #FCF5E0;
font-size: 1.6rem;
}
#info p.smile{
vertical-align: text-bottom;
font-weight: 600;
font-size: 2rem;
line-height: 2.4rem;
text-align: left;
}
#info p.smile img{
width: auto;
height: 55px;
float: left;
margin: 0 10px 0 5px;
vertical-align: middle;
}
#info p.smile span{
font-size: 1.4rem;
}
#info p.time span{
font-size: 2rem;
font-weight: 600;
}
#info .tel-box{
margin-top: 20px;
}


@media (max-width: 992px) {
.soudan{padding: 2rem 1.5rem;margin: 5rem 0 0;}
.soudan h3 span{padding: 0 1rem;font-size: 2rem;}
.soudan h4{font-size: 2.3rem;}
.soudan h4 span{font-size: 2.8rem;}
.soudan .row{margin: 0;}
.soudan .tel-box h5{font-size: 1.6rem;padding: 5px;}
.soudan .tel-box p{font-size: 2.5rem;letter-spacing: 0.3rem;}
.soudan .tel-box p i{padding: 8px 5px 8px 5px;font-size: 2rem;width:35px;height: 35px;}
#jiko .box{padding: 1.5rem 0;}
#jiko .box > img{width: 60%;max-width: 330px;}
#jiko .box:nth-of-type(2) > img{width: 90%;max-width: 530px;}
#seikyu .row > div{padding: 0;}
#seikyu .row > div:nth-of-type(2){padding: 0;}
#seikyu .box{padding: 2rem 1.5rem 1.5rem;}
#seikyu .row div:first-of-type .box > img{width: 90%;max-width: 350px;}
#seikyu .box > p{font-size: 1.5rem;text-align: left;}
#info .box{padding: 0 0 1.5rem;}
#info .row{margin: 0;}
#info p.smile{font-size: 1.7rem;}
#info .row > div:last-of-type{margin-top: 4rem;}
}