@charset "UTF-8";
/*======================
*
header
*
=======================*/
@media (max-width:767px) {
    header {
        top: 16px;
        left: initial;
        right: 16px;
        transform: translateX(0);
        width: fit-content;
    }

    .header-logo {
        top: 16px;
        left: 16px;
        transform: translateX(0);
        width: calc((124 / 375) * 100%);
    }

    .header-btn .inner {
        gap: 8px;
    }

    .header-btn .inner>* {
        height: 40px;
    }

    /*entry*/
    .header-btn .inner a.h-entryBtn {
        width: 96px;
        font-size: 12px;
    }

    .header-btn .inner a.h-entryBtn::after {
        right: 10px;
        width: 6px;
        height: 10px;
        background: url('img/common/arrow_w.webp') no-repeat center /100%;
    }

    /*menu*/
    .header-btn .inner .menu-btn {
        width: 96px;
        padding-left: 13px;
    }

    .header-btn .inner .menu-btn p {
        font-size: 12px;
        margin-left: 12.5px;
        padding-left: 12.5px;
    }

    .header-btn .inner .menu-btn p::before {
        left: 0.5px;
        width: 1px;
        height: 18px;
    }

}

/*======================
menu
=======================*/
@media (max-width:767px) {
    .globalMenu-area {
        width: 100%;
        top: var(--Gmenu, -110vh);
        right: initial;
        min-width: initial;
        height: auto;

        &.is-active {
            top: 0;
        }
    }

    /*ボタン*/
    .globalMenu-area .header-btn .inner {
        justify-content: flex-end;
        padding-right: 16px;
    }

    /*menu-cont*/
    .globalMenu-area .menu-cont {
        padding: 16px 0 0;
    }

    .globalMenu-area .menu-cont .global-nav {
        height: calc(100vh - 109px);
        max-height: 558px;
        margin-top: 30px;
        padding: 0;
        overflow: scroll;
    }
}

.globalMenu-area .menu-cont .global-nav .global-menu {
    width: calc(100% - 48px);
}

.globalMenu-area .menu-cont .global-nav>ul>li a {
    line-height: calc(18 / 16);
}

.globalMenu-area .menu-cont .global-nav>ul>li a span {
    align-items: flex-start;
    gap: 6px;
    line-height: 1.5;

    &::after {
        width: 20px;
        background: url(img/common/arrow_w.webp) var(--navy) no-repeat center / 6px;
    }
}

.globalMenu-area .menu-cont .global-nav>ul+ul {
    width: 100%;
    padding: 22px 24px;
}

.globalMenu-area .menu-cont .global-nav>ul+ul li ul {
    margin-top: 16px;
    padding-top: 16px;
}

.globalMenu-area .menu-cont .global-nav>ul+ul li li {
    gap: 6px;
    font-size: 14px;

    &::after {
        width: 20px;
        background: url(img/common/arrow_w.webp) var(--navy) no-repeat center / 6px;
    }
}

}

/*======================
*
mv
*
=======================*/
/*tb*/
@media (max-width:1024px) {
    .mv-area {
        height: 45dvh;
        min-height: 450px;
    }

    /*スライダー*/
    .mv-area .mv-cont #mv-slider {
        height: 45dvh;
    }
}

/*sp*/
@media (max-width:767px) {
    .mv-area {
        height: 100dvh;
        max-height: initial;
        min-height: initial;
    }

    .mv-area .mv-cont {
        width: 100%;
    }

    /*スライダー*/
    .mv-area .mv-cont #mv-slider {
        width: calc((343 / 375) * 100%);
        height: 100%;
        margin: auto;
    }

    .mv-area .mv-cont #mv-slider ul li {
        display: flex;
        align-items: center;
        height: 100vh;
    }

    /*車のイラスト*/
    .mv-area .mv-cont #mv-slider ul li .car {
        position: relative;
    }

    .mv-area .mv-cont #mv-slider ul li .car1 {
        width: calc((320 / 343) * 100%);
    }

    .mv-area .mv-cont #mv-slider ul li .car2 {
        width: calc((320 / 343) * 100%);
    }

    .mv-area .mv-cont #mv-slider ul li .car3 {
        width: calc((250 / 343) * 100%);
    }

    .mv-area .mv-cont #mv-slider ul li .car4 {
        width: calc((300 / 343) * 100%);
    }

    /*各イラストの説明*/
    .mv-area .mv-cont #mv-slider ul li img.text1 {
        top: calc((-6 / 168) * 100%);
        left: calc((10 / 320) * -100%);
        width: calc((343 / 320) * 100%);
        max-inline-size: initial;
        opacity: 0;
    }

    .mv-area .mv-cont #mv-slider ul li img.text2 {
        top: calc((102 / 208) * 100%);
        right: calc((4 / 320) * 100%);
        width: calc((146 / 320) * 100%);
        opacity: 0;
    }

    .mv-area .mv-cont #mv-slider ul li img.text3 {
        top: calc((49 / 204) * 100%);
        left: calc((29 / 250) * -100%);
        width: calc((115 / 250) * 100%);
        opacity: 0;
    }

    .mv-area .mv-cont #mv-slider ul li img.text4 {
        top: calc((5 / 217) * 100%);
        right: calc((29.5 / 300) * -100%);
        width: calc((95 / 300) * 100%);
        opacity: 0;
    }

    /*見出し*/
    .mv-area .hd-area {
        bottom: 0;
    }

    .mv-area .hd-area h1 {
        top: -117%;
    }

    .mv-area .scroll-area {
        top: calc((131 / 667) * 100%);
        transform: translateY(0);
        width: 56px;
        height: 107px;
    }

}

/*======================
top about
=======================*/
/*tb*/
@media (max-width:1024px) {
    .top-about .text {
        width: fit-content;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-about {
        background: url(img/top/top-message_bg_sp.webp) no-repeat top / cover;
    }

    .top-about .text {
        width: calc((327 / 375) * 100%);
        padding: 100px 0;
    }

    .top-about .cont h2 {
        margin-top: 20px;
    }


    .top-about .cont p {
        font-size: 16px;
    }
}

/*======================
top message
=======================*/
/*tb*/
@media (max-width:899px) {
    .top-message .cont {
        flex-direction: column-reverse;
        gap: 24px;
        width: 80%;
    }

    .top-message .cont .text-area {
        width: 100%;
        text-align: center;
    }

    .top-message .cont .text-area .btn01 {
        margin: auto;
    }

    .top-message .cont .img-area {
        width: 100%;
        margin: auto;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-message {
        padding: 64px 0 42px;
    }

    .top-message .cont .text-area p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 13px;
    }

}

/*======================
top keyword
=======================*/
/*tb*/
@media (max-width:899px) {
    .top-keyword .cont {
        padding: 30px 0;
    }

    .top-keyword .cont .text-area p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 13px;
    }
}

