/* 800
------------------------------------------------------------*/
@media only screen and (max-width:800px){

body{
font-size:1.4rem;
line-height:1.6;
}

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

#navi-box-background{
width:100%;
height:46px;
background:rgba(0,0,0,0.7);
z-index:11;
}
#navi-box{
width:100%;
padding:0;
}
#navi-logo{
width:160px;
margin:10px auto 10px 5%;
display:table;
}

#navi-menu{
display:none;
}








#sec, #post-sec{
width:90%;
padding:40px 5%;
}

h1{
font-size:2.4rem;
text-align:left !important;
margin:0 0 30px 0;
}
h1 span{
font-size:1.5rem;
text-align:left;
margin-top:10px;
}

h2{
font-size:1.6rem;
line-height:1.5;
margin:60px 0 20px 0;
}

h3{
font-size:1.5rem;
text-align:left;
margin:0 0 40px 0;
}


#caption{
font-size:3rem;
font-weight:900;
margin:60px 0;
}
#caption span{
font-size:1.4rem;
}

p span, #works-box div span{
font-size:1.6rem;
font-weight:500;
}

#home-box{
}

#home-box dl{
width:100%;
max-width:320px;
display:table;
box-shadow:inherit;
}
#home-box dl img{
display:none;
}
#home-box dl dt{
width:100%;
text-align:center;
padding:0;
margin:auto 0;
display:table;
}
#home-box dl dt img{
width:auto;
max-width:100%;
margin:0 auto 20px auto;
display:table !important;
}
#home-box dl dd{
width:100% !important;
font-size:1.3rem;
line-height:1.5;
padding:0 !important;
margin:10px 0 0 0;
}
#home-box dl dd span{
font-size:1.8rem;
text-align:center;
}
#home-box dl dd ul{
width:100%;
font-size:1rem;
}
#home-box dl dd ul li{
width:100%;
list-style-type:decimal;
display:table;
}

#home-box dl dd a{
width:50px;
margin:10px 0 0 auto;
display:table;
}

#home-box dl dd ul{
width:100%;
font-size:1rem;
margin-top:10px;
}
#home-box dl dd ul li{
width:100%;
list-style-type:decimal;
display:table;
}

#home-box div{
width:calc(100% - 2px);
max-width:340px;
font-size:1rem;
line-height:1.4;
margin:20px auto;
box-shadow:inherit;
border:1px solid #999;
display:flex;
}
#home-box div img{
}
#home-box div div{
width:calc(100% - 20px);
text-align:left;
padding:0 10px;
margin:auto 0;
border:none;
}
#home-box div span{
}
#home-box a{
width:100%;
max-width:340px;
}

#post-box{
width:100%;
max-width:300px;
margin:0 auto 40px auto;
border:1px solid #eee;
}
#post-box a{
height:140px;
}
#post-box a img{
width:160%;
}
#post-box a div{
}

#post-box dd{
width:96%;
color:#333;
font-size:1.2rem;
padding:2%;
margin:0;
}
#post-box dd span{
}


#footer-box{
width:90%;
padding:40px 5%;
}
#footer-box dt{
width:100%;
text-align:center;
}
#footer-box dt div{
width:100%;
text-align:center;
}
#footer-box dt div img{
}
#footer-box dd{
width:100%;
text-align:center;
padding:0;
margin:10px 0 0 0;
}
#footer-box dd img{
width:100px;
max-widt:100%;
padding:6px;
margin:0 auto 4px auto;
}


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

#page-box-common a{
width:auto;
color:#fff;
font-size:1.3rem;
line-height:1;
text-align:center;
padding:6px 20px;
margin:6px;
display:table;
background:#5791eb;
border-radius:20px;
}

#works-box{
display:table;
}
#works-box img{
width:320px;
margin:0 auto;
display:table;
}
#works-box div{
width:100%;
padding:0;
margin:10px 0 auto 0;
}
#works-box div span{
display:table;
}


#table-common, #table-enkaku, #fire-act-box{
margin:60px 0;
font-size:1.2rem;
}
#table-common th, #table-enkaku th, #fire-act-box th{
width:38%;
padding:6px 1%;
}
#table-common td, #table-enkaku td, #fire-act-box td{
width:calc(100% - 42%);
padding:6px 1%;
}

.result-lnk{
width:auto !important;
line-height:1.5 !important;
padding:0px 10px !important;

}
.result-lnk-sng{
line-height:1.5 !important;
}

