@media only screen and (max-width:900px){

#grobal-navi-box{
justify-content:center;
}
#head-logo{
padding-top:10px;
}

#navi-box{
display:none;
}

h1{
font-size:3rem;
line-height:1.5;
text-align:center;
margin:0 auto 20px auto;
}

h2{
font-size:1.8rem;
font-weight:900;
line-height:1.5;
margin:0;
display:block;
}

h4{
font-size:1.8rem;
margin:40px 0 20px 0;
}

p{
font-size:1.4rem;
line-height:1.5;
}

.inv-a{
display:none;
}
.inv-b{
display:table;
}

#home-mv-box{
height:90vh;
}
#home-mv-box dl{
width:94%;
font-size:2rem;
line-height:1;
}
#home-mv-box dl span{
font-size:4rem;
line-height:2;
display:block;
}
#home-mv-box dl dt{
font-size:5rem;
line-height:1.5;
}


.home-sec{
width:90%;
min-width:inherit;
padding:40px 0 !important;
margin:0 auto;
}
#head-contents-sec{
width:90%;
min-width:inherit;
height:auto;
padding:100px 0 40px 0;
}
.common-sec{
width:90%;
min-width:inherit;
max-width:1200px;
padding:40px 0;
}


.headline-home{
}
.headline-home img{
display:none;
}
.headline-home div{
margin:0 auto;
}
.headline-home div span{
font-size:6rem !important;
margin:0 auto 10px auto;
}


#post-box-home, #post-box-common{
width:100%;
padding:0;
margin:60px auto 0 auto;
display:flex;
flex-flow:wrap;
}
#post-box-home dt{
width:100%;
aspect-ratio:4/3;
margin:auto 0 30px auto;
}
#post-box-home dt div{
}
#post-box-home dt div span{
}
#post-box-home dt img{
}

#post-box-home dd{
width:100%;
font-size:1.4rem;
padding:0;
}
#post-box-home dd span{
}
#post-box-home dd div{
font-size:1.8rem;
margin-bottom:5px;
}
#post-box-home dd a{
}


#post-box-common{
width:100%;
}

#post-box-common dl{
width:100%;
margin:30px auto;
}
#post-box-common dl dt{
width:100%;
aspect-ratio:4/3;
}
#post-box-common dl dt div{
}
#post-box-common dl dt div span{
}
#post-box-common dl dt img{
}
#post-box-common dl dd{
font-size:1.4rem;
}
#post-box-common dl dd span{
font-size:1.2rem;
}
#post-box-common dl dd div{
font-size:1.8rem;
margin:5px 0;
}
#post-box-common dl dd a{
}


#home-contents-box{
width:100%;
margin:40px auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:center;
position:inherit;
bottom:inherit;
left:inherit;
transform:inherit;
}
#home-contents-box a, #common-contents-box a{
width:48%;
max-width:170px;
margin:0 auto;
}
#common-contents-box{
width:100%;
margin-top:60px;
display:flex;
flex-flow:wrap;
justify-content:center;
position:inherit;
bottom:inherit;
left:inherit;
transform:inherit;
}

.home-content-image-box{
margin-top:40px;
}
.home-content-box{
width:100%;
padding:0;
margin:0 auto;
display:block;
}
.home-content-box dt{
width:auto;
max-width:100%;
padding:0;
margin:20px auto;
}
.home-content-box dt img{
width:auto;
max-width:inherit;
height:80px;
margin:0 auto;
display:table;
}
.home-content-box dd{
width:auto;
max-width:100%;
padding:0;
margin:auto;
}
.home-content-box dd img{
width:auto;
max-width:inherit;
height:50px;
margin:0 auto;
display:table;
}
.home-content-box div{
width:auto;
max-width:100%;
padding:0;
margin:40px auto;
}
.home-content-box div img{
width:80px;
margin:auto;
display:table;
}
.home-content-comment{
width:100%;
font-size:1.4rem;
line-height:1.5;
margin:40px auto !important;
}