/*sp*/
@media (max-width:599px) {
    .top-keyword {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .top-keyword .cont {
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
        padding: 48px 0;
    }
}

/*======================
top jobs
=======================*/
/*tb*/
@media (max-width:899px) {
    .top-jobs .cont {
        width: 88%;
    }

    .top-jobs .text-area .hd01 {
        margin: 0;
    }

    .top-jobs .cont .text-area p {
        font-size: 14px;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-jobs .cont {
        width: 100%;
    }

    .top-jobs .text-area {
        margin: 48px auto 0;
    }

    .top-jobs .text-area :is(.hd, .btn) {
        margin: auto;
    }

    .top-jobs .cont .text-area p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 13px;
        text-align: center;
    }
}

/*======================
interview slider
=======================*/
/*tb*/
@media (max-width:1024px) {
    .top-interviewList .text-cont {
        width: fit-content;
        margin: 0 auto 30px;
    }

    .top-interviewList .text-cont .hd {
        margin: auto;
    }

    .top-interviewList .text-cont .hd h2 {
        justify-content: center;
    }

    .top-interviewList .text-cont .hd .sub {
        align-items: center;
    }

    .top-interviewList .text-cont p {
        text-align: center;
    }

    /*splide*/
    /*ページ送り*/
    .top-interviewList #interview-slider .splide__arrows {
        top: 23px;
        left: 5%;
    }

    /*ページネーション*/
    .top-interviewList #interview-slider .pagination {
        top: 80px;
        left: 5%;
    }

    /*テキスト部分*/
    .top-interviewList #interview-slider ul li .list-text {
        flex-direction: column-reverse;
        gap: 10px;
        top: 23px;
        left: -100%;
    }

    .top-interviewList #interview-slider ul li .list-text h3 {
        font-size: 16px;
    }

}

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

    /*テキスト部分*/
    .top-interviewList #interview-slider ul li.is-active .list-text {
        display: flex;
    }

    .top-interviewList #interview-slider ul li .list-text .name_year {
        margin-top: 0;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-interviewList {
        margin-top: 48px;
    }

    .top-interviewList .text-cont {
        margin-bottom: 24px;
    }

    .top-interviewList .text-cont .text-area p {
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
    }

    /*splide*/
    /*スライダーの内容*/
    .top-interviewList #interview-slider .splide__track {
        padding-left: calc((53 / 375) * 100%) !important;
    }

    .top-interviewList #interview-slider ul li {
        position: relative;
        width: calc((200 / 375) * 100vw);
        margin-right: 24px;
    }

    .top-interviewList #interview-slider ul li.is-active {
        width: calc((270 / 375) * 100vw);
    }

    .top-interviewList #interview-slider ul li:first-of-type {
        width: calc((270 / 1366) * 100vw);
    }

    /*ページ送り*/
    .top-interviewList #interview-slider .splide__arrows {
        display: none;
    }

    .top-interviewList #text-slider .splide__arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .top-interviewList #text-slider .splide__arrows button {
        position: initial !important;
        width: 38px !important;
        height: initial !important;
        aspect-ratio: 1/1;
        transform: initial !important;
        background: url('img/common/arrow_navy.webp') no-repeat transparent center / 7px;
        border: solid 1px var(--navy);
        border-radius: 5px;
    }

    .top-interviewList #text-slider .splide__arrows .splide__arrow--prev {
        transform: rotate(180deg) !important;
    }


    /*ページネーション*/
    .top-interviewList #interview-slider .pagination {
        display: none;
    }

    .top-interviewList #text-slider .pagination {
        display: flex;
        align-items: flex-end;
        width: fit-content;
        margin: 8px auto 10px;
        font-family: var(--Roboto);
        font-size: 24px;
        font-weight: 700;
    }

    .top-interviewList #text-slider .pagination span {
        display: block;
        line-height: 1.0;
    }

    .top-interviewList #text-slider .pagination span#sp_slide-current {
        position: relative;
        top: 3px;
    }

    .top-interviewList #text-slider .pagination span:not(:first-of-type) {
        font-size: 0.5em;
    }


    /*テキスト用スライダー*/
    .top-interviewList #text-slider ul li {
        width: 100%;
        padding: 0 0 18px;
    }

    .top-interviewList #text-slider ul li .list-text {
        width: fit-content;
        margin: auto;
    }

    .top-interviewList #text-slider ul li.is-active .list-text {
        display: block;
    }

    .top-interviewList #text-slider ul li .list-text h3 {
        font-size: 20px;
        font-weight: 700;
        color: #FFF;
    }

    .top-interviewList #text-slider ul li .list-text h3 br {
        display: none;
    }

    .top-interviewList #text-slider ul li .list-text h3 span {
        display: block;
        width: fit-content;
        margin: auto;
        padding: 2px 6px;
        border-radius: 3px;
        background-color: var(--navy);
    }

    .top-interviewList #text-slider ul li .list-text h3 span:not(:nth-of-type(1)) {
        margin-top: 5px;
    }

    .top-interviewList #text-slider ul li .list-text .name_year {
        margin-top: 16px;
        text-align: center;
    }

    .top-interviewList #text-slider ul li .list-text .name_year .name {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .top-interviewList #text-slider ul li .list-text .name_year .year {
        font-size: 12px;
    }
}

