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

h1{
font-size:3rem;
}

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

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

#grobal-navi{
display:none;
}

#top-logo{
display:none;
}


#grobal-navi{
width:90%;
padding:15px 5%;
background:#000;
border-radius:0px;
display:flex;
justify-content:center;
position:fixed;
top:0px;
right:inherit;
left:0;
z-index:10;
}
#grobal-navi a{
font-size:1.3rem;
line-height:2;
padding:0px;
margin:0 auto;
border-left:0px;
}





#hd-image-box{
width:100%;
height:90vh;
aspect-ratio:auto;
}

#head-main-image{
width:250%;
}

#hd-title-box{
width:280px;
padding:30px 0 10px 0;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#hd-title-box dt{
}
#hd-title-box dt span{
}

#hd-title-box dd{
}
#hd-title-box dd a{
}
#hd-title-box dd a img{
}

#home-content-box{
flex-flow:wrap;
}

#home-sec, #common-sec{
padding:40px 0 !important;
}

.home-content-catch{
position:relative;
}

.home-content-catch dt{
width:100%;
color:#fff;
font-family:"Noto Serif JP", serif;
font-size:2rem;
font-weight:700;
line-height:2;
text-align:center;
writing-mode:inherit;
padding:40px 0;
background-image:none !important;
position:inherit;
top:inherit;
left:inherit;
transform:none;
}
.home-content-catch dd{
width:100%;
text-align:center;
margin:20px auto;
}


#scene-lnk-box{
width:100%;
max-width:420px;
margin:0 auto 40px auto;
}
#scene-lnk-box span{
}
#scene-lnk-box div{
}
#scene-lnk-box div img{
}

#common-lnk{
font-size:1.3rem;
line-height:2;
}
#common-lnk img{
}

.home-concept-box{
flex-flow:wrap-reverse !important;
}

.home-style-box dt, .home-concept-box dt, .home-lineup-box dt{
width:100%;
height:auto;
font-size:1.6rem;
letter-spacing:normal;
line-height:1.5;
writing-mode:inherit;
padding:0px;
margin:0 0 20px 0;
position:inherit;
}
.home-style-box dt, .home-concept-box dt, .home-lineup-box dt{
top:inherit;
bottom:inherit;
right:inherit;
left:inherit;
}

.home-style-box dd, .home-concept-box dd, .home-lineup-box dd{
width:100% !important;
}
.home-style-box dd{
margin:0;
}
.home-concept-box dd{
margin:0;
}
.home-lineup-box dd{
margin:0;
}


#footer-box{
width:90%;
max-width:1400px;
padding:30px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#footer-map{
width:45%;
height:240px;
margin:auto 0;
border:0;
display:table;
}

#footer-box div{
width:100%;
font-size:1.2rem;
}
#footer-box div table{
width:auto;
margin:0 0 20px 0;
border-collapse:collapse;
}
#footer-box div table th{
font-size:1.6rem;
font-weight:300;
padding:0 20px 0 0;
}
#footer-box div table th dl{
font-size:5rem;
}

#footer-box div table td{
width:60px;
font-size:1rem;
text-align:center;
vertical-align:bottom;
}
#footer-box div span{
font-size:1.6rem;
margin:10px 0;
}

#footer-map{
width:100%;
height:240px;
margin:40px 0 0 0;
}


#common-head-box{
height:300px;
}
#common-head-box div{
width:160px;
font-size:4rem;
padding:20px;
top:56%;
left:50%;
transform:translate(-50%,-50%);
}
#common-head-box div span{
font-size:2.6rem;
margin-top:4px;
display:table;
}


#tel-box{
font-size:2.2rem;
font-weight:900;
margin:40px auto 80px auto;
}
#tel-box a{
font-size:3rem;
border-bottom:1px solid #000;
}

#schedule{
width:100%;
height:500px;
}


#wpcf7-f5-o1{
width:100%;
margin-top:40px;
}
#contact-box{
}
#contact-box th{
width:90%;
text-align:left;
padding:40px 0 4px 0;
margin:0 auto;
display:block;
}
#contact-box-span{
font-size:1rem;
font-weight:300;
padding:2px 5px;
margin:auto 5px 0 0;
border-radius:10px;
}
#contact-box th p{
font-size:1.6rem;
font-weight:500;
line-height:1;
}
#contact-box td{
width:auto;
padding:20px 10px 6px 10px;
display:block;
}

input[type="text"]{
width:90%;
height:auto;
font-size:1.2rem;
padding:10px;
margin:0 auto 0 auto;
}

textarea{
width:95%;
height:110px;
font-size:1.2rem;
padding:10px;
margin:10px auto 0 auto;
}

input[type="submit"]{
width:auto;
font-size:1.4rem;
line-height:3;
padding:0 40px;
}

#policy-box{
height:400px;
}
#policy-box div{
font-size:1.7rem;
margin:40px 0 10px 0;
}
#policy-box span{
font-size:1.5rem;
}
#policy-box p{
font-size:1.3rem;
}

#breadcrumb-box{
margin:20px auto 0 auto;
}
#breadcrumb-box a{
}


#post-box{
font-size:1.6rem;
}






}