@media screen and (max-width: 1600px) {
    .header-box01 .logo {
        max-width: 200px;
        width: 100%;
    }
    .txt-slider {
        width: 40%;
    }
    .header-menu>li a {
        font-size: 1.8rem;
        display: block;
        color: var(--txt-color);
        padding: 0 15px;
    }
}

@media screen and (max-width: 1400px) {
    .header-menu>li a {
        font-size: 1.6rem;
        padding: 0 15px;
    }
    .header-box01 .header-box-inner01.flex {
        max-width: 100%;
    }
    .header-box01 .logo {
        max-width: 200px;
    }
    .header-menu>li a {
        padding: 0 10px;
    }
    .txt-slider {
        width: 100%;
        position: absolute;
        bottom: -14px;
        z-index: 999;
        right: 10px;
        text-align: right;
        top: auto;
    }
    .txt-slider .img {
        width: 400px;
        text-align: right;
        margin-left: auto;
    }
    .frame03 {
        padding: 50px;
        background-color: rgba(255, 255, 255, 0.5);
        width: 90%;
    }
}

@media screen and (max-width: 1250px) {
    .header-box01 .logo {
        max-width: 150px;
    }
    .header-content02 {
        width: 98%;
    }
    .header-box01 .header-box-inner01.flex {
        padding: 10px 0;
    }
    .header-menu>li a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 1024px) {
    #mobile-nav {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: rgb(135, 206, 235);
        z-index: 9999;
    }
    header {
        position: fixed;
        z-index: 20;
        top: 0;
    }
}

@media screen and (max-width:820px) {
    .col-25,
    .col-26,
    .col-27,
    .col-28,
    .col-29,
    .col-30,
    .col-31,
    .col-32,
    .col-33,
    .col-34,
    .col-35,
    .col-36,
    .col-37,
    .col-38,
    .col-39,
    .col-40,
    .col-41,
    .col-42,
    .col-43,
    .col-44,
    .col-45,
    .col-46,
    .col-47,
    .col-48,
    .col-49,
    .col-50,
    .col-51,
    .col-52,
    .col-53,
    .col-54,
    .col-55,
    .col-56,
    .col-57,
    .col-58,
    .col-59,
    .col-60,
    .col-61,
    .col-62,
    .col-63,
    .col-64,
    .col-65,
    .col-66,
    .col-67,
    .col-68,
    .col-69,
    .col-70,
    .col-71,
    .col-72,
    .col-73,
    .col-74,
    .col-75 {
        width: 100%;
        margin-bottom: 20px;
    }
    .frame02 {
        position: relative;
        background: #fff;
        padding: 20px;
    }
    .frame03 {
        padding: 20px;
    }
    .tablepress-table-description {
        clear: both;
        display: block;
        font-size: 12px;
    }
    .tablepress tbody th,
    .tablepress tbody td {
        padding: 5px;
    }
    p,
    a,
    li,
    dt,
    dd,
    time,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    th,
    td,
    span {
        font-size: 1.6rem;
    }
    .ttl01 {
        margin-bottom: 30px;
    }
    .title01 {
        font-size: 2.5rem;
    }
    .mb100 {
        margin-bottom: 50px !important;
    }
    .ttl03 {
        text-align: center;
        font-weight: 500;
        font-size: 2.5rem;
    }
    .center {
        text-align: left;
    }
    .txt-slider {
        width: 100%;
    }
    .mb50 {
        margin-bottom: 20px !important;
    }
    #news {
        background: url(/wp-content/uploads/2025/08/bird01.png), url(/wp-content/uploads/2025/08/airplane01.png), url(/wp-content/uploads/2025/08/sksy01.png);
        background-size: 100%, 30vw, 50%;
        background-position: top center, top 50px left, top center;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
    .list03 {
        padding: 20px;
    }
    #news .frame03 {
        padding: 20px 10px;
    }
    .list03 ul li {
        padding: 5px;
        text-align: left;
    }
    .frame02 .name {
        width: 150px;
    }
    .frame05 {
        padding: 20px;
    }
    #nayami .tit-txt {
        font-size: 2em;
    }
    .list-nayami li {
        font-size: 16px;
    }
    .block-contact a {
        text-align: center;
        display: block;
        padding: 20px;
        border: 1px solid #ccc;
        color: #02a687;
        border: 1px solid #ccc;
        background-color: #eef8ee !important;
        font-size: 20px;
        border-radius: 10px;
        font-weight: bold;
    }
    header {
        position: static;
    }
    .txt-slider div {
        margin-bottom: 5px;
    }
    .txt-slider p.sub {
        font-size: 1rem;
    }
    .txt-slider p.main01 {
        font-size: 1rem;
        line-height: 1.5;
    }
    .txt-slider p.main02 {
        font-size: 2rem;
        line-height: 1.5;
    }
    .txt-slider .img {
        width: 30%;
    }
    .frame03 {
        padding: 30px;
    }
    .tablepress-table-description {
        text-align: center;
        padding: 0 0 10px;
    }
    .tablepress.table-overview .column-1[colspan="2"] {
        text-align: left;
    }
    .block-recruit {
        max-width: 600px;
        width: 100%;
        margin: 100px auto;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 20px;
    }
    .list-user {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .list-user li {
        width: 45%;
        margin: 0 2% 5%;
    }
}

@media screen and (max-width:600px) {
    p,
    a,
    li,
    dt,
    dd,
    time,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    th,
    td,
    span {
        font-size: 1.4rem;
    }
    .ttl01 {
        font-weight: 500;
        font-size: 2rem;
        width: 90%;
    }
    .txt-slider {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .txt-slider p {
        display: block;
    }
    .txt-slider .t-slider {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .sub {
        display: inline;
        background-color: #d5f0d5;
        margin: 4px 0;
        font-size: 20px;
    }
    .txt-slider p.sub {
        font-size: 1.3rem;
    }
    .txt-slider p.main01 {
        font-size: 1.5rem;
        margin: 2px 0;
    }
    .txt-slider .img {
        width: 100%;
    }
    section {
        padding: 20px 0;
    }
    #page-top img {
        max-height: 50px;
        width: auto;
    }
}

@media screen and (max-width:450px) {
    #tablepress-1.tablepress tbody td {
        display: block;
    }
    #tablepress-1.tablepress tbody td.column-1 {
        width: 100%;
    }
    #tablepress-1.tablepress tbody td.column-2 {
        width: 100%;
    }
}