@media screen and (max-width: 1800px) {
    .header-content02 {
        width: 95%;
    }
    .w80 {
        width: 95vw;
    }
    .news-list03 li {
        width: 30%;
        display: block;
        ;
    }
}

@media screen and (max-width: 1750px) {
    .header-menu>li {
        padding: 10px 0;
    }
    .g-sub-nav02 .g-sub-nav-list.flex a {
        color: #fa7b37;
        margin-right: 0.4em;
        font-size: 2rem;
    }
    .header-box01 .logo {
        max-width: 300px;
    }
    .header-menu>li a {
        font-size: 1.4rem;
        color: var(--main);
        font-weight: 100;
        letter-spacing: 0.01em;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        display: block;
        color: #333;
        padding: 0 20px;
        border-right: #333 1px solid;
    }
}

@media screen and (max-width: 1200px) {
    main.joining .flex {
        display: block;
    }
    main.joining .flex .col50 {
        width: 100%;
        margin: 0 auto 50px;
    }
    .block-link li {
        width: 48%;
    }
    .block-link li a {
        font-size: 16px;
    }
    .dummy {
        display: none;
    }
    .pt100 {
        padding-top: 50px;
    }
    .mb200 {
        margin-bottom: 50px;
    }
    .mt100 {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .w70 {
        width: 90vw;
        margin-left: auto;
    }
    .greeting-txt {
        background: #fff;
        padding: 50px;
    }
    .news-list03 li .news-content {
        width: 100%;
        margin-top: 10px;
    }
    .mobile-menu-tel-box {
        display: none;
    }
    .sp-header {
        display: block;
        width: 100%;
        padding: 5px 0;
        height: auto;
    }
    .sp-header-inner .logo img {
        max-height: unset;
        width: auto;
    }
    .header-content02 {
        display: none;
    }
    .open-btn-wrap {
        display: none;
    }
    .mobile-nav-wrap .mobile-menu-list .sub-menu li {
        margin-bottom: 10px;
    }
    .mobile-logo img {
        max-width: 55%;
    }
    .sp-header-inner .logo {
        margin-right: auto;
        width: 100%;
        margin-left: 5px;
        max-width: 55%;
    }
    .sp-header-inner .logo img {
        max-height: a;
        width: auto;
        margin-left: 5px;
        width: 100%;
    }
    .sub-header-txt {
        margin: 0;
    }
}

@media screen and (max-width:820px) {
    .li-no-style li {
        width: calc(100% / 3);
        margin-bottom: 5px;
    }
    .tab-panel-a .tab {
        border-radius: 10px;
    }
    #hamburger {
        background-color: #ffffff00;
    }
    .greeting-txt {
        background: #fff;
        padding: 20px;
        border-radius: 20px 0 0 20px;
    }
    #greeting .title01 {
        text-align: left;
        font-size: 3vw;
        padding-left: 5vw;
    }
    .w70 {
        width: 90vw;
    }
    .w80 {
        width: 90vw;
    }
    .mb200 {
        margin-bottom: 10vw;
    }
    .footer {
        margin-top: 0;
    }
    body p,
    body a,
    body li,
    body dt,
    body dd,
    body time,
    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6,
    body th,
    body td,
    body span,
    body label,
    body input {
        font-size: 1.6rem;
    }
    .title04 {
        padding: 5px 15px;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
    }
    h3.title-l {
        font-size: 2rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:700px) {
    .news-list03 li {
        width: 45%;
        display: block;
    }
    .news-list02 li .news-img,
    .news-list03 li .news-img {
        width: 100%;
    }
    .tab-panel-a .tab {
        width: 46%;
    }
    .tab-panel-a .tab {
        width: 46%;
        font-size: 16px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .news-list01 {
        margin-bottom: 25px;
        background: #fff;
        padding: 20px;
    }
    #greeting .title01 {
        font-size: 5vw;
    }
    .list-pdf li {
        width: 100%;
    }
}

@media screen and (max-width:400px) {
    .com-menu01-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    .li-no-style a {
        display: block;
        padding: 0 10px;
        border-right: 1px solid #ccc;
        text-align: center;
        font-size: 1.4rem;
    }
}