/*======================
top link
=======================*/
/*tb*/
@media (max-width:1024px) {
    .top-link .cont a {
        flex-direction: column;
        gap: 20px;
    }

    .top-link .cont .hd-area {
        gap: 15px;
        width: 100%;
    }

    .top-link .cont .hd-area .hd {
        margin: 0;
        font-size: 16px;
    }

    .top-link .cont .hd-area .hd h2 {
        justify-content: start;
    }

    .top-link .cont .text-area {
        width: 100%;
        align-items: end;
    }

    .top-link .cont .text-area p {
        font-size: 16px;
        text-align: start;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .top-link .cont .text-area p br {
        display: none;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-link {
        margin-top: 80px;
    }

    .top-link .cont a {
        padding-bottom: 20px;
    }

    .top-link .cont+.cont a {
        padding-top: 32px;
    }

    .top-link .cont .hd-area {
        position: relative;
        gap: 0;
    }

    .top-link .cont .hd-area .icn {
        position: absolute;
        top: 0;
        right: 0;
    }

    .top-link .cont .hd-area .hd {
        font-size: 12px;
    }

    .top-link .cont .text-area {
        position: relative;
    }

    .top-link .cont .text-area::after {
        position: absolute;
        right: 0;
        bottom: 0;
    }


    .top-link .cont .text-area p {
        font-size: 14px;
    }
}

/*======================
top forHigh-school
=======================*/
@media (max-width:767px) {
    .top-forHigh-school .cont {
        width: calc((327 / 375) * 100%);
        margin: 50px auto 80px;
        background-image: url(img/top/topHighSchool_bg_sp.webp);
    }

    .top-forHigh-school .cont img.text-deco {
        top: 38px;
        width: calc((275 / 327) * 100%);
    }

    .top-forHigh-school .cont .text-area {
        padding: calc((72 / 327) * 100%) 0 14px;
    }

    .top-forHigh-school .cont .text-area .hd h2 {
        font-size: 22px;
    }

    .top-forHigh-school .cont .text-area p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 13px;
        text-align: center;
    }

    .top-forHigh-school .cont .img-area {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: calc((237 / 327) * 100%);
        margin: auto;
    }

    .top-forHigh-school .cont img:is(.women, .men) {
        position: relative;
    }

    .top-forHigh-school .cont img.women {
        width: calc((75 / 237) * 100%);
        left: initial;
    }

    .top-forHigh-school .cont img.men {
        width: calc((100 / 237) * 100%);
        right: initial;
    }
}

/*======================
*
under common
*
=======================*/
/*sp*/
@media (max-width:767px) {

    .under-mv01 {
        width: calc((327 / 375) * 100%);
        padding-top: 144px;
        padding-bottom: 23px;
    }

    /*h1*/
    .under-mv01 .hd-area .hd01 {
        font-size: 16px;
    }

    .under-mv01 .hd-area .hd01 h1::before {
        width: 16px;
    }

    .under-mv01 .hd-area .hd01 .sub {
        font-size: calc((40 / 16) * 1.0em);
        margin-top: 11px;
    }
}

/*======================
lead-cont
=======================*/
/*tb*/
@media (min-width:768px) and (max-width:899px) {
    .lead-cont {
        align-items: stretch;
    }

    .lead-cont .text-area p {
        padding-right: 10px;
    }

    .lead-cont .img-area * {
        height: 100%;
    }

    .lead-cont .img-area img {
        object-fit: cover;
    }
}

/*sp*/
@media (max-width:767px) {
    .lead-cont {
        flex-direction: column-reverse;
        gap: 0;
        width: 100%;
        padding: 0 0 48px;
    }

    .lead-cont .text-area {
        width: 100%;
        margin: auto;
        padding-top: 48px;
    }

    .lead-cont .text-area p {
        font-size: clamp(16px, 1.46vw, 20px);
        text-align: center;
        padding: 0;
    }

    .lead-cont .img-area {
        width: 100%;
    }

}

/*======================
*
page
*
=======================*/
/*======================
page topmessage
=======================*/
/*tb*/
@media (max-width:1024px) {
    #page .message-lead_cont .text-area {
        justify-content: center;
        width: 88%;
    }

    #page .message-lead_cont .text-area h2 {
        width: fit-content;
    }
}

/*sp*/
@media (max-width:767px) {

    #page .message-lead_cont .text-area {
        display: block;
        width: calc((327 / 375) * 100%);
        padding: 80px 0;
    }

    #page .message-lead_cont .text-area h2 {
        font-size: clamp(16px, 7.47vw, 28px);
    }

    #page .message-lead_cont .text-area p {
        font-size: 14px;
        width: 100%;
        padding: 21px 0 0;
        margin: 24px 0 0;
        border-left: none;
        border-top: solid 1px #FFF;
    }

    /*背景*/
    #page .message-lead_cont .bg {
        transform: translateY(-50%);
        top: 50%;
        bottom: initial;
    }
}

/*コンテンツ内容*/
/*tb*/
@media (min-width:768px) and (max-width:1024px) {
    #page .message-cont {
        width: 88%;
        margin: 60px auto 0;
    }

    #page .message-cont.text-only {
        margin-bottom: 60px;
    }
}

@media (max-width:899px) {
    #page .message-cont {
        flex-direction: column-reverse !important;
        gap: 24px;
    }

    #page .message-cont .text-area {
        flex: auto;
        width: 80%;
        margin: auto
    }

    #page .message-cont .img-area {
        width: 80%;
        margin: auto;
    }

}

/*sp*/
@media (max-width:767px) {
    #page .message-cont {
        margin: 60px auto 0;
    }

    #page .message-cont.text-only {
        margin-bottom: 60px;
    }

    #page .message-cont .text-area {
        width: 100%;
    }

    #page .message-cont .text-area p {
        margin-top: 21px;
    }

    #page .message-cont .img-area {
        width: 100%;
    }
}

/*======================
page kewyword
=======================*/
/*tb*/
@media (min-width:768px) and (max-width:1024px) {
    #page .kewyword-cont {
        width: 95%;
    }
}

@media (max-width:899px) {

    /*テキスト内容*/
    #page .kewyword-cont .cont .text-area {
        padding-left: 25px;
    }
}

/*tb*/
@media (max-width:767px) {
    #page .kewyword-cont {
        width: calc((327 / 375) * 100%);
        margin: 60px auto 80px;
    }

    #page .kewyword-cont .cont {
        padding: 22px 24px;
    }

    #page .kewyword-cont .cont-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        margin-top: 8px;
    }

    #page .kewyword-cont .cont-wrapper .cont {
        flex: auto;
    }

    #page .kewyword-cont .cont-wrapper .cont+.cont {
        margin-top: 8px;
    }

    #page .kewyword-cont .cont-wrapper+.cont {
        margin-top: 8px;
    }

    /*番号*/
    #page .kewyword-cont .cont p.num {
        font-size: 11px;
        padding-right: 12px;
    }

    /*テキスト内容*/
    #page .kewyword-cont .cont .text-area {
        display: block;
        padding-left: calc((24 / 327) * 100%);
        padding-top: 40px;
    }

    #page .kewyword-cont .cont-wrapper .cont .text-area {
        gap: 0;
        padding-top: 40px;
    }

    #page .kewyword-cont .cont .text-area h2 {
        font-size: 22px;
    }

    #page .kewyword-cont .cont .text-area h2 span {
        font-size: 32px;
    }

    #page .kewyword-cont .cont .text-area h2 span.mr {
        margin-right: 5px;
    }

    #page .kewyword-cont .cont .text-area h2 span.ml {
        margin-left: 5px;
    }

    #page .kewyword-cont .cont .text-area h2 span.mt {
        margin-top: 15px;
    }

    #page .kewyword-cont .cont .text-area h2 span.num:is(.mt, .smt) {
        margin-top: 8px;
    }

    #page .kewyword-cont .cont .text-area h2 span.num {
        font-size: 48px;
    }

    #page .kewyword-cont .cont .text-area p {
        font-size: 14px;
        margin-top: 25px;
        width: 100%;
    }
}

