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

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

h2{
width:100%;
font-size:1.6rem;
font-weight:700;
line-height:1.5;
padding:0 0 10px 0;
margin:40px auto;
}

h3{
width:calc(90% - 10px);
font-size:1.6rem;
line-height:2;
margin:0 0 40px 0;
border-left:10px solid #62b752;
}

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

#navi-box{
display:none;
}

#head-box{
width:100%;
height:auto;
padding:0;
justify-content:space-between;
background-repeat:no-repeat;
background-position:right bottom;
background-size:cover;
}

#head-logo{
width:320px;
margin:auto auto 60px auto;
}

#head-contact{
width:100%;
font-size:1.5rem;
line-height:1.5;
text-align:center;
padding:10px 0;
margin:0;
position:fixed;
bottom:0px;
left:0;
}

#breadcrumb-box{
display:none;
}

#sec-common{
width:90%;
padding:40px 0;
margin:0 auto;
}

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


#home-box{
margin:0 0 60px 0;
display:block;
}

#home-box div{
width:100%;
justify-content:flex-start;
}
#home-box div a{
width:48%;
min-width:260px;
max-width:460px;
margin:0 auto 30px auto;
}

#home-box iframe{
width:100%;
max-width:500px;
margin:0 auto 0 auto;
}

#footer-box{
width:100%;
font-size:1.4rem;
margin-bottom:60px;
}
#footer-box a{
}

#footer-image{
display:none;
}


#table-common{
font-size:1.4rem;
}
#table-common th{
width:35%;
}
#table-common td{
width:65%;
}


#flow-box{
font-size:1.5rem;
display:block;
}
#flow-box div{
font-size:1.7rem;
line-height:1.5;
margin-bottom:10px;
}
#flow-box dt{
width:100%;
margin:10px 0;
}
#flow-box dt span{
width:100%;
font-size:1.6rem;
}
#flow-box dd{
width:100%;
}
#flow-box dd img{
}


#navi{
display:inherit;
}

.navi-menu{
width:60px;
height:60px;
cursor:pointer;
position:fixed;
top:5px;
right:5px;
z-index:20;
background:#fff;
border-radius:50%;
}

.navi-menu-btn01, .navi-menu-btn02, .navi-menu-btn03{
width:60%;
height:1px;
background:#000;
position:absolute;
left:50%;
transform:translatex(-50%);
opacity:1;
}

.navi-menu-btn01{
top:20px;
}
.navi-menu-btn02{
top:30px;
}
.navi-menu-btn03{
top:40px;
}

.navi-menu-check{
display:none;
}

.navi-content{
width:240px;
height:100vh;
padding:0 10px;
overflow:hidden;
transition:0.1s;
opacity:0;
background:rgba(255,255,255,0.95);
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:100%;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.navi-content a{
color:#ce71a3;
font-size:1.6rem;
font-weight:390;
line-height:1.5;
margin:20px auto;
display:table;
}

.navi-menu-close{
width:40px;
color:#fff;
font-size:1.6rem;
font-weight:400;
line-height:1;
text-align:center;
padding:12px 0;
margin:40px auto 0 auto;
cursor:pointer;
background:#ce71a3;
border-radius:50%;
display:table;
}






}