@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1650px),
print {
    .main_v img {
        height: 250px;
        width: auto;
        object-fit: cover;
    }
}

@media screen and (max-width:1250px),
print {
    body {
        font-size: 1.35vw;
    }

    header {
        width: 94%;
        margin: 0 3%;
    }

    .naka_top_area {
        margin: 0;
    }

    .naka_top_area_box {
        width: 100%;
        height: 7.6vw;
    }

    .foot_info {
        width: 94%;
        margin: 0 3%;
    }

    ul.nav_ul {
        width: 94%;
        margin: 0 3%;
    }

    .links ul {
        width: 94%;
        margin: 0 3%;
    }

    section {
        width: 94%;
        margin: 0 3%;
    }

    .main_v img {
        height: 20vw;
    }

}

@media screen and (max-width:960px),
print {
    body {
        font-size: 2.2vw;
    }

    .naka_top_area_box {
        width: 100%;
        height: 13vw;
        background-size: cover;
        background-position: 12%;
    }

    .head_ttl_new {
        top: 34%;
        left: 21%;
    }

    .naka_sub_ttl_new {
        bottom: auto;
        top: 33%;
    }

    .head_ttl {
        width: 36%;
        margin: 2% 0;
    }

    .master_btn {
        width: 6%;
        margin-top: 4%;
    }

    .copyright {
        font-size: 0.7em;
    }
}

@media screen and (max-width:650px),
print {
    body {
        font-size: 3.2vw;
    }

    .main_v img {
        height: 25vw;
    }

    .head_ttl {
        width: 100%;
        padding-left: 23%;
    }

    .head_ttl img {
        width: 19%;
    }

    .naka_top_area_box {
        margin-bottom: 5vw;
    }

    .naka_sub_ttl_new {
        bottom: -6vw;
        top: auto;
        left: 3vw;
    }

    .pan {
        margin-top: 7vw;
    }

    .nav_ul li {
        float: none;
        margin: 0;
        padding: 2%;
        text-align: center;
    }

    .separate_right:after {
        display: none;
    }

    .links ul {
        flex-direction: column;
        text-align: center;
    }

    .master_btn {
        display: none;
    }

    .foot_info {
        padding: 2%;
    }

    .past-info-link {
        width: 100%;
        padding: 0.8em 0;
        text-align: center;
    }
}

@media screen and (max-width:425px),
print {
    body {
        font-size: 4.6vw;
    }

    .head_ttl {
        margin: 5% 0;
        padding-left: 10%;
    }

    .head_ttl img {
        width: 23%;
    }

    .naka_top_area_box {
        height: 25vw;
        background-position: -24vw;
        margin-bottom: 10vw;
    }

    .head_ttl_new {
        top: 34%;
        left: 28%;
    }

    .naka_sub_ttl_new {
        bottom: -10vw;
        top: auto;
        left: 7vw;
    }

    .login {
        width: 100%;
    }

    .pagetop {
        width: 50px;
    }
}