@media screen and (max-width:768px) {
    .top {
        flex-direction: column;
        height: 158.13vw;
    }

    .detail-box,
    .follow-box {
        width: 100%;
    }

    .detail-box .content {
        width: 77.6vw;
    }

    .detail-box p {
        font-size: 6.4vw;
        padding-bottom: 4.27vw;
        margin-top: 3.73vw;
        border-top: none;
        border-bottom: 1.07vw solid white;
    }

    .detail-box p:nth-of-type(3) {
        border-bottom: none;
    }

    .follow-box .content {
        width: 80.53vw;
    }

    .follow-box p {
        font-size: 7.47vw;
    }

    .follow-box p::after {
        height: 1.33vw;
    }

    .contact-type {
        margin-top: 3.47vw;
    }

    .contact-type__img {
        width: 12vw;
        height: 12vw;
    }

    .follow-box__bg {
        height: 51.47vw;
    }

    .bot {
        height: 158.13vw;
    }

    .bot .content {
        width: 80.53vw;
        flex-direction: column-reverse;
        height: auto;
        margin-top: 12.53vw;
        height: calc( 100% - 12.53vw);
        box-sizing: border-box;
        align-items: flex-start;
    }

    .form__title {
        font-size: 7.47vw;
    }

    .form__sign {
        font-size: 3.73vw;
        line-height: 4.8vw;
        margin-top: 2.13vw;
    }

    .form__input {
        flex-direction: column;
        height: 26.67vw;
        box-sizing: border-box;
        border: 1.33vw solid black;
        border-bottom: none;
        margin-top: 4.8vw;
    }

    .form__input input,
    .form__input button {
        width: 100%;
        flex: 1;
        font-size: 3.73vw;
    }

    .form__input input {
        padding: 0 5.87vw;
    }

    .bot__img{
        width: 55.47vw;
        height: 79.07vw;
    }

    #footer{
        margin-top: 0;
    }
}