@charset "utf-8";

html{
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
}

body{
width:100%;
color:#000;
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;}

h1{
font-family: "Noto Serif JP", serif;
font-size:3.6rem;
font-weight:700;
line-height:1;
margin:0 auto 60px auto;
display:table;
}

h2{
font-family: "Noto Serif JP", serif;
font-size:3rem;
font-weight:500;
line-height:1.5;
margin:0 auto 60px 0;
display:table;
}

h3{
width:100%;
font-family: "Noto Serif JP", serif;
font-size:3.2rem;
font-weight:700;
line-height:1.5;
text-align:center;
margin:100px auto;
display:table;
}

h4{
font-size:1.8rem;
font-weight:500;
line-height:1.5;
text-align:center;
margin:0px auto 60px auto;
display:table;
}

p{
font-size:1.64rem;
font-weight:360;
line-height:1.8;
padding:0;
margin:0;
}

p span{
color:#bd3535;
}

p a{
color:#529ecf;
margin:0 6px;
border-bottom:1px solid #529ecf;
}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

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

a:hover{
}

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

#content{
width:100%;
}

#sec-home{
width:90%;
max-width:1400px;
height:auto;
padding:80px 0;
margin:0 auto;
}
#sec-common{
width:90%;
max-width:1200px;
height:auto;
padding:80px 0;
margin:0 auto;
}
#sec-post{
width:90%;
max-width:1000px;
height:auto;
padding:80px 0;
margin:0 auto;
}


#sec-home-back{
width:100%;
box-shadow:inset 0  10px 15px -10px rgba(0, 0, 0, 0.5),inset 0 -10px 15px -10px rgba(0, 0, 0, 0.5);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

#home-information-box{
width:100%;
text-align:center;
margin:0 0 0 0;
display:none;
justify-content:center;
}
#home-information-box img{
width:auto;
max-width:100%;
margin:auto 0;
display:table;
}
#home-information-box div{
width:auto;
font-size:1.7rem;
font-weight:320;
line-height:1.8;
text-align:left;
margin:0 60px;
}

#home-content-box{
width:100%;
margin-top:0px;
display:flex;
flex-flow:wrap;
justify-content:center;
}
#home-content-box div{
width:190px;
font-size:1.2rem;
font-weight:400;
line-height:1;
text-align:center;
margin:20px auto 0 auto;
display:table;
}
#home-content-box div a{
width:190px;
height:120px;
margin-bottom:15px;
border-radius:10px;
display:table;
position:relative;
overflow:hidden;
}
#home-content-box div a img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#home-content-box div span{
font-size:1.8rem;
font-weight:700;
line-height:1;
margin:0px auto 10px auto;
display:table;
}

#footer-box-iframe-info{
width:100%;
font-size:1.4rem;
line-height:1.8;
margin-bottom:20px;
}

#footer-box{
width:100%;
margin-top:0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#footer-iframe{
width:47%;
height:400px;
border:0;
}

#footer-box div{
width:100%;
font-size:1.7rem;
font-weight:500;
line-height:1;
text-align:center;
margin-top:60px;
}
#footer-box div span{
font-size:1.2rem;
font-weight:340;
margin:20px auto;
}
#footer-box div dl{
width:100%;
font-size:3rem;
font-weight:700;
line-height:1;
text-align:center;
padding:0;
margin:30px 0;
}
#footer-box div dl dt{
font-size:1.6rem;
padding:0;
margin:0;
display:inline-block;
}
#footer-box dl a{
border-bottom:1px solid #000;
}

#header-box{
width:90%;
padding:15px 5%;
background:rgba(240,240,250,0.9);
display:flex;
position:fixed;
top:0;
left:0;
z-index:5;
}
#header-logo{
font-size:2rem;
font-weight:700;
line-height:1;
margin:auto auto auto 0;
display:table;
}
#navi-box{
width:680px;
margin:auto 0 auto auto;
display:flex;
justify-content:space-between;
}
#navi-box a{
font-size:1.4rem;
line-height:1;
}
#navi-box a::before{
content:'■';
font-size:1rem;
margin-right:6px;
display:inline-block;
}


#post-cat-box{
width:90%;
margin:0 auto 0px auto;
display:flex;
flex-flow:wrap;
justify-content:center;
}
#post-cat-box a{
width:230px;
color:#fff;
font-size:1.5rem;
font-weight:300;
line-height:1.5;
text-align:center;
padding:6px 0;
margin:10px 20px;
background:#666;
}

#post-box{
width:100%;
max-width:1200px;
padding:0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#post-box a{
width:28%;
max-width:340px;
margin:40px 2.5% 0px 2.5%;
}
#post-box a dl{
width:100%;
padding:0;
margin:0;
display:table;
}
#post-box a dl dt{
width:100%;
height:200px;
padding:0;
margin:0;
background:#eee;
position:relative;
overflow:hidden;
border-radius:0 0 30px;
}
#post-box a dl dt::before{
content:'NOIMAGE';
color:#fff;
font-size:1.5rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#post-box a dl dt img{
width:160%;
max-width:inherit;
object-fit:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
}
#post-box a dl dd{
width:100%;
font-size:1.2rem;
line-height:1.5;
font-weight:400;
padding:10px 0 0 0;
margin:0;
}
#post-box a dl dd span{
width:100%;
font-size:2rem;
font-weight:500;
line-height:1.5;
margin:10px 0;
display:table;
}

