@media (max-width:1025px) {
    p, a, li, th, td, address, select, input {
        font-size: var(--font-size-small-1);
    }
    footer .footer__wrap .footer__container .footer__logo img {
        max-width: 300px;
    }
}

@media (max-width:960px) {
    #main .main__container {
        gap: 0;
    }
    #main .main__container .main__heading {
        width: 100%;
    }
    #main .main__container .main__txt {
        text-align: left;
    }
}

@media (max-width:959px) {
    header .header__wrap #header__gmenu .header__logo:hover {
        opacity: 1;
    }
    header .header__wrap #header__gmenu .header__logo h1 img {
        width: 30vw;
    }
    .pj-index__recruit-details {
        width: 50%;
    }
    .pj-index__recruit-img {
        width: 50%;
    }
    .pj-about__director {
        display: block;
    }
    .pj-about__director-img {
        margin-bottom: 40px;
    }
    .pj-footer__wave {
        top: -30px;
    }
    footer .footer__wrap .footer__container {
        width: 100%;
    }
    footer .footer__wrap .footer__container .footer__logo:hover {
        opacity: 1;
    }
}

@media (max-width:768px) {
    .pj-index__recruit {
        flex-direction: column-reverse;
    }
    .pj-index__recruit-details {
        padding: 20px 10px;
        width: 100%;
    }
    .pj-index__recruit-details-txt {
        margin: 10px auto;
    }
    .pj-index__recruit-img {
        width: 100%;
    }
    .pj-access__timetable {
        flex-direction: column;
    }
    .pj-access__timetable-img {
        width: 100%;
    }
    .pj-access__timetable-table {
        width: 100%;
    }
}

@media (max-width:600px) {
    header .header__wrap #header__gmenu .header__logo h1 img {
        width: min(280px, 60%);
    }
    .pj-about__concept-img {
        aspect-ratio: 16 / 9;
        height: auto;
    }
    .pj-access__timetable-table {
        tr {
            td {
                padding: 20px 10px;
            }
        }
    }
    .pj-wrapper--2col {
        display: block;
    }
    .pj-versatile__toc {
        margin-bottom: 40px;
        position: static;
        width: 100%;
    }
    .pj-content {
        width: 100%;
    }
    .pj-versatile__navigation-list {
        grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
    }
    .pj-versatile__table {
        tbody {
            tr {
                td {
                    display: block;
                    padding: 10px 10px 20px;
                    width: 100%;
                    &:first-of-type {
                        margin-top: 10px;
                        padding: 20px 10px;
                        width: 100%;
                    }
                }
            }
        }
    }
    .pj-recruit__imgs {
        display: block;
        > * + * {
            margin-top: 20px;
        }
    }
    .pj-footer__table {
        tr {
            td {
                padding: 10px 0;
                text-align: center;
            }
        }
    }
    footer {
        padding-bottom: 100px;
    }
}

@media (max-width: 559px) {
    #contact_btn {
        height: 45px;
        width: calc(100% - 85px);
    }
    .pj-footer__modal-btn--open {
        padding: 0;
    }
    .pj-about__concept-details-unit::before {
        font-size: var(--font-size-large-4);
        top: -32px;
        left: -15px;
    }
    .archive .archive__wrap .archive__container a.archive__item {
        width: 100%;
    }
    .archive .archive__info {
        width: 55%;
    }
}

@media (max-width: 448px) {
    .archive .archive__wrap .archive__container a.archive__item {
        flex-direction: column;
    }
    .archive .archive__wrap .archive__container a.archive__item .archive__thumbnail {
        height: auto;
        margin-right: 0;
        width: 100%;
    }
    .archive .archive__info {
        margin-top: 20px;
        width: 100%;
    }
}