@charset "UTF-8";

    body {
        display: block;
        background-image: url(../images/niji.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 140vh;
        padding-left: 2px
    }

    .wrap {
        overflow: hidden;
    }

    .txt-center {
        text-align: center;
    }

    form {
        font-size: 20px;
        letter-spacing: 0.5em;
        line-height: normal;
    }
    
    .clr {
        color: red;
    }
    .va {
        vertical-align: middle;
    }
    .bss {
        border-radius: 4px;
        border-width: 0.1px;
        border-color: lightgrey;
        border-style: inset;
    }
    
    input[type="text"] {
        width: 980px;
    }

    input[type="tel"] {
        width: 766px;
    }

    input[type="email"] {
        width: 895px;
    }

    textarea {
        width: 1076px;
        height: 110px;
    }

    .btn-position {
        width: 10vw;
        height: 40px;
        margin-top: 15px;
        background-color: aqua;
        border-radius: 4px;
        border-width: 0.1px;
        border-color: lightgrey;
    }

@media screen and (max-width: 1440px) {
    form {
        letter-spacing: 0.5em;
        font-size: 19px;
    }

    input[type="text"] {
        width: 67.5vw;
    }

    input[type="tel"] {
        width: 53.6vw;
    }

    input[type="email"] {
        width: 62vw;
    }

    textarea {
        width: 73.9vw;
        height: 100px;
    }
    
    .btn-position {
        width: 10vw;
    }
}

@media screen and (max-width: 1280px) {
    form {
        letter-spacing: 0.5em;
        font-size: 18px;
        line-height: normal;
    }

    input[type="text"] {
        width: 65vw;
    }

    input[type="tel"] {
        width: 50vw;
    }

    input[type="email"] {
        width: 59vw;
    }

    textarea {
        width: 71.7vw;
        height: 100px;
    }   

    .btn-position {
        width: 12vw; 
    }
}

@media screen and (max-width: 1024px) {
    form {
        letter-spacing: 0.5em;
        font-size: 18px;
    }

    input[type="text"] {
        width: 67.3vw;
    }

    input[type="tel"] {
        width: 48.4vw;
    }

    input[type="email"] {
        width: 59.7vw;
    }

    textarea {
        width: 75.7vw;
        height: 100px;
    }   

    .btn-position {
        width: 12vw; 
    }
}

@media screen and (max-width: 992px) {
    form {
        letter-spacing: 0.5em;
        font-size: 16px;
    }

    input[type="text"] {
        width: 70vw;
    }

    input[type="tel"] {
        width: 52.8vw;
    }

    input[type="email"] {
        width: 63.2vw;
    }

    textarea {
        width: 77.7vw;
        height: 120px;
    }   

    .btn-position {
        width: 12vw; 
    }
}

@media screen and (max-width: 912px) {
    form {
        letter-spacing: 0.5em;
        font-size: 16px;
    }

    input[type="text"] {
        width: 54.4vw;
    }

    input[type="tel"] {
        width: 35.6vw;
    }

    input[type="email"] {
        width: 62.6vw;
    }

    textarea {
        width: 62.6vw;
        height: 120px;
    }   

    .btn-position {
        width: 12vw; 
    }
}

@media screen and (max-width: 820px) {
    form {
        font-size: 16px;
        letter-spacing: 0.5em;
    }

    input[type="text"] {
        width: 61vw;
    }

    input[type="tel"] {
        width: 40vw;
    }

    input[type="email"] {
        width: 52.5vw;
    }

    textarea {
        width: 70.2vw;
        height: 120px;
    }   

    .btn-position {
        width: 12vw; 
    }
}

@media screen and (max-width: 800px) {
    form {
        font-size: 16px;
        letter-spacing: 0.5em;
    }

    input[type="text"] {
        width: 62vw;
    }

    input[type="tel"] {
        width: 41vw;
    }

    input[type="email"] {
        width: 53.8vw;
    }

    textarea {
        width: 72vw;
        height: 120px;
    }   

    .btn-position {
        width: 15vw; 
    }
}

@media screen and (max-width: 768px) {
    form {
        font-size: 16px;
        letter-spacing: 0.5em;
    }
    
    input[type="text"] {
        width: 65.1vw;
    }

    input[type="tel"] {
        width: 42.7vw;
    }

    input[type="email"] {
        width: 56.1vw;
    }

    textarea {
        width: 74.9vw;
        height: 88px;
    }   

    .btn-position {
        width: 15vw; 
    }
}
    
@media screen and (max-width: 712px) {
    form {
        font-size: 16px;
        letter-spacing: 0.5em;
    }
    
    input[type="text"] {
        width: 49vw;
    }

    input[type="tel"] {
        width: 25vw;
    }

    input[type="email"] {
        width: 39.5vw;
    }

    textarea {
        width: 59.8vw;
        height: 120px;
    }

    .btn-position {
        width: 20vw;
    }
}

@media screen and (max-width: 640px) {
    body {
        height: 700px;
    }

    form {
        font-size: 16px;
        letter-spacing: 0.4em;
        vertical-align: middle;
    }
    
    input[type="text"] {
        width: 55vw;
    }

    input[type="tel"] {
        width: 31vw;
    }

    input[type="email"] {
        width: 66vw;
    }

    textarea {
        width: 66vw;
        height: 120px;
    }

    .btn-position {
        width: 20vw;
    }
}

@media screen and (max-width: 600px) {
    form {
        font-size: 16px;
        letter-spacing: 0.4em;
    }
    
    input[type="text"] {
        width: 59vw;
    }

    input[type="tel"] {
        width: 32.7vw;
    }

    input[type="email"] {
        width: 70vw;
    }

    textarea {
        width: 70vw;
        height: 120px;
    }

    .btn-position {
        width: 20vw;
    }
}

@media screen and (max-width: 540px) {
    form {
        letter-spacing: 0.3em;
        font-size: 14px;
    }

    input[type="text"] {
        width: 68vw;
    }

    input[type="tel"] {
        width: 45.8vw;
    }

    input[type="email"] {
        width: 59.8vw;
    }

    textarea {
        width: 78.7vw;
        height: 120px;
    }

    .btn-position {
        width: 20vw;
    }
}

@media screen and (max-width: 480px) {
    form {
        font-size: 14px;
        letter-spacing: 0.5em;
    }
    
    input[type="text"] {
        width: 64vw;
    }

    input[type="tel"] {
        width: 78.6vw;
    }

    input[type="email"] {
        width: 78.6vw;
    }

    textarea {
        width: 78.6vw;
        height: 120px;
    }

    .btn-position {
        width: 20vw;
    }
}

@media screen and (max-width: 426px) {
    form {
        font-size: 14px;
        letter-spacing: 0.3em;
    }

    input[type="text"] {
        width: 64.2vw;
    }

    input[type="tel"] {
        width: 35.6vw;
    }

    input[type="email"] {
        width: 53.6vw;
    }

    textarea {
        width: 77.6vw;
        height: 100px;
    }

    .btn-position {
        width: 25vw;
        height: 40px;
    }
}

@media screen and (max-width: 415px) {
    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 65.8vw;
    }

    input[type="tel"] {
        width: 40.5vw;
    }

    input[type="email"] {
        width: 78vw;
    }

    textarea {
        width: 78vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 412px) {
    body {
        height: 1000px;
    }

    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 64vw;
    }

    input[type="tel"] {
        width: 78vw;
    }

    input[type="email"] {
        width: 78vw;
    }

    textarea {
        width: 78vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 394px) {
    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 64vw;
    }

    input[type="tel"] {
        width: 77vw;
    }

    input[type="email"] {
        width: 77vw;
    }

    textarea {
        width: 77vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 384px) {
    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 64vw;
    }

    input[type="tel"] {
        width: 77.2vw;
    }

    input[type="email"] {
        width: 77.2vw;
    }

    textarea {
        width: 77.2vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 376px) {
    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 63.8vw;
    }

    input[type="tel"] {
        width: 77.7vw;
    }

    input[type="email"] {
        width: 77.7vw;
    }

    textarea {
        width: 77.7vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 360px) {
    form {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    input[type="text"] {
        width: 62.6vw;
    }

    input[type="tel"] {
        width: 77vw;
    }

    input[type="email"] {
        width: 77vw;
    }

    textarea {
        width: 77vw;
        height: 100px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 320px) {
    form {
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    
    input[type="text"] {
        width: 63.6vw;
    }

    input[type="tel"] {
        width: 76vw;
    }

    input[type="email"] {
        width: 76vw;
    }

    textarea {
        width: 76vw;
        height: 90px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 280px) {
    form {
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    
    input[type="text"] {
        width: 60.5vw;
    }

    input[type="tel"] {
        width: 74vw;
    }

    input[type="email"] {
        width: 74vw;
    }

    textarea {
        width: 74vw;
        height: 90px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}

@media screen and (max-width: 240px) {
    form {
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    
    input[type="text"] {
        width: 56vw;
    }

    input[type="tel"] {
        width: 74vw;
    }

    input[type="email"] {
        width: 74vw;
    }

    textarea {
        width: 74vw;
        height: 90px;
    }

    .btn-position {
        width: 30vw;
        height: 40px;
    }
}