@media only screen and (max-width:900px){

h1{
font-size:2.6rem;
margin:0 auto 40px auto;
}

h2{
font-size:3rem;
font-weight:500;
line-height:1;
}

h3{
width:auto;
font-family: "Noto Sans JP", sans-serif;
font-size:2.4rem;
font-weight:390;
padding-bottom:20px;
border-bottom:1px solid #000;
}

h4{
text-align:left;
}


#header-box{
width:90%;
padding:20px 5%;
background:rgba(255,255,255,1);
display:flex;
position:fixed;
top:0;
left:0;
z-index:5;
}

#header-logo{
font-size:2rem;
font-weight:700;
line-height:1;
margin:0 auto;
}

#navi-box{
display:none;
}



.inv-a{
display:none;
}
.inv-b{
display:table;
}


#home-information-box{
flex-flow:wrap;
}
#home-information-box img{
display:none;
}
#home-information-box div{
width:100%;
font-size:2rem;
font-weight:360;
margin:0px auto;
}

#sec-home{
padding:40px 0;
}
#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;
}


#post-cat-box{
width:100%;
justify-content:flex-start;
}
#post-cat-box a{
width:auto;
font-size:1.5rem;
padding:6px;
margin:10px 2px;
}

#post-box{
justify-content:flex-start;
}
#post-box a{
width:100%;
max-width:inherit;
margin:40px auto 0px auto;
}
#post-box a dl{
}
#post-box a dl dt{
width:100%;
height:140px;
}
#post-box a dl dt::before{
}
#post-box a dl dt img{
width:140%;
}
#post-box a dl dd{
}
#post-box a dl dd span{
font-size:1.5rem;
}

#footer-box{
}
#footer-iframe{
width:100%;
margin-bottom:30px;
}

#footer-box div{
font-size:2.2rem;
}
#footer-box div span{
line-height:1.5;
margin:20px auto !important;
display:block;
}
#footer-box div dl{
}
#footer-box div dl dt{
line-height:3;
}
#footer-box dl a{
}


#breadcrumb{
display:none;
}


#head-common{
}
#head-common div{
width:92%;
font-size:3rem;
}
#head-common span{
font-size:1.6rem;
}


#common-lnk-box{
width:100%;
}
#common-lnk-box a{
font-size:1.8rem;
margin:15px auto;
}
#common-lnk-box a::before{
}


#tel-box{
}
#tel-box a{
font-size:2.6rem;
}


#contact-box{
width:100%
;
font-size:1.6rem;
margin:60px auto;
border-collapse:collapse;
}
#contact-box th{
width:100%;
text-align:left;
padding:30px 10px 0px 10px;
display:block;
}
#contact-box th span{
}

#contact-box th p{
}
#contact-box td{
width:100%;
display:block;
}

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;
}


#request-box{
width:92%;
padding:40px 4%;
}
.request-txt{
font-size:1.7rem;
font-weight:500;
}
.request-txt a, .request-txt span{
font-size:2.4rem;
}
.request-txt a{
border-bottom:1px solid #000;
}

.request-box01-img{
width:100%;
margin-top:20px;
position:inherit;
top:inherit;
right:inherit;
transform:inherit;
}
.request-box01-img span{
top:80%;
}
.request-box01-img img{
margin:0 0 0 auto;
}


#request-lnk-box{
}

#request-common-lnk{
width:100%;
max-width:340px;
font-size:1.6rem;
line-height:1.5;
}
#request-common-lnk table{
}
#request-common-lnk table th{
}
#request-common-lnk table th img{
width:100%;
max-width:inherit;
}
#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{
margin:0 0 60px 0;
display:block;
justify-content:inherit;
}
#visit-box dt{
width:100%;
margin:0 0 30px 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:100%;
margin:auto 0;
}


#request-dl-box, #view-dl-box, #download-dl-box{
padding:20px 2%;
}