/*======================
page environment
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .environment-sec {
        grid-template-columns: repeat(1, 1fr);
    }

    #page .environment-sec .environment-cont {
        gap: 0;
        padding: 48px 0;
    }

    #page .environment-sec .environment-cont+.environment-cont {
        border-top: solid 1px var(--line-color2);
    }

    #page .environment-sec .environment-cont .hd-area {
        gap: calc((18 / 375) * 100%);
        width: calc((327 / 375) * 100%);
    }

    #page .environment-sec .environment-cont .img-area {
        width: calc((80 / 327) * 100%);
        aspect-ratio: 80 / 74;
    }

    #page .environment-sec .environment-cont:nth-of-type(1) .img-area img {
        aspect-ratio: 80 / 70;
    }

    #page .environment-sec .environment-cont:nth-of-type(2) .img-area img {
        aspect-ratio: 80 / 74;
    }

    #page .environment-sec .environment-cont:nth-of-type(3) .img-area img {
        aspect-ratio: 80 / 71;
    }

    #page .environment-sec .environment-cont:nth-of-type(4) .img-area img {
        width: calc((64 / 80) * 100%);
        aspect-ratio: 64/ 70;
    }

    #page .environment-sec .environment-cont .hd-area h2 {
        font-size: 22px
    }

    #page .environment-sec .environment-cont p {
        width: calc((327 / 375) * 100%);
        margin-top: 20px;
    }

}

/*======================
page welfare
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .welfare-sec {
        width: calc((327 / 375) * 100%);
        margin: 60px auto 100px;
    }

    #page .welfare-sec .welfare-cont {
        flex-direction: column;
    }

    #page .welfare-sec .welfare-cont+.welfare-cont {
        margin-top: 69px;
    }

    #page .welfare-sec .welfare-cont .hd-area {
        width: 100%;
    }

    #page .welfare-sec .welfare-cont1 .hd-area {
        background: url(img/welfare/welfare-1_sp.webp) no-repeat top left / cover;
    }

    #page .welfare-sec .welfare-cont2 .hd-area {
        background: url(img/welfare/welfare-2_sp.webp) no-repeat top left / cover;
    }

    #page .welfare-sec .welfare-cont3 .hd-area {
        background: url(img/welfare/welfare-3_sp.webp) no-repeat top left / cover;
    }

    #page .welfare-sec .welfare-cont4 .hd-area {
        background: url(img/welfare/welfare-4_sp.webp) no-repeat top left / cover;
    }

    #page .welfare-sec .welfare-cont .hd {
        padding: 40px 0 43px;
    }

    #page .welfare-sec .welfare-cont .hd-area .hd .sub {
        font-size: 12px;
    }

    #page .welfare-sec .welfare-cont .hd-area .hd h2 {
        font-size: 16x;
    }

    #page .welfare-sec .welfare-cont .hd-area .hd h2 br {
        display: none;
    }

    #page .welfare-sec .welfare-cont .text-area {
        width: 100%;
        margin: auto;
    }

    #page .welfare-sec .welfare-cont .text-area .text-cont {
        padding: 24px calc((34 / 327) * 100%);
    }

    #page .welfare-sec .welfare-cont .text-area .text-cont+.text-cont {
        margin-top: 8px;
    }

    #page .welfare-sec .welfare-cont .text-area .text-cont.flex {
        flex-direction: column;
    }

    #page .welfare-sec .welfare-cont .text-area .text-cont.flex .inner {
        padding: 24px calc((34 / 327) * 100%);
    }

    #page .welfare-sec .welfare-cont .text-area .text-cont p {
        margin-top: 21px;
    }
}

/*======================
page education_careerup
=======================*/
/*tb*/
@media (min-width:768px) and (max-width:1024px) {

    /*education-cont*/
    #page .education_careerup-sec .education-cont {
        width: 88%;
    }
}

/*sp*/
@media (max-width:767px) {
    #page .education_careerup-sec+.education_careerup-sec {
        margin-top: 60px;
    }

    /*sec-header*/
    #page .education_careerup-sec .sec-header .img-area .header-deco {
        transform: translateX(-50%);
        left: 50%;
        right: initial;
        bottom: 0;
        width: calc((326 / 375) * 100%);
    }

    #page .education_careerup-sec .sec-header .hd-area {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 32px;
    }

    #page .education_careerup-sec .sec-header .hd-area h2 {
        margin-top: 24px;
    }

    #page .education_careerup-sec .sec-header .hd-area p {
        font-size: 16px;
        padding-bottom: 8px;
        margin: auto;
    }

    /*education-cont*/
    #page .education_careerup-sec .education-cont {
        flex-direction: column;
        gap: 29px;
        margin-top: 32px;
    }

    #page .education_careerup-sec .education-cont .cont {
        width: 100%;
        margin-top: 0;
    }

    #page .education_careerup-sec .education-cont img {
        margin-bottom: 24px;
    }

    #page .education_careerup-sec .education-cont .cont .text-area {
        width: 100%;
    }
}


/*======================
education-cont
=======================*/
/*tb*/
@media (min-width:768px) and (max-width:1024px) {
    #page .education_careerup-sec .career_up-cont {
        width: 88%;
    }

    #page .education_careerup-sec .career_up-cont .cont2 .inner p:last-of-type {
        width: calc((250 / 353) * 100%);
    }

    #page .education_careerup-sec .career_up-cont .cont .inner img {
        bottom: -55px;
    }

    #page .education_careerup-sec .career_up-cont .cont1 .inner img {
        right: 30px;
    }

    #page .education_careerup-sec .career_up-cont .cont2 .inner img {
        right: 8px;
    }

    #page .education_careerup-sec .career_up-cont .cont3 .inner img {
        right: 12px;
    }
}

