@charset "utf-8";


html{
font-size:62.5%;
font-family: "Zen Maru Gothic", sans-serif;
}

body{
width:100%;
color:#181818;
font-size:1.7rem;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
image-rendering:crisp-edges;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}


ul{list-style:none;padding:0;}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

h1{
width:auto;
color:#87c13f;
font-family: "Zen Maru Gothic", sans-serif;
font-size:3.2rem;
font-weight:390;
margin:0 auto;
display:table;
position:relative;
}
h1 img{
max-width:100%;
position:absolute;
top:50%;
left:-60px;
transform:translatey(-50%);
}

h2{
width:auto;
color:#181818;
font-size:2.2rem;
font-weight:390;
margin:40px auto 0 auto;
display:table;
}

h3{
width:100%;
color:#fff;
font-size:2rem;
font-weight:390;
line-height:2.2;
text-align:center;
margin:30px 0 20px 0;
background:#95d0b7;
display:block;
position:relative;
z-index:0;
}
h3 span{
color:#fff;
font-size:2rem;
line-height:2.2;
text-align:center;
padding:0 10px;
background:#ffaf00;
position:absolute;
top:0;
left:0;
z-index:1;
}


h4{
width:100%;
font-size:2.4rem;
line-height:1.5;
text-align:center;
margin:0px 0 20px 0;
display:block;
}

h5{
width:auto;
color:#181818;
font-size:2rem;
font-weight:390;
line-height:1.8;
text-align:center;
margin:60px auto 0 auto;
display:table;
}



a{
color:#000;
text-decoration:none;
transition:1s;
}

a:hover{
color:#000;
text-decoration:none;
opacity:0.8;
transition:1s;
}

.anchor{
padding-top:100px;
margin-top:-100px;
display:block;
}

.common-lnk{
color:#fff;
font-size:1.4rem;
line-height:1.8;
padding:0 40px;
margin-top:20px;
background:#918a77;
border-radius:20px;
display:table;
}

#home-business-lnk{
margin:20px auto 0 auto;
}

p{
width:100%;
font-family: "Zen Maru Gothic", sans-serif;
font-size:1.64rem;
font-weight:390;
line-height:2;
margin:0;
}

#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:100%;
}

#sec{
width:90%;
max-width:1300px;
height:auto;
padding:80px 0;
margin:0 auto;
display:block;
}

#sec-common{
width:90%;
max-width:1100px;
height:auto;
padding:60px 0;
margin:0 auto;
display:block;
}

#home-header-image{
width:100%;
height:500px;
margin-top:80px;
position:relative;
z-index:0;
overflow:hidden;
}
#home-image-back{
width:100%;
min-width:1200px;
position:absolute;
top:51%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#home-header-image-block{
width:900px;
margin-left:-180px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
}
#home-header-image-catch{
width:400px;
margin-left:450px;
position:absolute;
top:51%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
}

#common-header-image{
width:100%;
height:110px;
margin-top:80px;
position:relative;
z-index:0;
overflow:hidden;
}
#common-header-image span{
color:#fff;
font-size:3rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
}


#navi-common-box{
width:90%;
height:80px;
padding:0 5%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
background:#fff;
position:fixed;
top:0;
left:0;
z-index:10;
}
#navi-logo{
width:260px;
margin:auto 0;
display:table;
}
#navi-menu-box{
width:auto;
margin:auto 0;
display:flex;
justify-content:space-between;
}
#navi-menu-box a{
color:#87c13f;
font-size:1.54rem;
padding:0 20px;
border-left:1px solid #87c13f;
}


#home-detail-box{
width:91%;
padding:40px 0% 0 5%;
margin:80px auto 0 auto;
background:#fff;
position:relative;
box-shadow: 0px 0px 14px #ccc;
}

#home-detail-box div{
font-size:1.7rem;
line-height:1.5;
position:absolute;
top:60px;
left:60px;
}
#home-detail-box div span{
color:#fff;
font-family: "Zen Maru Gothic", sans-serif;
font-size:2.4rem;
line-height:1.8;
padding:0 80px;
margin:30px auto 20px -80px;
display:table;
}

#home-ditail-box-img{
width:550px;
margin:60px 0 0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#home-ditail-box-img dt{
width:210px;
font-size:2.4rem;
padding:0;
margin:auto 0 20px 0;
display:table;
}
#home-ditail-box-img dt span{
font-size:1.4rem;
line-height:2;
}
#home-ditail-box-img dt a{
font-size:1.2rem;
margin:0 0 10px 0;
display:table;
}
#home-ditail-box-img dt table{
width:auto;
border-collapse:collapse;
}
#home-ditail-box-img dt table th{
width:50px;
text-align:left;
vertical-align:middle;
}
#home-ditail-box-img dt table td{
vertical-align:middle;

}

