.sp_only{
    display:none;
}
.search td label{
        display:inline-block;
        padding-right:1em;
    }
@media screen and (max-width: 600px) {
    .pc_only{
        display:none;
    }
    .sp_only{
        display:block;
    }
    img{
        max-width:100%;
        height:auto;
    }
    header #globalmenu,header #submenu{
        display:none;
    }
.wrapper,.home #new .wrapper,.wrapper .container{
    width:100%;
}
h1{
    left:auto;
    right:auto;
    top:60px;
    font-size:11px;
    
}
.wrapper{
    padding:0 1em;
    box-sizing: border-box;
    position:relative;
}
.wrapper .container{
    float:none;
    margin:0;
}
#submenu2{
display:none;
}
.home #search .wrapper{
    width:100%;
    height:auto;
    padding-top:100px;
}
.home #new article{
    width:100%;
    height:auto;
    float:none;
    box-sizing:border-box;
    display:flex;
    clear:both;
    background:none;
    border:3px solid #ccc;
    padding:1em;
}
.home #pickup .wrapper .container{
    background-image:none;
}
.home #area,#area_btn{
    display:none;
}
.home #searchmenu{
    width:100%;
    position:relative;
    left:auto;
    top:auto;
    height:auto;
    padding-bottom:30vw;
    background-image: url(../img/common/header_bg.png);
    padding-top:1em;
}
.home #searchmenu ul{
display:flex;
flex-wrap:wrap;
}
.home #searchmenu ul li{
    width:33.3%;
    margin:0;
    padding:5px 0px;
    box-sizing:border-box;
    text-align:center;
}
.home #searchmenu ul li img{
    
    height:auto;
}
#sidemenu{
    position:fixed;
    top:0;
    display:block;
    right:-230px;
    left:auto;
    overflow: scroll;
    height:100%;
    background:#fff;
    z-index: 5;
}
#sidemenu.open{
    right:0;
}

#sidemenu #logo{
    position:fixed;
    top:0;
    left:0;
width:100%;
height:50px;
padding:0.5em;
box-sizing: border-box;
background-color:#f3f2f2;
z-index:99;
}
#sidemenu #logo a{
    display:block;
    width:100px;
height:40px;