/*sp*/
@media (max-width:767px) {

    /*lead*/
    #page .education_careerup-sec .career_up-cont .lead {
        font-size: 14px;
        margin: 30px auto 42px;
    }

    /*cont*/
    #page .education_careerup-sec .career_up-cont {
        margin-bottom: 100px;
    }

    #page .education_careerup-sec .career_up-cont .cont-wrapper {
        display: block;
    }

    #page .education_careerup-sec .career_up-cont .cont+.cont {
        margin-top: 45px;
    }

    #page .education_careerup-sec .career_up-cont .case {
        margin-bottom: 16px;
    }

    #page .education_careerup-sec .career_up-cont h3 span {
        font-size: 16px;
    }

    #page .education_careerup-sec .career_up-cont .inner {
        padding: 0;
    }

    #page .education_careerup-sec .career_up-cont .inner p {
        font-size: 14px;
        margin: auto calc((24 / 327) * 100%);
    }

    #page .education_careerup-sec .career_up-cont .cont1 .inner p:last-of-type {
        width: calc((209 / 327) * 100%);
    }

    #page .education_careerup-sec .career_up-cont .cont2 .inner p:last-of-type {
        width: calc((181 / 327) * 100%);
    }

    #page .education_careerup-sec .career_up-cont .inner span.line {
        width: calc(100% - ((48 / 327) * 100%));

        &::after {
            width: calc((33 / 327) * 100%);
        }
    }

    #page .education_careerup-sec .career_up-cont .cont .inner img {
        bottom: -24px;
    }

    #page .education_careerup-sec .career_up-cont .cont1 .inner img {
        right: 24px;
        width: calc((40 / 327) * 100%);
        max-width: 40px;
    }

    #page .education_careerup-sec .career_up-cont .cont2 .inner img {
        right: 27px;
        width: calc((76 / 327) * 100%);
        max-width: 76px;
    }

    #page .education_careerup-sec .career_up-cont .cont3 .inner img {
        right: -6px;
        width: calc((57 / 327) * 100%);
    }

}

