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

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

h1{
color:#fff;
font-size:2.4rem;
line-height:1.5;
margin:0 auto 40px auto;
}
h1 img{
height:30px;
position:absolute;
top:50%;
left:-50px;
transform:translatey(-50%);
}

h2{
font-size:2rem;
margin:0 auto 40px auto !important;
}

h3{
color:#333;
font-size:1.8rem;
font-weight:700;
line-height:1;
margin:0 auto 30px auto;
display:table;
position:relative;
}
h3 img{
position:absolute;
top:50%;
left:-60px;
transform:translatey(-50%);
}

h4{
color:#a08d66;
font-size:2.4rem;
font-weight:700;
line-height:1;
margin:60px auto 20px auto;
display:table;
position:relative;
}

.top-h4{
margin:20px auto;
}

#grobal-navi{
width:100%;
height:50px;
padding:0px;
border-bottom:2px solid #a08d66;
}
#navi-logo{
width:50px;
top:6px;
left:6px;
}
#navi-txt{
width:260px;
max-width:inherit;
top:50%;
left:64px;
transform:translatey(-50%);
}

#full-navi{
display:none;
}
#full-navi a{
}

#bar-01, #bar-02{
display:none;
}
#bar-03, #bar-04, #bar-05{
display:none;
}


#home-main-box{
}

#home-main-box video{
}

#home-main-title{
max-width:85%;
}
#home-main-scroll{
width:34px;
position:absolute;
bottom:100px;
left:50%;
transform:translatex(-50%);
z-index:0;
}


#sec, #company-sec, #post-sec{
width:92%;
height:auto;
padding:60px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

.top-sec{
margin-top:40px !important;
}

p{
font-size:1.4rem;
line-height:1.6;
text-align:left !important;
}


#home-box{
width:100%;
margin:20px 0 0 0;
display:table;
}
#home-box img{
display:table;
}
#home-box-lt{
width:360px;
margin:20px auto;
}
#home-box-rt{
width:360px;
margin:20px auto;
}

#home-navi-box{
width:100%;
margin:0;
}
#home-navi-box a{
width:120px;
color:#fff;
font-size:1.3rem;
line-height:1.5;
padding:10px 10px 10px 40px;
margin:5px auto;
}
#home-navi-box a img{
height:28px;
left:8%;
}



#home-contents-box{
font-size:1.3rem;
font-weight:380;
line-height:1.5;
display:table;
}

#home-contents-box dt, #home-contents-box dd{
width:100%;
margin:0 auto;
}

#home-contents-box dt, #home-contents-box dd{
text-align:left;
padding:15px 0;
}


#home-contents-box dt video, #home-contents-box dt img, #home-contents-box dd img{
}

#home-contents-box dt div, #home-contents-box dd div{
font-size:3rem;
margin:0px auto;
display:table !important;
}
#home-contents-box dt span, #home-contents-box dd span{
font-size:1.5rem;
}
#home-contents-box dt a, #home-contents-box dd a{
color:#fff;
font-size:1.5rem;
margin:10px auto 0px auto;
display:table;
position:relative;
}
#home-contents-box dt a::before, #home-contents-box dd a::before{
content:'→';
color:#fff;
font-size:1.4rem;
margin:0 6px 0 0;
}


#post-box{
width:160px;
margin:0 auto;
}
#post-box dt{
height:112px;
}
#post-box dt img{
}
#post-box dd{
font-size:1.2rem;
}
#post-box dd span{
font-size:1.4rem;
line-height:1.5;
font-weight:400;
}
#post-box dd a{
font-size:1.3rem;
border-bottom:1px solid #333;
}

#common-lnk{
font-size:1.3rem;
line-height:2;
padding:0 40px;
margin:30px auto 0 auto;
}

#footer-box{
width:92%;
font-size:1.2rem;
font-weight:400;
line-height:1.8;
text-align:center;
padding:30px 4%;
}
#footer-box span{
font-size:1.8rem;
}


#company-navi-box{
width:100%;
margin:0 auto 60px auto;
}
#company-navi-box a{
width:140px;
font-size:1.4rem;
padding:10px 0px 10px 26px;
margin:6px auto;
}
#company-navi-box a img{
height:26px;
left:10%;
}

#company-box{
display:table;
}
#company-box div{
width:100%;
font-size:1.4rem;
margin:20px auto;
}
#company-box div span{
width:100%;
text-align:center;
margin:20px 0 0 0;
display:table;
}

#company-box dt{
width:100%;
font-size:1.4rem;
line-height:1.5;
margin:0px 0 20px 0 !important;
}
#company-box dt img{
margin:0 0 6px 0;
}


#profile-box{
width:100%;
font-size:1.2rem;
margin:0 auto;
}

#profile-box th{
width:25%;
padding:6px 0;
}
#profile-box td{
width:73%;
padding:6px 1%;
}


#map{
height:400px;
margin-top:60px;
}


#contact-box{
width:100%;
margin:60px auto;
display:table;
}
input[type="text"], input[type="email"] {
width:90%;
height:auto;
font-size:1.5rem;
padding:20px 10px;
margin:40px auto 0 auto;
border:1px solid #eee;
border-radius:4px;
}

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

input[type="submit"]{
width:200px;
height:auto;
color:#fff;
font-size:1.5rem;
line-height:3;
text-align:center;
padding:0 20px;
margin:60px auto 0 auto;
background:#0d244e;
border:0px;
border-radius:10px;
display:table;
}

.wpcf7-not-valid-tip{
color:#ff8ca3;
font-size:1.4rem;
font-weight:normal;
display:block;
}



#navi{
display:inherit;
}

.navi-menu{
width:26px;
height:42px;
cursor:pointer;
position:fixed;
top:15px;
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:calc(98dvh - 52px);
text-align:center;
padding:2vh 3% 0 3%;
overflow:hidden;
transition:1s;
opacity:0;
background:#171c61;
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.5rem;
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:left;
margin:20px 0 0px 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%);
}


#price-information-box{
width:100%;
height:300px;
display:table;
}

#price-information-box{
width:100%;
height:500px;
display:table;
}

#price-box{
font-size:1.5rem;
}
#price-box img{
max-width:700px;
}





}