background-image:url(../img/common/logo_sp.png);
background-size:contain;
background-repeat: no-repeat;
}
#sidemenu #logo img{
display:none;
}
header{
z-index:99;
}
header nav{
    display:block;
    position:fixed;
    top:10px;
    right:10px;
    content:"";
    width:30px;
    height:30px;
    background-image:url(../img/common/menu01.png);
    background-size:contain;
    z-index:100;
    
}
#searchmenu h3{
    display:none;
}
.home #searchmenu ul li{
    float:none;
}
.home #searchmenu ul li:first-child,.home #searchmenu ul li:nth-of-type(3) ,.home #searchmenu ul li:nth-of-type(5),.home #searchmenu ul li:nth-of-type(7),.home #searchmenu ul li:nth-of-type(9){
    margin-left: 0;
}
.home #new article .photo{
    width:30%;
    margin-right:2em;
}
.home #new article .photo img{
    max-width:100%;
}
.home #new article .data2{
    display:flex;
}
.home #new article .fL,.home #new article .fR{
    float:none;
}
.home #feature article{
    width:100%;
    height:auto;
    background-size:100%;
    box-sizing:border-box;
}
.home #search{
    background-image: url(../img/common/header_bg_02.png), url(../img/common/header_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom, center bottom;
}
.home #pickup article{
    float:none;
    margin:20px auto;
}
.home #pickup article:nth-child(2n) {
    margin:20px auto;
}
#ranking h2 img,#pickup h2 img{
    width:60%;
}
.home #ranking ol{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.home #ranking ol li{
 width:33%;
 padding:0.5em;
 box-sizing:border-box;
 margin:0;
 float:none;
}
.home #pickup .data2{
    display:flex;
}
.home #pickup .data2 dl{
    width:50%;
}
.pagetop {
    
    width:40px;
    right: 20px;
}
.temp header h1{
    width:100%;
}
.temp #title{
    height:30vw;
}
.temp #title .wrapper{
    padding:0;
}
.temp #title ul{
    width:100%;
    height:auto;
}
.temp #title .container{
    width:100%;
    height:100%;
}
.summary .search-box th{
    width:20%;
}
.temp table {
    width: 100%;
}
.temp #title h2{
    margin-top:0;
    padding:3em 5em 1em;
}
.summary .tab{
    width:100%;
    overflow: scroll;
}
.summary .tab ul{
    display:flex;
    width:700px;
}
.alnD{
    margin-top:0;
}
.summary section .fR table{
    width:100%;
}
.summary section .fR {
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.fR {
    float: none;
}
.summary section dl{
    width:48%;
    display:block;
    margin:0 0 1em;
}
.summary section dt{
    width:100%;
    height:2em;
    display:block;
}
.summary section dd{
    width:100%;
    height:3em;
    display:block;
}
.summary section ul.btn{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.summary section ul.btn li{
width:48%;
}
.article-page #icon{
    width:100%;
    margin:1em 0;
    padding:1em;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    box-sizing: border-box;
}
.article-page #icon li{
    margin:0 0 5px;
    width:32.5%;
    float:none;
}
.article-page #icon:before, .article-page #icon:after {
    display:none;
}
.article-page .contents .fL table, .article-page .contents .fR table {
    width: 100%;
}
.article-page th{
    width:30%;
}
.article-page .fL,.article-page .fR{
    float:none;
    width:100%;
}
.article-page .btn{
    display:flex;
    justify-content: space-between;
}
.article-page .btn li{
    width:49%;
    margin:0;
}
.article-page .btn li:nth-of-type(1){
    display:none;
}
#gmap-map iframe{
    width:100%;
    height:100vw;
}
#photo_sp{
    width:100%;
}
#photo_sp ul{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:5px;
}
#photo_sp ul li{
    width:40px;
    height:40px;
    
}
#photo_sp ul li img{
    width:40px;
    height:40px;
    object-fit: cover;
}
.article-page .etc tr:nth-of-type(1){
    background-color:#FFECD0;
}
.article-page .etc tr{
    border:1px solid #FF7800;
}
.article-page .etc td,.article-page .etc th{
    display:inline-block;
    min-width:30%;
    box-sizing: border-box;
    border:none;
    margin:5px 0;
    padding:5px;
}
.about section .fR{
    width:100%;
}
.about section .fL{
    width:100%;
    float:none;
}
.about section:nth-child(3){
    background:none;
}
.about section:nth-child(4) .fR {
    width: 100%;
}
.area section .fR{
    width:100%;

}
.area section .fL{
    
    float:none;
}
.area.temp .container section {
    background-color:#fff;
}
    .area.temp #title h2 {
width:80%;
margin:0 auto;
box-sizing: border-box;
    }
    .flow section .fR{
        width:100%;
    }
    .flow section .fL{
        float:none;
    }
    .success article .fR {
    width: 100%;
}
.success article .fL {
   float:none;
}
.search section:nth-child(2) p {
    width: 100%;
}
.search .bg{
    background:none;
}
.search th{
    width:30%;
}
.faq.temp #title h2 {
width:70%;
margin:0 auto;
box-sizing: border-box;
    }
    .contact .form_area td,.contact .form_area th{
 box-sizing: border-box;
        width:100%;
        display:block;
    }
    .contact .form_area input[type=text],.contact .form_area  input[type=tel],.contact .form_area  input[type=email],.contact .form_area  textarea{
        width:100%;
        box-sizing: border-box;
    }
    .contact .form_area .short input[type=text]{
width:30%;
    }
    .contact #registration tr{
        border:1px solid #FF7800;
    }
     .contact #registration th, .contact #registration td{
display:inline-block;
width:25%;
box-sizing: border-box;
border:none;
    }
    .contact #registration th:nth-of-type(3), .contact #registration td:nth-of-type(3){
width:50%;
    }
    .company iframe{
        width:100%;
        
    }
    
}