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

    .header-box,
    .main-v-box,
    .main-msg-box,
    .footer-box,
    section {
        width: 94%;
    }
}

@media screen and (max-width:1200px) {
    .header-sub-menu li a {
        font-size: 1em;
    }

    .header-sub-menu {
        right: 0;
    }

    .con-box {
        padding: 8% 4%;
    }

    .naka-con-image {
        width: 18%;
    }

    .pdf-box {
        padding: 5%;
    }
}

@media screen and (max-width:1024px) {
    .header-sub-menu {
        position: static;
        margin-top: 2%;
    }

    .header-sub-menu ul {
        flex-direction: row;
        justify-content: center;
    }

    .main-nav-box {
        padding: 8% 4%;
    }

    .content {
        flex-direction: column-reverse;
        align-items: center;
    }

    .con-left {
        width: 100%;
    }

    .con-right {
        width: 300px;
    }

    .last-msg-box {
        flex-direction: column;
        row-gap: 1em;
        padding: 50px 0;
    }

    .last-msg-right {
        width: 92%;
    }

    .naka-con-image {
        width: 400px;
        position: static;
        margin: auto;
        margin-bottom: 25px;
    }

    .pdf-box {
        flex-wrap: wrap;
        row-gap: 2em;
    }

    .pdf-link {
        width: 32%;
    }

    .main-benefits-box {
        padding: 8% 4%;
    }

    .contact-section {
        margin-top: 50px;
    }
}

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

    .header-box,
    .main-msg-box,
    .footer-box,
    section {
        width: 98%;
    }

    .header-main-box,
    .footer-title,
    .last-msg-left {
        width: 400px;
    }

    .main-nav-a,
    .main-nav-s {
        font-size: 1.4em;
        gap: 0.5em;
    }

    .btn-box {
        flex-direction: column;
        align-items: stretch;
        row-gap: 1em;
    }

    .btn {
        justify-content: center;
        padding: 0.5em 0;
    }

    .con-table th {
        display: block;
        padding-bottom: 0;
        text-align: left;
    }

    .con-table td {
        display: block;
    }

    .salary-table {
        width: 90%;
    }

    .contact-th {
        display: block;
        width: 100%;
    }

    .contact-table td {
        display: block;
        width: 100%;
    }

    .form-button-box {
        flex-direction: column;
    }
}

@media screen and (max-width:600px) {
    .main-nav-box {
        padding: 50px 4%;
    }

    .main-benefits-box {
        padding: 50px 4%;
    }

    .salary-th-s span,
    .salary-th-y span {
        padding: 0.2em 1.5em;
        font-size: 1.1em;
    }

    .salary-th-a {
        width: auto;
    }

    .salary-table td {
        padding: 1em 0em;
        width: 40%;
    }

    td.blank {
        width: auto;
    }
}

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

    .header-box,
    .main-msg-box,
    .footer-box,
    section {
        width: 100%;
    }

    .header-main-box,
    .footer-title,
    .last-msg-left {
        width: 100%;
    }

    .header-menu {
        margin-bottom: 1.5em;
    }

    .header-menu li a {
        font-size: 1.2em;
        padding: 0 0.5em;
    }

    .header-sub-menu ul {
        flex-direction: column;
        justify-content: center;
        padding: 0 8%;
    }

    .main-v-box {
        flex-direction: column;
    }

    .main-v-left,
    .main-v-right {
        width: 100%;
    }

    .main-v-left img {
        width: 50%;
        padding: 5% 0;
    }

    .con-h3 {
        line-height: 1.3em;
    }

    .main-nav-a,
    .main-nav-s {
        font-size: 1.2em;
    }

    .salary-table {
        font-size: 1em;
    }

    .salary-th-s,
    .salary-th-y {
        padding-bottom: 0;
    }

    .salary-th-s span,
    .salary-th-y span {
        padding: 0.2em 1em;
        font-size: 1em;
    }

    .main-benefits-box p {
        text-align: left;
    }

    .main-benefits-box p br {
        display: none;
    }

}