/*======================
page jobs
=======================*/
/*sp*/
@media (max-width:767px) {

    /*リンクエリア*/
    #page .jobs-img {
        margin: 60px auto;
    }

    #page .jobs-img>div img {
        width: 100% !important;
        max-width: initial;
    }

    #page .jobs-img>div>a {
        --width1: calc((225 / 327) * 100%);
        --asepect1: 225 / 32;
        --top1: calc((36 / 855) * 100%);
        --top2: calc((72 / 855) * 100%);
        --top3: calc((108 / 855) * 100%);
        --top4: calc((144 / 855) * 100%);
        --top5: calc((280 / 855) * 100%);
        --top6: calc((519 / 855) * 100%);
        --top7: calc((627 / 855) * 100%);
        --top8: calc((663 / 855) * 100%);
        --top9: calc((735 / 855) * 100%);
        --top10: calc((771 / 855) * 100%);
        --left1: calc((42 / 327) * 100%);
        --right1: calc((60 / 327) * 100%);
    }

    #page .jobs-img>div>a:nth-of-type(1) {
        top: var(--top2);
        left: var(--left1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(2) {
        top: var(--top3);
        left: var(--left1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(3) {
        top: var(--top4);
        left: var(--left1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(4) {
        top: var(--top5);
        left: var(--left1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(5) {
        top: var(--top10);
        right: var(--right1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(6) {
        top: var(--top1);
        left: var(--left1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(7) {
        top: var(--top9);
        right: var(--right1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(8) {
        top: var(--top8);
        right: var(--right1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(9) {
        top: var(--top7);
        right: var(--right1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }

    #page .jobs-img>div>a:nth-of-type(10) {
        top: var(--top6);
        right: var(--right1);
        width: var(--width1);
        aspect-ratio: var(--asepect1);
    }


    /*jobs-sec*/
    #page .jobs-sec {
        margin-bottom: 80px;
    }

    #page .jobs-sec div .jobs-cont {
        flex-direction: column !important;
        gap: 24px;
    }

    /*画像*/
    #page .jobs-sec .jobs-cont figure {
        width: 100%;
    }

    /*テキスト部分*/
    #page .jobs-sec .jobs-cont .text-area {
        width: 100%;
    }

    #page .jobs-sec .jobs-cont .text-area h2 {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 32px;
    }

    #page .jobs-sec .jobs-cont .text-area .text-cont {
        padding-left: calc((20 / 327) * 100%);
        margin-left: calc((20 / 327) * 100%);
    }

}

/*======================
archive interview
=======================*/
/*tb*/
@media (max-width:899px) {
    #interview-archive ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

/*tb*/
@media (max-width:767px) {
    #interview-archive {
        width: calc((327 / 375) * 100%);
        margin: 60px auto 80px;
    }

    #interview-archive ul {
        display: block;
    }

    #interview-archive ul li+li {
        margin-top: 24px;
    }

    #interview-archive ul li a {
        display: flex;
        align-items: flex-end;
        gap: calc((16 / 327) * 100%);
    }

    #interview-archive ul li .img-area {
        width: calc((167 / 327) * 100%);
    }

    #interview-archive ul li .text-area {
        display: block;
        flex: 1 1;
        margin: 0;
    }

    #interview-archive ul li .text-area h2 {
        font-size: 18px;
    }

    #interview-archive ul li .text-area .name_year .year {
        padding-right: 15px;
    }
}

/*======================
*
interview
*
=======================*/
/*======================
mv
=======================*/
/*tb*/
@media (max-width:1024px) {
    .single-interview .interview_mv .hd {
        left: 24px;
        bottom: 24px;
    }

    .single-interview .interview_mv .hd h1 {
        font-size: 28px;
        line-height: calc(42 / 28);
        margin-top: 32px;
    }

    .single-interview .interview_mv .hd h1 span {
        padding-bottom: 5px;
    }


    .single-interview .interview_mv .hd .num p {
        color: #FFF;
        padding-bottom: 10px;
        background-image: linear-gradient(to bottom, transparent calc((56 / 58) * 100%), #FFF calc((56 / 58) * 100%));
    }
}

/*sp*/
@media (max-width:767px) {
    .single-interview .interview_mv .hd {
        left: calc((24 / 375) * 100%);
    }

    /*num共通*/
    .single-interview .num p {
        font-size: 12px;
        line-height: 1.0;
    }

    .single-interview .num p span {
        font-size: 32px;
    }

}


/*======================
interview text-cont
=======================*/
/*tb*/
@media (max-width:1024px) {
    .single-interview .info-text {
        position: relative;
        margin: auto;
        padding: 48px 24px 45px;
        border-bottom: solid 1px var(--line-color);
    }

    .single-interview .info-text .name_year .name {
        font-size: 16px;
        font-weight: 700;
    }

    .single-interview .info-text .name_year .year {
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
    }

    .single-interview .info-text>p {
        font-size: 14px;
        font-weight: 700;
        line-height: 2.0;
        margin-top: 21px;
    }
}

/*tb*/
@media (max-width:767px) {
    .single-interview .info-text {
        padding: 48px calc((24 / 375) * 100%) 45px;
    }
}

/*======================
interview cont
=======================*/
/*tb*/
@media (max-width:1024px) {
    .single-interview .cont-wrapper .intervew-cont {
        width: calc(100% - 48px);
    }
}

/*sp*/
@media (max-width:767px) {
    .single-interview .cont-wrapper {
        margin-top: 60px;
    }

    .single-interview .cont-wrapper .intervew-cont+.intervew-cont {
        margin-top: 60px;
    }


    .single-interview .cont-wrapper .intervew-cont {
        width: 100%;
    }

    .single-interview .cont-wrapper .intervew-cont .text-area {
        display: block;
        width: calc((327 / 375) * 100%);
        margin: auto;
    }

    .single-interview .cont-wrapper .intervew-cont .text-cont {
        padding-left: calc((20 / 327)* 100%);
        margin-top: 32px;
        margin-left: calc((16 / 327)* 100%);
    }

    .single-interview .cont-wrapper .intervew-cont .text-cont h2 {
        font-size: 22px;
        margin-bottom: 21px;
    }

    .single-interview .cont-wrapper .intervew-cont .text-cont p {
        font-size: 14px;
    }
}

/*======================
schedule cont
=======================*/
@media (max-width:1024px) {
    .single-interview .cont-wrapper .schedule-cont .cont {
        width: 88%;
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area .hd {
        margin: 0;
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area .hd h2 {
        justify-content: start;
        font-size: 14px;
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area .hd .sub {
        font-size: 30px;
    }
}

@media (max-width:899px) {
    .single-interview .cont-wrapper .schedule-cont .cont .schedule .schedule-list .inner p {
        font-size: 14px;
        margin-top: -3px;
    }

}


@media (max-width:767px) {
    .single-interview .cont-wrapper .schedule-cont {
        margin-top: 30px;
    }

    .single-interview .cont-wrapper .schedule-cont .cont {
        display: block;
        width: 100%;
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 24px calc((24 / 375) * 100%);
        border-bottom: solid 1px var(--line-color);
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area .hd {
        flex: 1 1;
    }

    .single-interview .cont-wrapper .schedule-cont .cont .hd-area .img-area {
        width: calc((80 / 327) * 100%);
    }

    .single-interview .cont-wrapper .schedule-cont .cont .schedule {
        width: 100%;
        padding: 32px calc((24 / 375) * 100%);
    }

}

/*======================
interview slider
=======================*/
/*sp*/
@media (max-width:767px) {
    .single-interview .interview-slider {
        width: calc((327 /375) * 100%);
        margin: 30px auto 30px;
    }

    .single-interview .interview-slider .splide__track {
        padding-top: 0;
        overflow: hidden;
    }

    .single-interview .interview-slider .hd {
        position: initial;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
    }

    /*ページ送り*/
    .single-interview .interview-slider .splide__arrows {
        position: initial;
        transform: translateY(0);
    }

    .single-interview .interview-slider .splide__arrows button {
        width: 40px !important;
    }

    /*スライダー*/
    .single-interview .interview-slider ul li a {
        gap: calc((16 / 327) * 100%);
    }

    .single-interview .interview-slider ul li .text-area h3 {
        font-size: 16px;
        line-height: calc(27 / 16);
        margin-bottom: 15px;
    }

    .single-interview .interview-slider ul li .text-area .name_year .name {
        font-size: 14px;
    }

    .single-interview .interview-slider ul li .text-area .name_year .year {
        font-size: 12px;
    }

    .single-interview .interview-slider ul li .img-area {
        width: calc((100 / 327) * 100%);
    }

    .single-interview .interview-slider ul li .text-area {
        &::after {
            content: none;
        }
    }

    .single-interview .interview-slider ul li.is-active .text-area {
        &::after {
            content: "";
        }
    }

    .single-business .business-list .cont ul li .text-area h3 {
        margin-top: 10px;
    }
}

/*======================
*
for_high_school  common
*
=======================*/
/*tb*/
@media (max-width:1024px) {

    /*下層mv*/
    .under-mv02 {
        margin-top: 0;
        padding-top: 171px;
    }
}


/*sp*/
@media (max-width:767px) {

    /*見出し*/
    .single-business h2.business-hd {
        font-size: 20px;
    }

    .single-business h2.business-hd+span.sub {
        font-size: 12px;
    }

    /*下層mv*/
    .under-mv02 .hd-area {
        font-size: 34px;
        margin: 0 auto 29px;
    }

    .under-mv02 .hd-area .sub {
        top: calc(50% - 0.05em);
        font-size: calc((60 / 34) * 1.0em);
    }

    /*セクションの装飾*/
    :is(.has-deco, .has-deco2)::before,
    :is(.has-deco, .has-deco2)::after {
        aspect-ratio: 343 / 40;
    }

    :is(.has-deco, .has-deco2)::before {
        background: url(img/for_high_school/section-deco1_sp.webp) no-repeat top left / 100%;
    }

    :is(.has-deco, .has-deco2)::after {
        background: url(img/for_high_school/section-deco2_sp.webp) no-repeat top left / 100%;
    }
}

/*======================
lead-cont
=======================*/
@media (max-width:767px) {
    .under-mv02 .lead {
        padding: 0 10px;
    }

    .under-mv02 .lead p {
        font-size: 14px;
    }
}

/*===============
*
breadcrumbs
*
===============*/
/*tb*/
@media (max-width:1024px) {
    .breadcrumbs.for_high_school {
        top: 128px;
        left: 16px;
    }
}

/*sp*/
@media (max-width:767px) {
    .breadcrumbs.for_high_school {
        width: calc(100% - ((24 / 375) * 100%));
        top: 83px;
        left: calc((16 / 375) * 100%);
        overflow: auto;
    }
}

/*======================
*
高校生採用TOP
*
=======================*/
/*======================
mv
=======================*/
/*tb*/
@media (max-width:1024px) {

    /*背景のイラスト*/
    .top-forHigh-school.mv-area .mv-deco2 {
        left: calc((48 / 1366) * 100%);
    }

    /*パンくず*/
    .top-forHigh-school.mv-area .breadcrumbs {
        margin-top: 0;
    }
}

/*sp*/
@media (max-width:767px) {
    .top-forHigh-school.mv-area {
        max-height: initial;
    }

    /*テキストコンテンツ*/
    .top-forHigh-school.mv-area .mv-cont {
        margin: 147px auto 0;
        width: calc((327 / 375) * 100%);
    }

    /*見出し*/
    .top-forHigh-school.mv-area .hd-area_forHigh-school h1 {
        gap: 12px 5px;
        width: 100%;

        &.no_s_tb_sp {
            display: none;
        }

        img {
            &.hd02 {
                width: calc((168 / 327) * 100%)
            }

            &.hd03 {
                width: calc((153 / 327) * 100%)
            }
        }
    }

    /*テキスト*/
    .top-forHigh-school.mv-area .mv-cont .text-area {
        margin-top: 16px;
    }

    .top-forHigh-school.mv-area .mv-cont .text-area .text {
        font-size: 12px;
        margin-top: 20px;
    }

    /*女性と男性のイラスト*/
    .top-forHigh-school.mv-area :is(.women, .men) {
        --side: calc((16 / 375) * 100%);
    }

    .top-forHigh-school.mv-area .women {
        width: calc((75 / 375) * 100%);
    }

    .top-forHigh-school.mv-area .men {
        width: calc((100 / 375) * 100%);
    }
}

/*======================
for_high_school_hd
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .for_high_school_hd {
        width: calc((343 / 375) * 100%);
        padding: 38px 0;
        margin-bottom: 50px;
    }

    #page .for_high_school_hd p {
        font-size: 22px;
    }

    #page .for_high_school_hd p span {
        font-size: 16px;
    }
}

/*======================
for_high_school_cont
=======================*/
/*tb*/
@media (min-width:768px) and (max-width:899px) {
    #page .for_high_school_cont {
        width: 92%;
    }

    #page .for_high_school_cont .text-area .hd-area .point {
        position: relative;
        width: 83px;
        height: 33px;
        font-size: 14px;
        margin-bottom: -5.5px;
    }

    #page .for_high_school_cont .text-area .hd-area h3 span {
        font-size: 23px;
    }

    #page .for_high_school_cont .text-area .text {
        font-size: 12px;
        padding: calc((49 / 20) * 1.0em) calc((20 / 20) * 1.0em) calc((20 / 20) * 1.0em);
    }

    /*テキストのみ*/
    #page .for_high_school_cont-wrapper {
        width: 92%;
    }
}

@media (max-width:899px) {
    #page .for_high_school_cont .text-area .text {
        width: 100%;
    }
}