#head-common{
width:100%;
height:240px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
}
#head-common div{
width:fit-content;
color:#fff;
font-family: "Noto Serif JP", serif;
font-size:3.5rem;
font-weight:600;
text-align:center;
position:absolute;
top:60%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
}
#head-common span{
width:100%;
font-size:1.5rem;
font-weight:600;
text-align:center;
display:table;
}



#post-cat{
width:80px;
height:100px;
border:3px solid #fff;
position:absolute;
top:-80px;
left:-50px;
transform:rotate(225deg);
z-index:2;
transition:0.6s;
}
.post-cat01{background:rgba(200,210,135,1.0);}
.post-cat02{background:rgba(200,150,170,1.0);}
.post-cat03{background:rgba(125,170,200,1.0);}

#post-box a:hover #post-cat{
width:200%;
height:500px;
border:0px;
top:50%;
left:50%;
border-radius:50%;
transform:rotate(0deg) translate(-50%,-50%);
transition:0.6s;
}
#post-box a:hover .post-cat01{background:rgba(200,210,135,0.4);}
#post-box a:hover .post-cat02{background:rgba(200,150,170,0.4);}
#post-box a:hover .post-cat03{background:rgba(125,170,200,0.4);}


#breadcrumb{
width:80%;
color:#999;
font-size:1.3rem;
line-height:2;
padding:10px 10%;
margin:0 auto 25px auto;
display:table;
background:#e3e3e3;
}
#breadcrumb a{
color:#000;
border-bottom:1px solid #000;
}

#common-lnk-box{
width:600px;
margin:60px auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:center;
}
#common-lnk-box a{
color:#000;
font-size:1.4rem;
margin:30px 40px;
border-bottom:1px solid #000;
}
#common-lnk-box a::before{
content:'>>';
font-size:1.3rem;
margin-right:10px;
}


.pager{
width:100%;
text-align:center;
margin:80px auto 0px auto;
display:table;
}
.pager a{
color:#000;
background:#eee;
text-decoration:none;
}

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


#contact-box{
width:800px;
font-size:1.6rem;
margin:60px auto;
border-collapse:collapse;
}
#contact-box th{
width:160px;
text-align:center;
vertical-align:top;
padding:20px 10px;
}
#contact-box th span{
color:#bd3535;
margin-left:10px;
}

#contact-box th p{
font-weight:360;
}
#contact-box td{
width:auto;
font-weight:360;
padding:10px;
}

input[type="text"]{
width:90%;
height:auto;
font-size:1.5rem;
padding:15px 10px;
margin:0 auto 0 auto;
border:1px solid #eee;
}

textarea{
width:90%;
height:110px;
font-size:1.5rem;
padding:15px 10px;
margin:10px auto 0 auto;
border:1px solid #eee;
}

input[type="submit"]{
width:100%;
height:auto;
color:#fff;
font-size:1.5rem;
line-height:3;
text-align:center;
padding:0 40px;
margin:10px auto 0 auto;
background:#9ca2a7;
border:0px;
display:table;
}


#tel-box{
font-size:2rem;
font-weight:500;
line-height:1.5;
margin:60px auto;
display:table;
}
#tel-box a{
font-size:7rem;
font-weight:700;
line-height:1;
margin:0 10px;
border-bottom:1px solid #000;
}

#request-box{
width:96%;
font-size:1.5rem;
line-height:2;
padding:40px 2%;
margin:0 0;
background:#f0eae7;
display:block;
position:relative;
}
.request-txt{
font-size:2rem;
font-weight:700;
line-height:1.5;
display:block;
}
#request-tel{
font-size:3.4rem;
font-weight:700;
}
.request-txt a{
border-bottom:1px solid #000;
}

.request-box01-img{
width:420px;
position:absolute;
top:50%;
right:3%;
transform:translatey(-50%);
}
.request-box01-img span{
font-size:1.2rem;
position:absolute;
top:65%;
left:0;
}
.request-box01-img img{
margin:0 0 0 auto;
display:table;
}

#request-lnk-box{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:center;
}

#request-common-lnk{
width:260px;
font-size:1.4rem;
line-height:1.8;
margin:20px auto;
}
#request-common-lnk table{
width:100%;
margin:0 0 10px 0;
border-collapse:collapse;
}
#request-common-lnk table th{
width:100%;
padding:0;
margin:0;
}
#request-common-lnk table td{
color:#fff;
font-size:1.8rem;
font-weight:500;
line-height:1;
text-align:center;
padding:10px 0;
background:#b69588;
}