#result-box div{
width:100%;
font-size:1.4rem;
line-height:2;
}


#company-box{
width:100%;
display:table;
}
#company-box img{
width:auto;
max-width:180px;
margin:auto;
}
#company-box div{
width:100%;
padding:0;
margin-top:20px;
display:table;
}

#qualifications-box div{
width:100%;
font-size:1.4rem;
line-height:2;
text-align:center;
}


#head-box-snd{
width:100%;
height:380px;
overflow:hidden;
position:relative;
z-index:10;
}
#head-box-snd img{
width:inherit;
min-width:800px;
position:absolute;
}
#head-box-snd div{
width:90%;
font-size:3rem;
text-align:center;
top:50%;
}
#head-box-snd div span{
font-size:1.5rem;
}
#head-box-snd dl{
width:90% !important;
margin:0 auto 10px auto;
justify-content:flex-start;
bottom:0px;
}
#head-box-snd dl a{
width:30%;
font-size:1.2rem;
padding:5px 0;
margin:5px 1.5%;
}
.head-box-snd-sng{
}

#recruit-box{
width:100%;
margin:0 0 60px 0;
justify-content:flex-end;
}
#recruit-box dt{
width:100%;
font-size:1.4rem;
text-align:center;
padding:0;
margin:0 0 10px 0;
display:table;
}
#recruit-box dt img{
width:auto;
margin:0 auto 5px auto;
max-width:200px;
display:table;
}
#recruit-box dt ruby{
font-size:2rem;
margin-left:6px;
}
#recruit-box dd{
width:100%;
padding:0;
margin:0;
display:table;
}


#tel-lnk{
font-size:3rem;
}


#heading-common{
font-size:1.4rem;
padding:2px 2%;
margin:40px auto;
}
#heading-common::before{
font-size:1.4rem;
}
#heading-common span{
font-size:1.2rem;
}

#sdgs-box{
width:90%;
margin:0 auto 10px auto;
display:table;
}
#sdgs-box img{
width:auto;
max-width:100%;
margin:20px auto 0px auto;
}

#sdgs-bnr-box{
margin:40px 0 10px 0;
justify-content:flex-start;
}
#sdgs-bnr-box img{
width:100px;
margin:6px;
display:table;
}


#sdgs-det-box{
font-size:1.3rem;
margin:0 0 40px 0;
display:table;
}

#sdgs-det-box img{
width:80px;
margin:0 10px 10px 0;
display:inline-table;
}
#sdgs-det-box div{
width:100%;

}
#sdgs-det-box dl{
width:100%;
margin:0 auto 40px auto;
display:table;
}


#dl-asw01{
width:320px;
height:420px;
margin:40px auto 0 auto;
display:table;
}

#dl-asw02{
width:320px;
height:280px;
margin:40px auto 0 auto;
display:table;
}


#navi{
display:inherit;
}

.navi-menu{
width:26px;
height:42px;
cursor:pointer;
position:fixed;
top:11px;
right:7px;
z-index:100;
}
.navi-menu span{
color:#fff;
font-family: 'Noto Serif JP', serif;
font-size:1rem;
font-weight:390;
letter-spacing:2px;
position:absolute;
bottom:0;
}

.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:auto;
height:100vh;
text-align:center;
padding:2vh 40px 0 40px;
overflow:hidden;
transition:1s;
opacity:0;
background:#000;
display:table;
position:fixed;
bottom:-2000px;
right:0;
z-index:300;
}
.navi-menu-check:checked + .navi-menu + .navi-content{
bottom:0;
opacity:1;
transition:0.6s;
}

#navi-content-logo{
width:96%;
max-width:220px;
margin:0 auto 40px auto;
display:table;
}

.navi-content a{
color:#fff;
font-size:1.4rem;
line-height:3;
border-bottom:1px solid #fff;
display:table;
}

.navi-content span{
width:100%;
color:#fff;
font-weight:700;
line-height:2;
text-align:center;
margin:20px 0 0px 0;
display:table;
}

.navi-content a{
color:#fff;
font-size:1.3rem;
line-height:1;
margin:20px 0;
display:table;
}

.navi-menu-close{
color:#fff;
font-size:1.3rem;
font-weight:400;
text-align:center;
cursor:pointer;
display:table;
position:absolute;
bottom:4%;
left:50%;
transform:translatex(-50%);
}





}