/*sp*/
@media (max-width:767px) {
    #page .for_high_school_cont {
        width: 100%;

        >* {
            display: flex;
            flex-direction: column-reverse;
        }
    }

    #page .for_high_school_cont+.for_high_school_cont {
        margin-top: 48px;
    }

    #page .for_high_school_cont .text-area {
        position: static;
        width: 100%;
        margin-top: -50px;
    }

    #page .for_high_school_cont .text-area .hd-area h3 span {
        margin-top: calc((24 / 28) * -1.0em) !important;
        padding: calc((24 / 28) * 1.0em);
        border-radius: 12px;

        &:first-of-type {
            border-radius: 0 12px 12px 0;
        }

        &:last-of-type {
            border-radius: 0 12px 12px 0;
        }
    }

    #page .for_high_school_cont .text-area .hd-area .point {
        width: 85px;
        height: 35px;
        margin-left: 16px;
        margin-bottom: 6px;
    }

    #page .for_high_school_cont .text-area .text {
        width: calc((327 / 375) * 100%);
        padding: 44px 16px 28px;
        margin: -28px auto 0;
    }

    #page .for_high_school_cont .img-area {
        width: calc((327 / 375) * 100%);
        margin: auto !important;
    }

    /*テキストのみ*/
    #page .for_high_school_cont-wrapper {
        flex-direction: column;
        gap: 48px;
        width: 100%;
    }

    #page .for_high_school_cont.textOnly {
        gap: 48px;
    }

    #page .for_high_school_cont-wrapper .for_high_school_cont .text-area {
        position: static;
        width: 100%;
        margin-top: 0;
    }

    #page .for_high_school_cont.textOnly .text-area .hd-area h3 span {
        margin-top: 0 !important;

        &:first-of-type {
            border-radius: 0 12px 12px 0 !important;
        }

        &:last-of-type {
            border-radius: 0 12px 12px 0 !important;
        }
    }

}

/*======================
for_high_school_aboutus
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .for_high_school_aboutus {
        margin-bottom: 80px;
    }
}


/*======================
for_high_school_education
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .for_high_school_education {
        margin-bottom: 80px;
    }
}

/*======================
for_high_school_environment
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .for_high_school_environment {
        margin-bottom: 80px;
    }
}


/*======================
for_high_school_link
=======================*/
/*sp*/
@media (max-width:767px) {
    #page .for_high_school_link {
        width: calc((343 / 375) * 100%);
        margin: 0 auto 80px;
    }

    #page .for_high_school_link .for_high_school_link-cont {
        flex-direction: column;
        align-items: initial;
        gap: 80px;
    }

    #page .for_high_school_link .for_high_school_link-cont .cont {
        padding: 40px 0;
    }

    #page .for_high_school_link .for_high_school_link-cont .cont .inner {
        width: calc((280 / 343) * 100%);
    }

    #page .for_high_school_link .for_high_school_link-cont .cont .inner h2 {
        font-size: 22px;
    }

    #page .for_high_school_link .for_high_school_link-cont .cont .inner p {
        margin-top: 20px;
    }

    #page .for_high_school_link .for_high_school_link-cont .cont .inner .btn02 {
        margin: 13px auto 0;
    }

}


/*======================
location page
=======================*/
/*tb*/
@media (max-width:1024px) and (min-width:768px) {
    .location-link .text-area {
        flex: 1;
    }

    .location-link .img-area {
        display: flex;
        flex: 1;
        align-items: center;
    }
}