#visit-box, #view-box{
width:100%;
padding:0;
margin:0 0 60px 0;
display:flex;
justify-content:space-between;
}
#visit-box dt{
width:fit-content;
color:#000;
font-size:1.8rem;
line-height:2;
padding:0;
margin:auto 0;
display:table;
}
#visit-box dt span{
color:#920052;
font-size:1.6rem;
line-height:2;
margin:20px 0 0 0;
display:table;
}
#visit-box dd{
width:fit-content;
padding:0;
margin:auto 0;
display:table;
}

#request-dl-box, #view-dl-box, #download-dl-box{
width:96%;
padding:0 2%;
background:#f0eae7;
}


#request-dl-box dl, #view-dl-box dl, #download-dl-box dl{
width:100%;
display:flex;
justify-content:space-between;
}
#request-dl-box dt, #view-dl-box dt, #download-dl-box dt{
width:65%;
font-size:1.5rem;
font-weight:360;
padding:0;
margin:auto 0;
display:flex;
justify-content:space-between;
}
#download-dl-box dt table{
width:100%;
border-collapse:collapse;
}
#download-dl-box dt table th{
width:40%;
padding:0;
marin:0;
}
#download-dl-box dt table td{
width:60%;
font-size:1.7rem;
font-weight:500;
line-height:2;
text-align:center;
padding:0;
margin:0;
}
#download-dl-box dt table td a{
border-bottom:1px solid #000;
}


#request-dl-box dt span, #experience-box table td dl dd span{
font-size:2.4rem;
font-weight:700;
margin:10px 0 0 60px;
display:table;
}
#request-dl-box dt a, #view-dl-box dt a, #experience-box table td dl dd a{
font-size:1.3rem;
font-weight:500;
margin:0 auto;
text-align:center;
display:table;
}
#request-dl-box dt img, #view-dl-box dt img, #experience-box table td dl dd a img{
margin:0 auto 10px auto;
display:table;
}

#request-dl-box dd, #view-dl-box dd, #download-dl-box dd{
width:29%;
font-size:1.6rem;
font-weight:360;
line-height:1.8;
text-align:left;
vertical-align:middle;
padding:20px 3%;
margin:20px 0;
border-left:1px solid #000;
}
#request-dl-box dd span, #view-dl-box dd span, #download-dl-box dd span{
font-size:2rem;
font-weight:500;
margin:0 0 10px 0;
display:table;
}

#view-box table{
width:48%;
border-collapse:collapse;
}
#view-box table th{
width:100%;
padding:0;
margin:0;
}
#view-box table td{
width:100%;
color:#920052;
font-size:1.7rem;
font-weight:500;
text-align:center;
padding:20px 0;
margin:0;
background:#f0eae7;
}
#view-box table td span{
color:#000;
font-size:2.4rem;
line-height:1;
margin:0 auto 10px auto;
display:table;
}


#experience-box{
width:100%;
padding:0;
margin:0 0 60px 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#experience-box table{
width:100%;
margin-top:60px;
border-collapse:collapse;
}
#experience-box table th{
width:40%;
padding:0;
margin:0;
}
#experience-box table td{
width:auto;
vertical-align:top;
padding:0;
margin:0;
background:#f0eae7;
}
#experience-box table td dl{
width:92%;
padding:4%;
margin:0 0 0 0;
}
#experience-box table td dl dt{
width:100%;
font-size:1.4rem;
line-height:1.5;
padding:0 0 20px 0;
margin:0;
display:block;
border-bottom:1px solid #000;
}
#experience-box table td dl dt span{
width:100%;
font-size:2rem;
line-height:1;
margin-bottom:14px;
display:block;
}
#experience-box table td dl dt span strong{
color:#920052;
font-weight:500;
}

#experience-box table td dl dt div{
width:50%;
display:table-cell;
}

#experience-box table td dl dd{
width:85%;
padding:20px 0 0 0;
margin:auto auto 0 auto;
display:flex;
justify-content:center;
}
#experience-box table td dl dd span{
font-size:2rem;
font-weight:500;
margin:auto 0;
display:table;
}


#ordinance-box{
width:96%;
padding:30px 2%;
background:#f0eae7;
display:flex;
}
#ordinance-box dt, #ordinance-box dd{
width:50%;
font-size:2rem;
font-weight:500;
text-align:center;
padding:0;
margin:0;
}
#ordinance-box dd{
border-left:1px solid #000;
}
#ordinance-box dt a, #ordinance-box dd a{
font-size:1.5rem;
font-weight:360;
margin:10px auto;
display:table;
border-bottom:1px solid #000;
}

#navi{
display:none;
}


#page-top{
width:60px;
height:60px;
background:#f5f5f5;
display:table;
border-radius:100px;
position:fixed;
bottom:80px;
right:6px;
z-index:10;
}
#page-top span{
color:#000;
font-size:3rem;
font-weight:100;
position:absolute;
top:50%;
left:44%;
transform:translate(-50%,-50%) rotate(-90deg) scale(1, 2);
}