@media screen and (max-width: 1000px) {


}


@media screen and (max-width:960px) {
    

    html {
        font-size: 15px;
      }
    
    p{
        font-size: 15px;
    }

    .box1-child h3 {
    padding: 0 15px 0px 35px;
    }
    
    
      .box1 {
        display: flex;
        flex-direction: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .box1-child {
        width: 100%;
        height: auto;
        line-height: 1.5;
    }

    .box1-img {
    width: 100%;
    margin-right: 0rem;
}
    
    .re{
            flex-wrap: wrap-reverse !important;
    }
    
    .box1-img2 {
    width: 100%;
    margin-left: 0rem;
}
    
    
    .map {
        position: relative;
        width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
        height: 0;
        padding-bottom: 56.25%;    /* padding-topでもOK */
        overflow: hidden;
    }
    .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;    /* 必要であれば!importantを付けてください */
        height: 100%;    /* 必要であれば!importantを付けてください */
    }

    .add {
        padding: 0 20px 0 0;
        width: 50%;
        text-align: center;
    }
    
    .add img{
        width: 80%;
    }    
    
    
}/* 960px */

@media screen and (max-width:640px) {
    
    .inquiry th,.inquiry td {
display:block;
width:100%;
border-top:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.inquiry tr:first-child th{
border-top:1px solid #d7d7d7;
}
/* 必須・任意のサイズ調整 */
.inquiry .haveto,.inquiry .any {
font-size:10px;
}
    
    .recruit-table table{
    font-size: 13px;
        
    }

        
    .add-flex {
        width: 95%;
    padding: 20px 0px;
    }

    .header-box {
        justify-content: space-between;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .header-box>a{
        width: 80%;
        margin: 0 auto;
    }

    img.ttl-img {
        margin: 15px 0 0 0;
    }

    .inquiry input,.inquiry textarea {
    width: 95%;
    }
    
    .catch-txt {
        width: 90%;
        margin: 5% auto;
    }


    .add {
        padding: 0 0;
        width: 100%;
        margin: 0 auto;
    }
    
    .add>p{
        font-size: 14px;
    }

    .add-flex {
        flex-wrap: wrap;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .btn {
        margin: 30px auto;
    }
    
    img.ttl-img {
    width: 100%;
    height: auto;
    }
    
    .recruit-table tr,.recruit-table th,.recruit-table td{
    border-bottom: 10px solid #fff;
    padding: 0.5rem 0.5rem;
    }   

.recruit-table th{
    width: 25%;
}

    
} /* 600 */


@media screen and (max-width: 480px) {

    html {
        font-size: 13px;
      }


} /* 480 */