#request-dl-box dl, #view-dl-box dl, #download-dl-box dl{
display:block;
}
#request-dl-box dt, #view-dl-box dt, #download-dl-box dt{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#request-dl-box dt span, #experience-box table td dl dd span{
width:100%;
font-size:2.4rem;
text-align:center;
margin:0 0 30px 0;
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:10px 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;
}

#view-lnk{
width:33%;
}

#request-dl-box dd, #view-dl-box dd, #download-dl-box dd{
width:92%;
padding:20px 4%;
margin:20px 0;
border-left:0px;
border-top: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:100%;
margin-bottom:60px;
}
#view-box table th{
}
#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 table{
}
#experience-box table th{
width:100%;
display:block;
}
#experience-box table th img{
width:100%;
max-width:inherit;
}

#experience-box table td{
width:100%;
padding:30px 0;
display:block;
}
#experience-box table td dl{
width:92%;
padding:0 4%;
}
#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{
line-height:1.5;
}
#experience-box table td dl dt span strong{
display:block;
}

#experience-box table td dl dt div{
width:100%;
display:block;
}

#experience-box table td dl dd{
width:90%;
padding:20px 0 0 0;
margin:0 auto;
flex-flow:wrap;
}
#experience-box table td dl dd span{
width:100%;
margin:0 0 30px 0;
display:table;
}


#download-dl-box dt table{
}
#download-dl-box dt table th{
width:100%;
margin-bottom:30px;
display:block;
}
#download-dl-box dt table td{
width:100%;
font-size:1.7rem;
font-weight:500;
line-height:2;
text-align:center;
padding:0;
margin:0;
display:block;
}
#download-dl-box dt table td a{
border-bottom:1px solid #000;
}


#ordinance-box{
flex-flow:wrap;
}
#ordinance-box dt, #ordinance-box dd{
width:100%;
font-size:2rem;
font-weight:500;
text-align:center;
padding:0;
margin:30px 0;
display:table;
}
#ordinance-box dd{
border-left:0;
}
#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:inherit;
}

.navi-menu{
width:36px;
height:40px;
cursor:pointer;
position:fixed;
top:22px;
right:10px;
z-index:100;
}

.navi-menu-btn01, .navi-menu-btn02, .navi-menu-btn03{
width:100%;
height:1px;
background:#000;
position:absolute;
opacity:1;
}

.navi-menu-btn01{
top:0;
left:0;
}
.navi-menu-btn02{
top:25%;
left:0;
}
.navi-menu-btn03{
top:50%;
left:0;
}

.navi-menu-check{
display:none;
}

.navi-content{
width:100%;
height:100vh;
padding:0;
overflow:hidden;
transition:0.1s;
opacity:0;
background:rgba(0,0,0,0.8);
display:table;
position:fixed;
top:0;
right:-2000px;
z-index:-1;
transition:0.5s;
}

.navi-menu-check:checked + .navi-menu + .navi-content{
opacity:1;
right:0;
transition:0.5s;
z-index:300;
}
#navi-content-inner{
width:280px;
height:100vh;
text-align:center;
margin:0 0 0 auto;
background:#fff;
display:table;
position:relative;
}
#navi-content-inner div{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.navi-content span{
font-size:1.7rem;
font-weight:500;
margin:0 auto 30px auto;
display:block;
}
.navi-content a{
width:80%;
color:#000;
font-size:1.6rem;
font-weight:360;
line-height:1.5;
text-align:left;
padding:0 0 20px 15px;
margin:0 auto 20px auto;
border-bottom:1px solid #000;
display:table;
}

.navi-menu-close{
color:#000;
font-size:1.2rem;
font-weight:400;
line-height:2;
text-align:center;
margin:20px auto 0 auto;
cursor:pointer;
display:table;
}


#home-content-box div{
width:300px;
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:100%;
height:160px;
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;
}


#page-top{
display:none;
}
#page-top span{
}







}