.home-content-block{
width:100%;
margin:40px auto 0 auto;
display:flex;
justify-content:flex-start;
}
.home-content-block-image-left{
flex-flow:wrap;
}
.home-content-block-image-left dt{
padding:0;
}
.home-content-block-image-right{
flex-flow:wrap;
}
.home-content-block-image-right dt{
padding:0;
}
.home-content-block dt{
width:100%;
margin:auto;
display:table;
}
.home-content-block dt img{
width:auto;
max-width:100%;
margin:0 auto;
dsiplay:block;
}
.home-content-block dd{
width:100%;
font-size:1.4rem;
line-height:1.5;
padding:0;
margin:20px auto 0 auto;
}
.home-content-block dd img{
width:auto;
max-width:100%;
margin-bottom:20px;
display:block;
}

#footer-image{
width:100%;
}


#footer-box{
width:90%;
padding:20px 5%;
}
#footer-box span{
font-size:1.6rem;
}
#footer-box a{
color:#fff;
font-size:2.4rem;
margin:10px auto 0 auto;
display:table;
}
#footer-box a:before{
content:'〉';
}
#footer-box img{
margin:10px auto;
}
#footer-box div{
font-size:1rem;
margin:0 auto;
dsiplay:block;
}


.contents-box{
width:100%;
height:inherit;
margin:60px 0 0 0;
}
.contents-box dl{
width:100%;
padding:0;
margin:0;
display:flex;
position:inherit;
bottom:inherit;
left:inherit;
transform:inherit;
}
.contents-box-image-left{
flex-flow:wrap;
}
.contents-box-image-right{
flex-flow:wrap;
}
.contents-box dl dt{
width:100%;
margin:20px auto 0 auto;
}
.contents-box dl dt img{
margin:0 auto;
display:table;
}
.contents-box dl dd{
width:96%;
font-size:1.4rem;
padding:3% 2%;
}
.contents-box dl dd span{
width:100%;
font-size:1.8rem;
}
.contents-box dl dd div{
width:100%;
font-size:1.2rem;
margin-top:20px;
}


#company-head-box{
width:80%;
margin:40px auto;
flex-flow:wrap;
}
#company-head-box img{
margin:20px auto;
}

#company-img-box{
}
#company-img-box img{
width:48%;
min-width:160px;
max-width:260px;
margin:1%;
}


#company-tbl{
width:100%;
font-size:1.4rem;
}
#company-tbl th{
width:20%;
padding:6px 0;
}
#company-tbl td{
width:78%;
padding:6px 1%;
}


#contact-form-block{
width:90%;
margin:60px auto 0 auto;
border-collapse:collapse;
}
#contact-form-block th{
width:25%;
font-size:1.4rem;
padding:10px 0;}
#contact-form-block th span{
}

#contact-form-block td{
width:75%;
font-size:1.4rem;
padding:10px 0;
}


input[name='namae'], input[name='company'], input[name='denwa'], input[name="text-934"]{
width:90%;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[name='pure-to']{
width:90%;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[type="email"]{
width:90%;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[name='jusho']{
width:90%;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

textarea[name='naiyou']{
width:94%;
font-size:1.6rem;
font-family:'Noto Sans JP', sans-serif;
font-weight:normal;
height:120px;
padding:2%;
border:1px solid #333;
}

input[type="submit"]{
width:300px;
color:#fff;
text-align:center;
padding:20px 0;
margin:30px auto 0 auto;
background:#9980d6;
display:table;
border:0;
}


#top-bnr01{
width:110px;
position:fixed;
bottom:130px;
}
#top-bnr02{
width:110px;
position:fixed;
bottom:50px;
}


#home-lnk{
font-size:1.3rem;
font-weight:400;
padding:10px 40px;
}


#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:#fff;
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;
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:160px;
height:100vh;
text-align:center;
margin:0 0 0 auto;
background:rgba(255,255,255,0.9);
display:table;
position:relative;
}
#navi-content-inner div{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.navi-content a{
width:fit-content;
color:#b73f4f;
font-size:1.5rem;
font-weight:400;
line-height:1.5;
padding:0;
margin:25px auto;
display:table;
}
.navi-content a:before{
}


.navi-menu-close{
color:#b73f4f;
font-size:1.4rem;
font-weight:400;
line-height:2;
text-align:center;
margin:30px auto 0 auto;
cursor:pointer;
display:table;
}






}