@media only screen and (min-width: 320px) {
    .table-horizontal th {
        width: 25% !important;
        align-content: center;
        -webkit-align-content: center;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #F8C5C8;
        font-size: 14px !important;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica !important;
    }

    .table-horizontal td {
        word-break: break-word;
        background-color: #fff;
        font-size: 14px !important;
        font-family: "HiraginoKakuGothicPro-W3", Helvetica !important;
        align-content: center;
        -webkit-align-content: center;
        vertical-align: middle;
        white-space: normal;
        padding: 12px 5px;
    }

    .table-horizontal td textarea {
        height: 150px;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 20px;
    }

    .text-des {
        padding: 40px 0;
    }

    h3.ttlCenter {
        font-size: 26px;
    }

    .complete-text {
        font-size: 14px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    }

    .pb-300 {
        padding-bottom: 0 !important;
    }

    .grp-btn {
        display: block;
    }

    .btn-custom,
    .btn-back-grey {
        margin: 30px auto;
    }
}


@media only screen and (min-width: 740px) {}

@media only screen and (min-width: 1023px) {
    .grp-btn {
        display: flex;
    }

    .text-des {
        padding: 50px 0;
    }

    h3.ttlCenter {
        font-size: 32px !important;
    }

    .complete-text {
        font-size: 16px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    }

    .pb-300 {
        padding-bottom: 300px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .grp-btn {
        display: flex;
    }

    .text-des {
        padding: 50px 0;
    }

    h3.ttlCenter {
        font-size: 32px !important;
    }

    .complete-text {
        font-size: 16px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    }

    .pb-300 {
        padding-bottom: 300px !important;
    }
}

@media only screen and (min-width: 1400px) {
    .grp-btn {
        display: flex;
    }

    .text-des {
        padding: 80px 0;
    }

    h3.ttlCenter {
        font-size: 32px !important;
    }

    .complete-text {
        font-size: 16px;
        font-family: "HiraginoKakuGothicPro-W6", Helvetica;
    }

    .pb-300 {
        padding-bottom: 300px !important;
    }
}
@media screen and (max-width: 435px) {
    .mainimage p{
        font-size: 25px !important;
    }
    .w6-16{
        font-size: 14px !important;
    }
}
@media screen and (max-width: 361px) {
    h3.ttlCenter {
        font-size: 25px;
    }
    .w6-16{
        font-size: 13px !important;
    }
}