#home-ditail-box-img dd{
width:340px;
padding:0;
margin:0;
display:table;
}


#common-box{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#home-business-box{
width:30%;
min-width:320px;
display:table;
}
#home-business-box dt{
width:100%;
padding:0;
margin:0;
display:table;
box-shadow: 0px 0px 14px #ccc;
}
#home-business-box dt div{
width:100%;
color:#fff;
font-size:2rem;
font-weight:390;
line-height:2;
text-align:center;
display:table;
background:#87c13f;
z-index:1;
}
#home-business-box dt img{
width:100%;
display:table;
}
#home-business-box dd{
font-size:1.5rem;
line-height:1.5;
padding:10px 0 0 0;
margin:0;
display:table;
}

#footer-block{
width:90%;
max-width:1000px;
height:auto;
padding:80px 0;
margin:0 auto;
display:block;
}
#footer-logo{
width:320px;
margin:0 auto;
display:table;
}
#footer-box{
width:100%;
padding:0;
margin:40px auto 0 auto;
border-collapse:collapse;
}
#footer-box th, #footer-box td{
width:46%;
color:#fff;
font-size:1.7rem;
font-weight:390;
line-height:1.6;
text-align:left;
padding:0 2%;
margin:0;
}
#footer-box-name{
width:100%;
font-size:2.4rem;
display:table;
}
#footer-box-bar{
width:100%;
height:4px;
margin:5px 0;
background:#b7da8c;
display:table;
}
#footer-box-tel{
width:100%;
font-family: "Noto Sans JP", sans-serif;
font-size:1.6rem;
}
#footer-box-tel span{
font-size:2.8rem;
font-weight:500;
margin:0 6px;
}

#inner-lnk{
color:#fff;
font-size:1.7rem;
line-height:1.5;
padding:0 40px;
margin:10px 10px;
background:#918a77;
border-radius:20px;
}

#about-box{
width:100%;
margin-top:80px;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#about-box dt{
width:260px;
padding:0;
margin:0 40px auto 0;
display:table;
}
#about-box dd{
width:calc(100% - 300px);
font-size:1.56rem;
line-height:1.8;
padding:0;
margin:0 0 auto 0;
display:table;
}
#about-box dd span{
width:100%;
color:#fff;
font-size:2rem;
line-height:2;
text-align:center;
margin:0 0 40px 0;
display:table;
}
#about-box-span01{
background:#95d0b7;
}
#about-box-span02{
background:#ffaf00;
}

#company-table{
width:90%;
min-width:800px;
padding:0;
margin:20px auto;
border-collapse:collapse;
}
#company-table th{
width:200px;
font-size:1.8rem;
line-height:1.8;
font-weight:390;
text-align:left;
vertical-align:top;
padding:5px 0;
margin:0;
}
#company-table td{
font-size:1.8rem;
font-weight:390;
line-height:1.8;
padding:5px 0;
margin:0;
position:relative;
}
#company-table td img{
width:300px;
position:absolute;
bottom:-200px;
right:100px;
}
#company-table td span{
font-weight:700;
}
#company-table td div{
color:#cf145a;
}
#company-table td a{
border-bottom:1px solid #333;
}


#tel-lnk{
color:#918a77;
font-family: "Noto Sans JP", sans-serif;
font-size:4rem;
font-weight:500;
line-height:1;
margin:60px auto;
display:table;
}
#tel-lnk span{
font-size:6rem;
margin:0 0 0 10px;
}

#explanation-box{
width:48%;
padding:0;
margin:20px 0;
display:grid;
}
#explanation-box dt{
width:100%;
padding:0;
margin:0;
}
#explanation-box dd{
width:100%;
padding:0;
margin:auto 0 0 0;
}
#explanation-box dd img{
width:100%;
margin-top:10px;
display:table;
}
#explanation-box dt div{
width:100%;
font-size:2.4rem;
text-align:center;
margin:0;
display:block;
}
#explanation-box table{
width:100%;
margin:15px 0;
border-collapse:collapse;
}
#explanation-box table td{
width:33%;
font-size:1.6rem;
text-align:center;
padding:10px 0;
border:1px solid #ddd;
}