@media (max-width:899px) {
    .location-link .text-area ul li:not(:last-of-type) a {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    .location-link .text-area ul li a::before {
        min-width: 20px;
        background: url(img/common/arrow_w.webp) var(--navy) no-repeat center / 4px;
    }
}

/*sp*/
@media (max-width:767px) {
    .location-link {
        flex-direction: column;
        margin: 30px auto 60px;
        padding: 40px calc((24 / 375) * 100%);
        width: calc((343 / 375) * 100%);
    }

    .location-link h2 {
        top: 0;
    }

    .location-link .img-area {
        width: 100%;
        border-right: 0;
        border-bottom: solid 2px var(--navy);
        padding-bottom: 24px;
        margin-bottom: 22px;
    }

    .location-link .img-area img {
        width: 100%;
    }

    .location-link .text-area {
        width: 100%;
        padding-bottom: 0;
    }

    .location-link .text-area h2 {
        position: static;
        width: fit-content;
    }

    .location-link .text-area ul {
        margin-top: 24px;
    }

    .location-link .text-area ul li {
        font-size: 14px;
    }

    .location-link .text-area ul li:not(:last-of-type) a {
        padding-bottom: 22px;
        margin-bottom: 22px;
    }

    .location-link .text-area ul li a::before {
        min-width: 24px;
        background: url(img/common/arrow_w.webp) var(--navy) no-repeat center / 6px;
    }

    /*.location-sec*/
    .location-sec {
        margin-bottom: 80px;
    }

    .location-sec .cont {
        padding: 48px calc((24 / 327) * 100%) 24px;
    }

    .location-sec .cont .wrapper {
        flex-direction: column-reverse;
        gap: 0;
    }

    .location-sec .cont .wrapper .text-area .hd-area p {
        font-size: 16px;
    }

    .location-sec .cont .wrapper .text-area .hd-area h2 {
        font-size: 22px;
        margin: 8px 0 20px;
    }

    .location-sec .cont .wrapper .text-area .point-area {
        flex-direction: column;
        padding: 16px calc((16 / 279) * 100%);
    }

    .location-sec .cont .wrapper .text-area .point-area .point {
        width: fit-content;
        margin: auto;
    }

    .location-sec .cont .wrapper .text-area .point-area .point>* {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 5px;
    }

    .location-sec .cont .wrapper .text-area .point-area .point p {
        margin: 0;
    }

    .location-sec .cont .wrapper .text-area .point-area .point img {
        width: 22px;
    }

    .location-sec .cont .wrapper .text-area .point-area .text {
        padding: 12px 0 0;
        margin: 12px 0 0;
        border-left: 0;
        border-top: solid 1px var(--line-color);
    }

    .location-sec .cont .wrapper .img-area {
        width: 100%;
        margin-bottom: 24px;
    }

    .location-sec .cont .wrapper .img-area figure+figure {
        margin-top: 8px;
    }

    .location-sec .cont .address_access {
        flex-direction: column;
        gap: 20px;
        padding: 16px calc((16 / 279) * 100%);
        margin-top: 24px;
        border-radius: 12px;
    }

    .location-sec .cont .address_access>* {
        width: 100%;
    }

}

/*======================
*
business
*
=======================*/
/*======================
business archive
=======================*/
/*tb*/
@media (max-width:899px) {

    /*リスト*/
    #business-archive ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*sp*/
@media (max-width:767px) {

    /*リスト*/
    #business-archive {
        position: relative;
        width: calc((343 / 375) * 100%);
        padding: 38px 0 38px;
        margin: 30px auto 80px;
    }

    #business-archive ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
        padding: 0 calc((24 / 343) * 100%);
    }

    #business-archive ul li .img-area {

        &:after {
            right: 8px;
            bottom: 8px;
        }
    }

    #business-archive ul li .text-area .name_year span {
        font-size: 12px;
    }


}

/*======================
single mv
=======================*/
/*tb*/
@media (max-width:1024px) {
    .single-business .business_mv {
        flex-direction: column-reverse;
        gap: 22px;
        margin-top: 0;
        padding-top: 130px;
        padding-left: 24px;
    }

    .single-business .business_mv .text-cont .hd-area h1 {
        margin: 16px 0 25px;
    }

    .single-business .business_mv .mv {
        width: 100%;
    }

    .single-business .business_mv .text-cont {
        width: calc(100% - 48px);
        margin: auto;
    }
}

/*sp*/
@media (max-width:767px) {
    .single-business .business_mv {
        padding-left: 0;
    }

    .single-business .business_mv .mv {
        padding-left: calc((24 / 375) * 100%);
    }

    .single-business .business_mv .mv img {
        border-radius: 20px 0 0 20px;
    }

    .single-business .business_mv .text-cont {
        width: calc((327 / 375) * 100%);
    }
}

/*======================
business cont
=======================*/
/*tb*/
@media (max-width:1024px) {
    .single-business section.business-cont {
        width: calc(100% - 48px);
    }
}

/*sp*/
@media (max-width:767px) {
    .single-business section.business-cont {
        flex-direction: column !important;
        gap: 24px;
        width: calc((327 / 375) * 100%);
        margin-top: 48px;
    }

    .single-business section.business-cont+section.business-cont {
        padding-top: 48px;
    }

    .single-business section.business-cont .img-area {
        width: 100%;
    }
}

/*======================
business schedule
=======================*/
/*sp*/
@media (max-width:767px) {
    .single-business .schedule-cont {
        width: 100%;
        padding: 36px 0 58px;
        margin: 60px auto 80px;
    }

    .single-business .schedule-cont::before,
    .single-business .schedule-cont::after {
        background-position: center;
        background-size: calc((327 / 375) * 100%);
    }

    .single-business .schedule-cont .schedule .schedule-list {
        padding: 0 calc((40 / 375) * 100%) 70px;
    }

    /*見出し*/
    .single-business .schedule-cont .hd-area {
        margin-bottom: 28px;
    }

    .single-business .schedule-cont .hd-area img {
        width: 21px;
    }

}

/*======================
business business-list
=======================*/
/*sp*/
@media (max-width:767px) {
    .single-business .business-list .cont ul {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
}

/*======================
*
archive
*
=======================*/
/*sp*/
@media (max-width:767px) {
    #archive p.not-post {
        width: 80%;
        margin: 80px auto;
        padding: 40px 80px;
    }
}

/*======================
*
footer
*
=======================*/
/*sp*/
@media (max-width:767px) {
    footer {
        padding: 48px 0;
    }

    footer .cont {
        display: block;
        width: calc((327 / 375) * 100%);
    }

    /*logo link*/
    footer .cont .logo-area {
        width: 100%;
    }

    footer .cont .logo-area .logo img {
        width: calc((127 / 327) * 100%);
        margin: 0 auto 48px;
    }

    footer a.link {
        gap: 5px;
        width: fit-content;
        font-size: 14px;
        padding: 10px 15px;
        margin: 48px auto 24px;
        border-radius: 50px;
    }

    /*menu*/
    footer .cont nav {
        display: block;
        width: 100%;
    }

    footer .cont nav>ul:first-of-type {
        gap: 20px 24px;
    }

    footer .cont nav>ul:last-of-type {
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: solid 1px var(--line-color2);
        border-left: 0;
    }

    footer .cont nav ul li {
        font-size: 14px;
    }

    /*copyright*/
    footer .copyright {
        width: calc((327 / 375) * 100%);
        margin: 0 auto 0;
    }
}

/*===============
*
breadcrumbs
*
===============*/
@media (max-width:1024px) {
    .breadcrumbs ul {
        padding: 16px 24px;
    }
}

/*======================
404
=======================*/
/*sp*/
@media (max-width:767px) {
    .page-404 {
        padding: 120px 0 0;
        margin-bottom: 80px;
    }

    .page-404 .cont p:last-of-type {
        font-size: 14px;
        text-align: start;
    }

    .page-404 a.btn01 {
        max-width: 100%;
        margin-top: 30px;
    }
}