/*タブレット*/
@media(max-width: 1000px){
    body{
        font-size:17px;
    }
    header h1{
        font-size:25px;
    }

    input[type="text"] {
        /* 高さを出す */
        padding: 8px 8px;
        font-size: 15px;
        border-radius: 4px;
    }
    select{
        font-size:15px;
    }
    textarea{
        font-size:15px;
    }

    .search-box{
        width:150px;
    }

    section{
        padding-top:130px;
    }

    .items{
        width:90%;
    }

    .form{
        width:90%;
    }

    .form-title-wrapper{
        width:100%;
    }
    
    .item img{
        width:100%;
    }

    .price{
        font-size:20px;
    }

    .btn{
        width:250px;
        height:50px;
        line-height:50px;
        border-radius: 10px;
        font-size:20px;
        margin:0 auto;
    }

    h2{
        font-size:20px;
    }
    h3{
        font-size:16px;
    }
    .form{
        padding-top:60px;
    }
    .telephone-wrapper{
        gap:20%;
    }

    .form-item{
        width:80%;
        margin-left:auto;
        margin-right:auto;
        flex-direction: column;
        align-items: flex-start;
        gap:20px;
    }
    .name-left{
        margin-right:0;
        margin-bottom:20px;
    }

    .form-title{
        width: auto;
    }
    .fee{
        transform:translate(-100%,-50%);
    }
    .short-box{
        width:50%;
    }

    .middle-box{
        width:65%;
    }
    .long-box{
        width:100%;
    }

    .box-explain{
        margin-left:10px;
        margin-right: 20px;
    }

    .header-right{
        gap:3%;
    }

    .sp-message{
        margin-bottom: 50px;
    }

    .input-box-wrapper{
        width:100%;
        display:flex;
        flex-direction: column;
        gap:10px;
    }
    .textarea-wrapper{
        width:100%;
    }
    /*スライダー*/
    input[type="range"] {
    width: 90%;
    background-color:#003a7c;
    }

    .submit-btn-wrapper{
        text-align:center;
        margin:90px auto;
    }

    .pc-only{
        display:none;
    }
    .limit-text{
        left:auto;
        top:100%;
        right:0;
        transform:translateY(0);
    }

    footer{
        width:80%;
        font-size:12px;
    }
}

/*スマホ*/
@media(max-width: 670px){
    body{
        font-size:15px;
    }
    header h1{
        font-size:22px;
    }

    input[type="text"] {
        /* 高さを出す */
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 4px;
    }
    select{
        font-size:12px;
    }
    textarea{
        font-size:12px;
        height:150px;
    }
    .header-right{
        flex-direction:column;
        right: 3%;
        font-size:10px;
        gap:10px;
    }

    .search-box{
        width:120px;
        font-size:10px;
    }
    .btn{
        width:200px;
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    .fee{
        font-size:17px;
        position:absolute;
        left:auto;
        right:0;
        top:50%;
        transform:translate(10%, -50%);
        margin-left:0;
    }
    input[type="range"]{
        width:60%;
    }
    .slider-negative{
        text-align:center;
        width:20%;
        margin-right:0;
    }
    .slider-positive{
        text-align:center;
        width:20%;
        margin-left:0;
    }
    .telephone-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }
    .submit-btn-wrapper{
        margin:60px auto;
    }

    footer{
        font-size:9px;
    }

    .top-btn{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:14px;
    }
}