#maps{
width:100%;
height:500px;
margin-top:40px;
border:0;
}


#taxi-box{
width:48%;
min-width:300px;
margin:20px 0;
}
#taxi-box table{
width:100%;
border-collapse:collapse;
}
#taxi-box table th, #taxi-box table td ,#taxi-table th ,#taxi-table td{
font-size:1.6rem;
font-weight:390;
line-height:1.5;
text-align:center;
padding:10px 0;
border:1px solid #ddd;
}
#taxi-box table th ,#taxi-table th{
width:200px;
}
#taxi-table{
width:100%;
margin:20px 0;
border-collapse:collapse;
}

#circle-box{
width:100%;
margin:40px 0;
display:flex;
flex-flow:wrap;
justify-content:center;
}
#circle-box div{
width:200px;
height:200px;
margin-left:-10px;
background:rgba(200,200,200,0.5);
border-radius:50%;
position:relative;
}
#circle-box div span ,#circle-box div dl{
width:100%;
font-weight:700;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#circle-box div span{
font-size:1.8rem;
}
#circle-box div dl{
color:#fff;
font-size:2.6rem;
line-height:1.4;
margin:0;
}

#text-box{
width:70%;
min-width:800px;
margin:40px auto 0 auto;
}
#text-box li{
width:100%;
list-style-type:disc;
font-size:1.7rem;
line-height:1.8;
margin:10px 0 0 0;
}

#qa-box-q{
width:100%;
border-collapse:collapse;
}
#qa-box-q th{
width:70px;
color:#918a77;
font-size:7rem;
text-align:center;
vertical-align:middle;
}
#qa-box-q td{
font-size:2rem;
font-weight:700;
text-align:left;
vertical-align:middle;
}

#qa-box-a{
width:calc(100% - 40px);
margin-left:40px;
border-collapse:collapse;
}
#qa-box-a th{
width:70px;
color:#ffaf00;
font-size:7rem;
text-align:center;
vertical-align:middle;
}
#qa-box-a td{
font-size:1.6rem;
font-weight:390;
text-align:left;
vertical-align:middle;
}

#breacrumb{
width:80%;
min-width:800px;
font-size:1.2rem;
margin:20px auto 0 auto;
}
#breacrumb a{
color:#87c13f;
border-bottom:1px solid #87c13f;
}

#footer-regulation{
color:#87c13f;
font-size:1.4rem;
line-height:2;
padding:0 20px;
margin:20px auto 40px auto;
background:#fff;
display:table;
border-radius:20px;
border:1px solid #fff;
}

#page-top{
width:40px;
height:40px;
background:#9e9e9f;
display:table;
position:fixed;
top:50%;
right:0;
z-index:10;
}
#page-top span{
color:#fff;
font-size:2rem;
position:absolute;
top:50%;
left:36%;
transform:translate(-50%,-50%) rotate(-90deg) scale(1, 2);
}


#navi{
display:none;
}


#about-philosophy-box{
width:80%;
font-size:1.5rem;
line-height:2;
text-align:left;
margin:80px auto 0 auto;
display:table;
}
#about-philosophy-box span{
font-size:2.4rem;
}

#manual-box{
width:90%;
padding:0;
margin:80px auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#manual-box dt{
width:100px;
padding:0;
margin:0;
display:table;
}
#manual-box dt img{
max-width:100%;
margin:auto;
display:table;
}
#manual-box dd{
width:calc(100% - 100px);
padding:0;
margin:0;
display:table;
}

#file-lnk{
font-size:1.6rem;
line-height:2.4;
display:table;
}

#post-block{
width:96%;
margin:80px auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#post-block a{
width:30%;
min-width:320px;
font-size:1.6rem;
margin:30px 1%;
display:table;
}
#post-block a div{
width:100%;
height:200px;
position:relative;
overflow:hidden;
z-index:1;
}
#post-block a div img{
width:120%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#post-block a span{
width:100%;
font-size:1.5rem;
line-height:2;
display:table;
}

#time-box{
margin:60px 0 60px auto;
display:table;
}


.pager{
width:100%;
text-align:center;
margin:20px auto 0 auto;
display:table;
}
.pager a{
color:#87c13f;
text-decoration:underline;
}

a.page-numbers,
a.post-page-numbers,
.pager .current{
font-size:1.5rem;
font-weight:390;
line-height:1.6;
padding:0 10px;
margin:0 6px;
}
.pager .current{
color:#000;
display:inline-block;
}