@charset "utf-8";

/* -----------------------------------------------------------
    ヘッダー
----------------------------------------------------------- */
@media screen and (max-width: 1320px) {
    .g-nav ul.g-nav-list li.g-nav-list-item a{
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 1250px) {
    .g-nav ul.g-nav-list{
        gap: 20px;
    }
    .g-nav ul.g-nav-list li a{
        font-size: 1.6rem;
    }
    header .btn-wrapper .btn-entry{
        font-size: 1.8rem;
    }
    header .btn-wrapper a{
        padding: 1.2rem 3rem;
    }
    header .btn-wrapper {
        gap: 10px;
    }
    .header-logo img {
        min-width: auto;
        max-width: 250px;
    }
    .header-right {
        gap: 20px;
    }
}

.sp-menu {
    display: none;
}
@media screen and (max-width: 1050px) {
    .g-nav .header-right{
        display: none;
    }
    .sp-menu {
        display: block;
    }
    .sp-menu .header-bg{
        padding: 2rem;
        background: #fff;
        position: fixed;
        z-index: 9999;
        width: 100%;
    }
    .hamburger-fade {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1000;
        width: 60px;
        height: 60px;
        padding: 0;
        border: none;
        background: transparent;
        cursor: pointer;
    }
    .hamburger-fade__wrapper {
        position: relative;
        width: 30px;
        height: 20px;
        margin: 20px auto;
    }
    .hamburger-fade__line {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #333;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .hamburger-fade__line:nth-child(1) { top: 0; }
    .hamburger-fade__line:nth-child(2) { top: 9px; }
    .hamburger-fade__line:nth-child(3) { top: 18px; }
    .hamburger-fade.active .hamburger-fade__line:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .hamburger-fade.active .hamburger-fade__line:nth-child(2) {
        opacity: 0;
        transform: translateX(20px);
    }
    .hamburger-fade.active .hamburger-fade__line:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    .nav-fade {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        visibility: hidden;
        z-index: 900;
        margin-top: 6rem;
    }
    .nav-fade__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .nav-fade.active {
        visibility: visible;
    }
    .nav-fade.active .nav-fade__bg {
        opacity: 1;
    }
    .nav-fade__wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 5vh 10vw;
        overflow-y: auto; 
        scroll-behavior: smooth;
    }
    ul.nav-fade__list {
        margin: 0;
        padding: 0;
        list-style: none;
        flex-direction: column;
        align-items: flex-start
    }
    .nav-fade__item {
        position: relative;
        margin-bottom: 2.5vh;
        padding-left: 60px;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .nav-fade.active .nav-fade__item {
        opacity: 1;
        transform: translateY(0);
    }
    /* .common-btnの初期状態を非表示に設定 */
    .nav-fade .common-btn {
        margin-top: 3rem;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .nav-fade .common-btn.common-btn02{
        margin-top: 1rem;
        padding-bottom: 12rem;
    }
    /* .common-btnのアクティブ状態を表示に設定 */
    .nav-fade.active .common-btn {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.8s;
    }
    .nav-fade .common-btn a {
        width: 100%;
    }
    .nav-fade .common-btn.common-btn02 a {
        background: var(--btn-color01);
    }
    .nav-fade .common-btn.common-btn01 a {
        background: var(--btn-color02);
    }
    .nav-fade .common-btn a {
        width: 100%;
        /* ホバーアニメーションを無効化 */
        transition: none !important;
    }
    .nav-fade .common-btn.common-btn02 a {
        background: var(--btn-color01);
        color: var(--text-color);
    }
    .nav-fade .common-btn.common-btn02 a .arrow-btn{
        border: 1px solid var(--text-color);
    }
    .nav-fade .common-btn.common-btn02 a .arrow-btn .arrow{
        background-color: var(--text-color);
    }
    .nav-fade .common-btn.common-btn02 a .arrow-btn .arrow::after{
        background-color: var(--text-color);
    }
    .nav-fade .common-btn.common-btn01 a {
        background: var(--btn-color02);
    }
    .nav-fade .common-btn a:hover,
    .nav-fade .common-btn.common-btn02 a:hover {
        color: var(--main-color);
        background: transparent;
    }
    .nav-fade .common-btn.common-btn01 a:hover .arrow-btn,
    .nav-fade .common-btn.common-btn02 a:hover .arrow-btn{
        border: 1px solid var(--main-color);
    }
    .nav-fade .common-btn.common-btn01 a:hover .arrow-btn .arrow,
    .nav-fade .common-btn.common-btn02 a:hover .arrow-btn .arrow {
        background-color: var(--main-color);
    }
    .nav-fade .common-btn.common-btn01 a:hover .arrow-btn .arrow::after,
    .nav-fade .common-btn.common-btn02 a:hover .arrow-btn .arrow::after {
        background-color: var(--main-color);
    } 
    .nav-fade.active .nav-fade__item:nth-child(1) { transition-delay: 0.2s; }
    .nav-fade.active .nav-fade__item:nth-child(2) { transition-delay: 0.3s; }
    .nav-fade.active .nav-fade__item:nth-child(3) { transition-delay: 0.4s; }
    .nav-fade.active .nav-fade__item:nth-child(4) { transition-delay: 0.5s; }
    .nav-fade.active .nav-fade__item:nth-child(5) { transition-delay: 0.6s; }
    .nav-fade.active .nav-fade__item:nth-child(6) { transition-delay: 0.7s; }
    .nav-fade.active .common-btn{ transition-delay: 0.8s; }
    .nav-fade__number {
        position: absolute;
        left: 0;
        top: 0;
        color: var(--main-color);
        font-size: 24px;
        line-height: 1;
    }
    .nav-fade__link {
        display: inline-block;
        color: var(--text-color);
        font-size: 20px;
        text-decoration: none;
        transition: color 0.3s ease;
        line-height: 1.2;
    }
    ul.nav-fade__sub-list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 2px;
        margin-left: 20px;
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.3s ease;
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-fade.active .nav-fade__sub-list {
        opacity: 1;
        transform: translateY(0);
    }
    .nav-fade__sub-list li {
        margin-bottom: 1px;
    }
    .nav-fade__sub-link {
        display: inline-block;
        color: var(--text-color);
        font-size: 16px;
        text-decoration: none;
        transition: color 0.3s ease;
        position: relative;
        padding-left: 15px;
    }
    .nav-fade__sub-link::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #666;
    }
    .nav-fade__sub-link:hover {
        color: #fff;
    }
    /* .nav-fade.active .nav-fade__item:nth-child(1) .nav-fade__sub-list { transition-delay: 0.3s; }
    .nav-fade.active .nav-fade__item:nth-child(2) .nav-fade__sub-list { transition-delay: 0.4s; }
    .nav-fade.active .nav-fade__item:nth-child(3) .nav-fade__sub-list { transition-delay: 0.5s; }
    .nav-fade.active .nav-fade__item:nth-child(4) .nav-fade__sub-list { transition-delay: 0.6s; }
    .nav-fade.active .nav-fade__item:nth-child(5) .nav-fade__sub-list { transition-delay: 0.7s; }
    .nav-fade.active .nav-fade__item:nth-child(6) .nav-fade__sub-list { transition-delay: 0.8s; } */

    .sp-1050 a.btn-entry{
        background: var(--btn-color02);
        color: #fff;
        line-height: 1.4;
        font-size: 1.8rem;
        font-weight: 600;
        padding: 5px 20px;
        position: relative;
        right: 5rem;
        z-index: 1;
        display: inline-block;
        transition: .3s;
    }
    .sp-1050 a.btn-entry::before{
        border: 3px solid var(--btn-color02);
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        z-index: -1;
        transform: scale(1.15);
        opacity: 0;
        transition: transform ease .3s, opacity .3s;
    }
    .sp-1050 a.btn-entry:hover{
        color: var(--btn-color02);
        background: transparent;
    }
    .sp-1050 a.btn-entry:hover::before{
        transform: scale(1);
        opacity: 1;
    }
}
@media screen and (max-width: 767px) {
    .hamburger-fade {
        top: 5px;
        right: 5px;
    }
    .header-logo img {
        min-width: auto;
        max-width: 200px;
    }
    .l-header {
        padding: 14px 24px 14px 14px;
    }
    .hamburger-fade__wrapper {
        position: relative;
        width: 20px;
        height: 20px;
        margin: 10px auto;
    }
    .hamburger-fade{
        width: 40px;
        height: 40px;
        top: 9px;
    }
    .hamburger-fade__line:nth-child(2){
        top: 8px;
    }
    .hamburger-fade__line:nth-child(3){
        top: 16px;
    }
    .hamburger-fade.active .hamburger-fade__line:nth-child(3){
        top: 18px;
    }
    .sp-1050 a.btn-entry{
        right: 3rem;
    }
}

@media screen and (max-width: 400px) {
    .nav-fade__item{
        padding-left: 40px;
        margin-bottom: 2vh;
    }
    .nav-fade__link{
        font-size: 18px;
    }
    .nav-fade__number{
        font-size: 20px;
    }
    .nav-fade__sub-link{
        font-size: 15px;
    }
    .l-header {
        padding: 10px 24px 10px 14px;
    }
    .header-logo img{
        max-width: 160px;
    }
    .hamburger-fade {
        top: 5px;
    }
}
@media screen and (max-width: 360px) {
    .header-logo img {
        max-width: 140px;
    }
    .sp-1050 a.btn-entry{
        padding: 5px 10px;
    }
    .sp-1050 a.btn-entry {
        right: 2rem;
    }
    .hamburger-fade {
        width: 30px;
    }
}

/* -----------------------------------------------------------
    フッター
----------------------------------------------------------- */

.footer-btm-txt.sp{
    display: none;
}
@media (max-width: 1220px) {
    .footer-list-index{
        gap: 5rem;
    }
}
@media (max-width: 1180px) {
    .btm-area-wrapper{
        flex-direction: column;
    }

    .btm-area-wrapper .footer-right{
        margin-top: 3rem;
    }
    .btm-area-wrapper .footer-right{
        flex-direction: column;
    }
    .footer-right01 .footer-link-wrapper:last-of-type{
        border-bottom: 1px solid #E8ECEC;
    }
    .btm-area-wrapper .footer-right{
        gap: 4rem;
    }
    .footer-btm-txt.pc{
        display: none;
    }
    .footer-btm-txt.sp{
        display: block;
    }
    .footer-left {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 3rem;
    }
    .footer-left .footer-btn {
        margin: 0;
    }
}

@media (max-width: 1050px) {
    footer .logo{
        max-width: 200px;
    }
    .footer-left .footer-btn a{
        width: 25rem;
    }
    footer .bottom-area {
        padding: 8.5rem 6rem;
    }
}

@media (max-width: 767px) {
    footer {
        padding-top: 7rem;
    }
    footer .bottom-area {
        padding: 7rem 3rem;
    }
    .tel-link {
        pointer-events: auto;
        cursor: pointer;
    }
}

@media (max-width: 630px) {
    .footer-left {
        flex-direction: column;
        gap: 3rem;
        margin-bottom: 4rem;
    }
}

@media (max-width: 460px) {
    footer {
        padding-top: 5rem;
    }
}

@media (max-width: 400px) {
    .footer-left .footer-btn a {
        width: 100%;
    }
    footer .bottom-area {
        padding: 5rem 2rem;
    }
}

/* -----------------------------------------------------------
    共通
----------------------------------------------------------- */

.br-sp1350{
    display: none;
}
@media screen and (max-width: 1350px) {
    .br-sp1350{
        display: block;
    }
}

.sp-1050{
    display: none;
}
@media screen and (max-width: 1050px) {

    section {
        padding-top: 7rem;
    }
    .f-size-105 {font-size: 7.5rem;}
    .f-size-83{font-size: 6rem;}
    .f-size-70 {font-size: 4rem;}
    .f-size-26{font-size: 2.2rem;}
    .f-size-22 {font-size: 1.8rem;}
    .sec-ttl .en:before{
        width: 10px;
        height: 10px;
        left: -15px;
    }
    .sp-1050{
        display: block;
    }
}

@media screen and (max-width: 970px) {

    .f-size-65 {font-size: 5.5rem;}
    .f-size-46 {font-size: 3.6rem;}
    .f-size-30 {font-size: 2.2rem;}

}

.br-sp767{
    display: none;
}
.br767{
    display: block;
}
@media screen and (max-width: 767px) {
    .f-size-22.en {
        font-size: 1.8rem;
    }
    .f-size-34 {
        font-size: 2.8rem;
    }
    .flex-left,
    .flex-right{
        width: 100%;
    }
    .btn-link .arrow-wrapper{
        width: 40px;
        height: 40px;
    }
    .btn-link .arrow{
        width: 20px;
    }
    .btn-link .arrow::after{
        width: 6px;
    }
    .ttl-circle:before{
        width: 14px;
        height: 14px;
        top: 55%;
        left: -22px;
    }
    .benefits .ttl-wrapper .txt {
        margin-left: 4rem;
    }
    .benefits-voice::before,
    .benefits-voice::after{
        font-size: 120px;
    }
    .benefits-voice::after{
        bottom: -80px;
    }
    .br767{
        display: none;
    }
    .br-sp767{
        display: block;
    }
}

.br-sp630{
    display: none;
}
.br630{
    display: block;
}
@media screen and (max-width: 630px) {
    .f-size-70 {
        font-size: 2.5rem;
    }
    .f-size-65 {
        font-size: 4.5rem;
    }
    .f-size-64 {
        font-size: 5rem;
    }
    .f-size-60 {
        font-size: 4rem;
    }
    .f-size-32 {
        font-size: 2.4rem;
    }

    .br-sp630{
        display: block;
    }
    .br630{
        display: none;
    }
}

.br540{
    display: block;
}
@media screen and (max-width: 540px) {
    .f-size-35 {
        font-size: 2.8rem;
    }
    .br540{
        display: none;
    }
}

.br-sp400{
    display: none;
}
@media screen and (max-width: 460px) {

    .f-size-64 {
        font-size: 4rem;
    }
    .f-size-60 {
        font-size: 3.5rem;
    }
    .f-size-45 {
        font-size: 3.2rem;
    }
    .f-size-36 {
        font-size: 3rem;
    }
    

    .pc-460{
        display: none;
    }
    .sp-460{
        display: block;
    }
    .br-sp400{
        display: block;
    }

    .btn-link.sp-460{
        margin: 3rem 0 0;
        margin-right: 7rem;
        text-align: right;
    }
    .breadcrumb-list{
        margin-top: 3rem;
    }
}

@media screen and (max-width: 400px) {
    .f-size-24 {
        font-size: 2rem;
    }
    .breadcrumb-list {
        margin-top: 2rem;
    }
}


/* -----------------------------------------------------------
    下層ページ共通
----------------------------------------------------------- */
@media screen and (max-width: 1050px) {
    .mv-layer {
        margin-top: 0;
        padding-top: 7rem;
    }
}
@media screen and (max-width: 767px) {
    .mv-layer-bg {
        height: 40rem;
    }
}
@media screen and (max-width: 630px) {
    .mv-layer-bg {
        height: 30rem;
    }
}
@media screen and (max-width: 460px) {
    .mv-layer-bg {
        height: 24rem;
    }
}


/* -----------------------------------------------------------
    TOP
----------------------------------------------------------- */
@media screen and (max-width: 1240px) {
    .top-news .bg{
        background-position: 60% center;
    }
}

@media screen and (max-width: 1200px) {
    .mv-img img{
        object-position: 60% center;
    }
    .top-news .bg-wrapper {
        padding: 0;
    }
    .top-news .bg-01{
        right: -6rem;
    }
    .top-news .txt-wrapper{
        padding: 7rem 0;
    }
}

@media screen and (max-width: 1050px) {
    .mv-img img{
        object-position: 70% center;
    }
    /* .mv-text-top {
        font-size: 9vw;
        letter-spacing: 0.001em;
    }
    .mv-text-bottom {
        font-size: 14.5vw;
        letter-spacing: 0.01em;
    } */
    ul.top-number-list li .ttl{font-size: 20px;}

    .top-workstyle-wrapper{
        gap: 7rem;
    }
    .top-workstyle-list li .list-wrapper{
        gap: 2rem;
    }
    .top-workstyle-list li a{
        padding: 2rem;
    }
    .top-workstyle-list li .img img{
        max-width: 11rem;
    }
    .top-workstyle-list li .list-wrapper .arrow-btn.arrow-wrapper{
        width: 36px;
        height: 36px;
        right: 2rem;
    }
    .top-people .btn-link{
        margin: 3rem 7.5rem 1rem 0;
    }
    .top-people-swiper .arrow-btn.arrow-wrapper {
        width: 50px;
        height: 50px;
        right: 10px;
        bottom: 10px;
    }
    .top-people-swiper .arrow-btn .arrow {
        width: 22px;
    }
    .top-people-swiper .arrow-btn .arrow::after{
        top: -1.6px;
        width: 6px;
    }

}

@media screen and (max-width: 970px) {

    .mv-img img{
        object-position: 75% center;
    }

    .message-wrapper{
        flex-direction: column;
    }
    .message-left{
        width: 100%;
        line-height: 1.5;
    }
    .message-right{
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
    .message-right p:not(:first-of-type) {
        margin-top: 2rem;
    }

    .banner .arrow-wrapper{
        width: 40px;
        height: 40px;
        right: 25px;
        bottom: 25px;
    }
    .banner .arrow{
        width: 20px;
    }
    .banner .arrow::after{
        width: 6px;
    }

    .number-list .img{
        width: 100px;
        height: 100px;
    }
    .number-list .img img{
        width: 70%;
    }
    ul.top-number-list li .ttl {
        font-size: 18px;
    }
    ul.top-number-list li {
        width: calc((100% - 40px) / 3);
    }
    ul.top-number-list li .bg-white {
        padding: 3rem 3rem 4rem;
    }

    .top-workstyle-wrapper {
        gap: 4rem;
    }

    .top-news .sec-ttl .f-size-25{
        font-size: 2.2rem;
    }
    .top-news .sec-ttl .f-size-38{
        font-size: 2.8rem;
    }
    .top-news .txt-wrapper{
        padding: 6rem 0;
    }
    .top-people-swiper .swiper-slide .right {
        margin-left: 3px;
    }
}

@media screen and (max-width: 860px) {
    /* section.top-news{
        margin-top: 3rem;
    }
    .top-news .txt-wrapper {
        z-index: 10; 
        position: relative;
    } */
    .top-news .bg{
        background: none;
        z-index: 1;
    }
    .top-news .sp-img{
        display: block;
        position: relative;
        z-index: 1;
    }
    .top-news .bg-01{
        background: transparent;
    }
    /* .top-news .bg-wrapper {
        padding: 0;
    } */


}

@media screen and (max-width: 767px) {
    .mv{
        margin-top: 7rem;
        height: 100%;
        aspect-ratio: auto;
    }
    .mv-img img{
        object-position: 80% center;
    }

    .guide-bg-img{
        display: none;
    }
    .banner-wrapper .guide-img{
        position: relative;
        width: 100%;
        transform: none;
        top: 0;
        left: 0;
    }
    .banner .arrow-wrapper {
        right: 15px;
        bottom: 15px;
    }
    .top-number .bg-gray {
        padding: 7rem 2rem;
    }
    ul.top-number-list li {
        min-width: 230px;
    }
    ul.top-number-list{
        flex-wrap: wrap;
        justify-content: center
    }

    .top-workstyle-wrapper{
        flex-direction: column;
    }
    .top-workstyle-wrapper .flex-left,
    .top-workstyle-wrapper .flex-right {
        width: 100%;
    }
    .top-movie .bg-gray{
        padding: 6rem 0;
        margin: 0 2rem;
    }
    .top-movie .movie{
        margin-top: 1rem;
    }

    .scroll-infinity__item {
        width: calc(100vw / 2.5);
        margin-right: 3rem;
        position: relative;
        z-index: 1; 
    }
    .scroll-infinity__item.large-item {
        width: calc((100vw / 3) * 2);
    }
    .top-movie .movie .txt{
        font-size: 2rem;
        letter-spacing: 1.8px;
    }

    .top-people-swiper .swiper-slide{
        width: 48%;
    }
    .top-people-swiper .swiper-slide .name {
        font-size: 3.5rem;
    }
    .top-people-swiper .swiper-slide .job-name {
        font-size: 2rem;
    }
    .top-people-swiper .swiper-slide .entry-year{
        font-size: 2rem;
    }
}

@media screen and (max-width: 630px) {
    ul.top-number-list li {
        width: 100%;
        gap: 2rem;
    }
    section.top-news{
        padding-top: 10rem;
    }
    .top-news .bg-wrapper{
        padding: 0;
    }
    .top-news .txt-wrapper {
        padding: 4rem 0 0;
    }
    .banner .arrow-wrapper {
        width: 30px;
        height: 30px;
    }
    .banner .arrow {
        width: 15px;
    }
    .top-people-swiper .swiper-slide .name {
        font-size: 4rem;
    }
    .top-people-swiper .swiper-slide .job-name {
        font-size: 1.6rem;
    }
    .top-people-swiper .swiper-slide .entry-year {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 610px) {
    .message{
        margin-top: 100vh;
        padding-top: 6rem;
    }
}

/* @media screen and (max-width: 460px) {
    .top-people-swiper .swiper-slide .txt{
        top: 8px;
        flex-direction: column;
        text-align: center;
    }
    .top-people-swiper .swiper-slide .name {
        font-size: 2.5rem;
    }
    .top-people-swiper .swiper-slide .job-name{
        margin-top: 5px;
        font-size: 1.4rem;
    }
    .top-people-swiper .swiper-slide .entry-year{
        font-size: 1.4rem;
    }
} */

@media screen and (max-width: 420px) {
    .mv-img img {
        object-position: 40% center;
    }
    .mv-img img {
        height: 100vh;
    }
}

@media screen and (max-width: 400px) {
    .top-number .bg-gray {
        padding: 7rem 4%;
    }
    .top-news .bg-01 {
        right: 0rem;
    }
}

@media screen and (max-width: 360px) {
    .mv-img img {
        object-position: 50% center;
    }
}


/* MVレイアウト変更 */
@media screen and (max-width: 767px) {
    .mv {
        margin-top: 0;
    }
    .mv-special-shapes{
        margin-top: 0;
    }
    .mv-text .mv-text-img01{
        top: -10rem;
    }
    .mv-text .mv-text-img02{
        bottom: 8rem;
    }
}
@media screen and (max-width: 450px) {
    .mv-text-sp{
        display: block;
    }
    .shape-section{
        height: 90vw;
    }
    .shape-section-2 {
        top: 55vw;
        height: 72vw;
    }
    .shape-section-3 {
        top: 105vw;
        height: 65vw;
    }
    .mv-text .mv-text-img01{
        width: 90%;
        top: -16rem;
    }
    .mv-text .mv-text-img02{
        width: 100%;
        bottom: 10rem;
    }
}

/* -----------------------------------------------------------
    会社を知る
----------------------------------------------------------- */

/* クレド */
@media screen and (max-width: 1200px) {
    .about-credo-wrapper {
        transform: scale(0.9);
        transform-origin: center center;
        margin-top: 18rem;
    }
}
@media screen and (max-width: 1050px) {
    .about-personality-list li .bottom .bg{
        min-height: auto;
    }
}
@media screen and (max-width: 1000px) {
    .about-credo-wrapper {
        transform: scale(0.8);
        margin-top: 12rem;
    }
}

@media screen and (max-width: 970px) {
    .about-message .flex{
        flex-direction: column;
        overflow: hidden; /* 追加 */
    }
    .about-message .flex-left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 5rem;
        box-sizing: border-box; /* 追加 */
    }
    .about-message .flex-right{
        width: 100%;
        box-sizing: border-box; /* 追加 */
    }
    .about-message img {
        object-fit: contain;
        max-width: 100%; /* 追加 */
        height: auto; /* 追加 */
    }
    .about-mission .bg-img{
        height: 50rem;
    }
}

@media screen and (max-width: 830px) {
    .about-credo-wrapper {
        transform: scale(0.7);
        margin-top: 5rem;
    }
}

@media screen and (max-width: 767px) {
    .about-mission .bg-img{
        height: 40rem;
    }
    .about-personality-list{
        margin-top: 5rem;
    }
    .about-credo{
        padding-bottom: 3rem;
    }
    .about-credo-wrapper{
        height: auto;
        transform: scale(1);
    }
    .about-credo-wrapper .circle-layout {
        display: none;
    }
    .about-credo-wrapper .box {
        transform: none;
    }
    .about-credo-list li.box{
        position: relative;
        transform: translateX(-50%);
    }
    .about-credo-list li.box:not(:first-of-type){
        margin-top: 6rem;
    }
}

@media screen and (max-width: 630px) {
    .about-mission .sec-ttl .ja{
        line-height: 1.5;
        margin-top: 2rem;
        font-size: 3rem;
    }
    .about-mission .bg-img{
        background-position: 70% top;
    }
}

@media screen and (max-width: 460px) {
    .about-personality-list li{
        min-width: auto;
        width: 90%;
    }
}

@media screen and (max-width: 400px) {
    .about-personality-list li{
        width: 100%;
    }
}

@media screen and (max-width: 360px) {

    .about-mission .sec-ttl .ja{
        margin-top: 1rem;
        font-size: 2.4rem;
    }
    .about-mission .bg-img{
        height: 35rem;
    }
}

/* -----------------------------------------------------------
    役員対談
----------------------------------------------------------- */

@media screen and (max-width: 900px) {
    .crosstalk .t-center.ttl-wrapper .border-line-arrow{
        width: 70%;
    }
    .introduction-index-list li .bg-white {
        padding: 2rem 2rem 4rem;
        min-height: 130px;
    }
}

@media screen and (max-width: 767px) {
    .introduction .bg-light-green {
        padding: 7rem 0;
    }
    .introduction-list li .img {
        width: 100px;
    }
    .introduction-list::before, .introduction-list::after {
        width: 100px;
    }
    .introduction-list li .position {
        margin-top: 2.5rem;
    }
    .introduction .head-border{
        margin-top: 5rem;
    }
    
    .introduction-index-list{
        flex-direction: column;
        align-items: center;
    }
    .introduction-index-list li {
        width: 80%;
    }
    .introduction-index-list li .txt{
        text-align: center;
    }
    .crosstalk .bg {
        padding: 7rem 0;
    }
    .crosstalk-img02 {
        margin-top: 7rem;
    }
    .introduction-index-list li .bg-white {
        padding: 2rem 2rem 4rem;
        min-height: auto;
    }
    .introduction-index-list li .txt::before{
        bottom: -1.5rem;
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 630px) {
    .introduction-list{
        flex-direction: column;
    }
    .introduction-list li {
        width: 80%;
        text-align: left;
        margin: 0 auto;
    }
    .introduction-list .flex.column{
        flex-direction: row;
        align-items: center;
        gap: 5rem;
    }
    .introduction-list li .img{
        margin: 0;
        width: 120px;
    }
    .introduction-list li .crosstalk-name{
        margin: 0;
    }
    .introduction-list li .crosstalk-name:before{
        left: 0;
        transform: none;
    }
    .introduction-list li .position {
        margin-top:0;
    }
    .introduction-list::before, .introduction-list::after {
        width: 70px;
    }
    .introduction-list li .bg-white {
        padding: 4rem;
    }
    .introduction-list{
        gap: 3rem;
    }
}

@media screen and (max-width: 500px) {
    .crosstalk .t-center.ttl-wrapper .border-line-arrow {
        width: 90%;
    }
    .introduction-list li{
        width: 100%;
    }
    .introduction-list li .img {
        width: 100px;
    }
    .introduction-index-list li {
        width: 100%;
    }
    .introduction-list::before, .introduction-list::after {
        width: 50px;
    }
    .talk-wrapper li {
        gap: 2.5rem;
    }
    .crosstalk .talk-wrapper {
        margin-top: 5rem;
    }
    .crosstalk .talk-wrapper .img{
        width: 7rem;
    }
    .talk-wrapper li:not(:first-of-type) {
        margin-top: 2rem;
    }
    .crosstalk .bg {
        padding: 4rem 0;
    }
    .crosstalk-img02 {
        margin-top: 5rem;
    }
}
@media screen and (max-width: 400px) {
    .introduction-list .flex.column{
        gap: 3rem;
    }
    .introduction-list li .bg-white {
        padding: 3rem;
    }
    .introduction-list{
        gap: 2rem;
    }
    .introduction .bg-light-green {
        padding: 4rem 0;
    }
    .introduction .head-border {
        margin-top: 3rem;
    }
    .introduction-index-list{
        margin-top: 2rem;
    }
}

@media screen and (max-width: 375px) {
    .introduction-list .flex.column{
        gap: 2.5rem;
    }
    .introduction-list li .img{
        width: 80px;
    }
}

/* -----------------------------------------------------------
    福利厚生・制度
----------------------------------------------------------- */

@media screen and (max-width: 1150px) {
    .benefits03-list .f-size-24 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1050px) {

    .benefits03-list .f-size-24 {
        font-size: 2.4rem;
    }
    .benefits .flex-wrapper.top{
        align-items: center;
        gap: 8rem;
    }
    .benefits:nth-of-type(odd) .flex-wrapper.top .flex-left{
        width: 100%;
    }
    .benefits:nth-of-type(odd) .flex-wrapper.top .flex-right {
        width: 100%;
        max-width: none;
    }
    .benefits:nth-of-type(even) .flex-wrapper.top .flex-right{
        width: 100%;
    }
    .benefits:nth-of-type(even) .flex-wrapper.top .flex-left {
        width: 100%;
        max-width: none;
    }
    .benefits-voice .bg-gray {
        padding: 5rem 7rem 6rem;
    }
    .benefits-voice-list li:not(:first-of-type) {
        margin-top: 2rem;
    }
    .benefits-voice-list {
        margin-top: 2rem;
    }
    .benefits-voice-list li .img {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 767px) {
    .benefits .ttl-wrapper {
        padding: 0 2rem 4rem;
    }
    .benefits .flex-wrapper.top {
        gap: 6rem;
    }
    .benefits.bg-light-green {
        margin-top: 8rem;
        padding-bottom: 8rem;
    }
    .benefits .flex-wrapper.top {
        margin-top: 4rem;
    }
    .benefits-swiper .swiper-button-prev{
        left: -10px;
    }
    .benefits-swiper .swiper-button-next{
        right: -10px;
    }
    .benefits01-list li:not(:first-of-type) {
        margin-top: 2rem;
    }
    .benefits02-list li:not(:first-of-type) {
        margin-top: 2rem;
    }
    .benefits03-list li:not(:first-of-type) {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 630px) {
    .benefits-voice-list li .img {
        width: 60px;
        height: 60px;
    }
    .benefits-voice .bg-gray {
        padding: 4rem 4rem 6rem;
    }
    .benefits-voice-list li .txt {
        padding: 2rem 3rem;
    }
    .benefits-voice-list li:nth-of-type(odd) .bg-white::before{
        border-width: 10px 10px 10px 0;
        left: -10px;
    }
    .benefits-voice-list li:nth-of-type(even) .bg-white::before{
        border-width: 10px 0 10px 10px;
        right: -10px;
    }
    .benefits-voice::before {
        font-size: 90px;
        top: -20px;
    }
    .benefits-voice::after{
        font-size: 90px;
        bottom: -60px;
    }
    .benefits-voice-list {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 460px) {
    .benefits .ttl-wrapper {
        padding: 0 0 2rem;
    }
    .benefits .flex-wrapper.top {
        margin-top: 3rem;
    }
    .benefits .flex-wrapper.top {
        gap: 5rem;
    }
    .benefits-swiper .swiper-button-prev {
        display: none;
    }
    .benefits-swiper .swiper-button-next {
        display: none;
    }
    .benefits-voice-list li:nth-of-type(odd) .flex-wrapper,
    .benefits-voice-list li:nth-of-type(even) .flex-wrapper{
        gap: 1.5rem;
    }
    .benefits-voice .bg-gray {
        padding: 3rem 3rem 4rem;
    }
    .benefits-voice {
        margin-top: 5rem;
    }
    .benefits-voice-list li .txt {
        padding: 2rem;
        line-height: 1.5;
    }
    .benefits .ttl-wrapper .txt{
        margin-top: 1rem;
    }
    .benefits .ttl-circle{
        line-height: 1.5;
        margin-left: 20px;
    }
    .benefits .ttl-circle:before{
        width: 12px;
        height: 12px;
        top: 15px;
        left: -18px;
    }
    .benefits .ttl-wrapper .txt {
        margin-left: 2.5rem;
    }
}

@media screen and (max-width: 400px) {
    .benefits03-list li span.en{
        top: -1px;
        margin-right: 1rem;
    }
}

/* -----------------------------------------------------------
    数字で知る
----------------------------------------------------------- */

@media screen and (max-width: 1050px) {
    ul.number-list.number-data-list li .number .f-size-83 {
        font-size: 5rem;
    }
    ul.number-list.number-data-list li .number.f-size-21 {
        font-size: 1.6rem;
    }
    ul.number-list.number-data-list li .income-column .f-size-23 {
        font-size: 1.6rem;
    }
    ul.number-list.number-data-list li .income-column .f-size-58 {
        font-size: 5rem;
    }
    ul.number-list.number-data-list li .number span.f-size-46{
        font-size: 3rem;
        top: -5px;
    }
    ul.number-company-data-list li:nth-of-type(3) .img img,
    ul.number-workstyle-data-list li:nth-of-type(1) .img img {
        width: 100%;
    }
    ul.number-list.number-data-list li .ttl,
    .number-data-wide .number-data-ttl,
    .number-data-ttl{
        font-size: 2rem;
    }
    ul.number-list.number-data-list li .bg-white {
        padding: 3rem 3rem 4rem;
    }
    ul.number-list.number-data-list li .income .flex p.bg-light-green {
        padding: 1rem 1rem;
        margin-right: 1rem;
        font-size: 1.6rem;
    }

    .number-business-man-area03-voice li:nth-of-type(8) .flex-wrapper{
        right: inherit;
    }
    .number-business-man-area03-voice li:nth-of-type(9) .flex-wrapper {
        left: inherit;
    }
}

@media screen and (max-width: 970px) {
    ul.number-list.number-data-list li .number .f-size-83 {
        font-size: 4.5rem;
    }
    ul.number-list.number-data-list li .income-column .f-size-58 {
        font-size: 4.5rem;
    }
    .number-company .number-list .img,
    .number-workstyle .number-list .img,
    .number-business .number-list .img {
        width: 150px;
        height: 150px;
    }

    .number-business-man-area03-voice li:nth-of-type(4) .flex-wrapper {
        right: -5%;
    }
    .number-business-man-area03-voice li:nth-of-type(7) .flex-wrapper {
        left: -15%;
    }
}

@media screen and (max-width: 767px) {

    ul.number-list.number-data-list{
        flex-direction: column;
        align-items: center;
    }
    ul.number-list.number-data-list li {
        width: 60%;
    }
    ul.number-list.number-data-list li:not(:first-of-type) {
        margin-top: 2rem;
    }
    ul.number-list.number-data-list li:first-of-type {
        left: inherit;
    }
    ul.number-list.number-data-list li:last-of-type {
        right: inherit;
    }
    .number-data-wide{
        margin-top: 2rem;
        width: 60%;
    }
    .number-data-half{
        flex-direction: column;
        align-items: center;
        margin-top: 2rem;
        top: inherit;
    }
    .number-data-half li{
        width: 60%;
    }
    .number-data-half li:first-of-type{
        left: inherit;
    }
    .number-data-half li:not(:first-of-type){
        right: inherit;
        border: 1px solid var(--main-color);
        margin-top: 2rem;
    }
    ul.number-list.number-data-list.column03{
        margin-top: 2rem;
    }
    .number-data-wide.number-mbti .flex-wrapper01{
        flex-direction: column;
    }
    ul.number-list.number-data-list li .income .income-column:not(:first-of-type) {
        margin-top: 1rem;
    }
    ul.number-list.number-data-list li.number-income .bg-white{
        gap: 2rem;
    }
    .number-business-man-area .bg-white {
        padding: 5rem 4rem;
    }
    .number-business-man-area01-list li.number-business-man-area01-list-li:not(:first-of-type) {
        margin-top: 4rem;
    }
    .percentage-bar-item{
        top: -38px;
    }
    .number-business-man-area01-list ol.label-list li.ttl-circle::before {
        width: 10px;
        height: 10px;
        top: 58%;
        left: -15px;
    }
    .number-business-man-area01-list ol.label-list li.ttl-circle {
        margin-left: 15px;
    }
    .number-business-man-area01-list li:nth-of-type(4) ol.label-list {
        max-width: 340px;
    }
    .number-business-man-area01-list li .number-data-ttl{
        line-height: 1.2;
    }
    .percentage-bar-num{
        font-size: 2rem;
    }
    .percentage-bar-num .f-size-19{
        font-size: 1.6rem;
    }
    .percentage-bar-item{
        font-size: 2rem;
        top: -25px;
    }
    .number-business-man-area03-voice {
        margin-top: 4rem;
    }
    .number-business-man-area03-voice li .img{
        width: 80px;
    }
    .number-business-man-area03-voice li .flex-wrapper {
        left: inherit!important;
        right: inherit!important;
    }
    .number-business-man-area03-voice li:not(:first-of-type) {
        margin-top: 2.5rem;
    }
    .number-business-man-area03-voice li .bubble-bg::before{
        top: 40%;
    }
    .number-business-man-area03-voice li:nth-of-type(2) .bubble-bg::before{
        top: 20%;
    }
    .number-business-man-area03-voice li:nth-of-type(6) .bubble-bg::before{
        top: 20%;
    }
}

@media screen and (max-width: 630px) {
    ul.number-list.number-data-list li {
        width: 80%;
    }
    .number-data-wide{
        width: 80%;
    }
    .number-data-half li{
        width: 80%;
    }
    .number-data-wide.number-mbti .flex-right .flex-wrapper02{
        flex-direction: column;
    }
    .number-data-wide.number-mbti .img img{
        width: 90%;
    }
    .number-data-wide.number-mbti .flex-right .flex-wrapper02 {
        gap: 4rem;
    }
    
}

@media screen and (max-width: 500px) {
    ul.number-list.number-data-list li {
        width: 90%;
    }
    .number-data-wide{
        width: 90%;
    }
    .number-data-half li{
        width: 90%;
    }
    .number-business-man-area .bg-white {
        padding: 4rem 3rem;
    }
    .percentage-bar-num {
        font-size: 1.6rem;
    }
    .percentage-bar-num .f-size-19{
        font-size: 1.3rem;
    }
    .percentage-bar-item{
        font-size: 1.6rem;
    }
    .number-business-man-area03-voice li .img {
        width: 60px;
    }
    .number-business-man-area03-voice li .bubble-bg .f-size-25 {
        font-size: 2rem;
    }
    .number-data-wide.number-mbti .flex-right .bg-white {
        padding: 3rem 1rem;
    }
}

@media screen and (max-width: 460px) {
    .number-data-wide.number-mbti .flex-right .flex-wrapper02 {
        gap: 3.5rem;
    }
    .number-data-wide{
        padding: 3rem 2rem;
    }
}

@media screen and (max-width: 400px) {
    ul.number-list.number-data-list li {
        width: 100%;
    }
    .number-data-wide{
        width: 100%;
    }
    .number-data-half li{
        width: 100%;
    }
    .number-business-man-area .bg-white {
        padding: 3rem 2rem;
    }
    .percentage-bar-num {
        font-size: 1.4rem;
    }
    .percentage-bar-num .f-size-19{
        font-size: 1.1rem;
    }
    .percentage-bar-item{
        font-size: 1.4rem;
    }
    .number-business-man-area03-voice li .bubble-bg::before{
        left: -10px;
        border-width: 10px 10px 10px 0;
    }
    .number-business-man-area03-voice li:nth-of-type(even) .bubble-bg::before{
        right: -10px;
        border-width: 10px 0 10px 10px;
    }
    .number-business-man-area03-voice li .flex-wrapper {
        gap: 2rem;
    }
    .number-business-man-area .voice-bubble .f-size-25{
        font-size: 2rem;
    }
    .number-business-man-area02-voice{gap: 3rem;}
}


/* -----------------------------------------------------------
    募集要項
----------------------------------------------------------- */

@media screen and (max-width: 1250px) {
    .guideline-flow .inner{
        max-width: calc(800px + 8%);
    }
    .guideline-flow-list{
        justify-content: space-between;
    }
    .guideline-flow-list li:not(:last-of-type)::after {
        right: -100px;
    }
}

@media screen and (max-width: 960px) {
    .guideline-flow-list{
        gap: 7rem 10rem;
        margin-right: 10rem;
    }
    .guideline-flow-list li:not(:last-of-type)::after {
        right: -95px;
    }


}

@media screen and (max-width: 880px) {
    .guideline-flow-list {
        gap: 7rem;
    }
    .guideline-flow-list li:not(:last-of-type)::after {
        right: -85px;
    }
}

@media screen and (max-width: 830px) {
    .guideline-flow-list li:not(:last-of-type)::after {
        right: -65px;
        width: 30px;
        height: 27px;
    }
    
}

@media screen and (max-width: 820px) {
    .guideline-flow-list li:not(:last-of-type)::after {
        right: -55px;
    }
}

@media screen and (max-width: 800px) {
    .guideline-flow-list{
        margin-right: 7rem;
    }
}

@media screen and (max-width: 767px) {
    .tab-switch:checked+.tab-label+.tab-content{
        padding: 5rem;
    }
    .guideline-table th{
        display: block;
        width: 100%;
        padding-bottom: 1rem;
    }
    .guideline-table td{
        display: block;
        width: 100%;
        border-bottom: none;
        padding: 1rem 1rem 2rem;
    }
    .guideline-flow-list li{
        min-width: auto;
        width: 100%;
    }
    .guideline-flow-list {
        gap: 10rem;
        margin-right: 0;
    }
    .guideline-flow-list li:not(:last-of-type)::after{
        width: 50px;
        height: 20px;
        top: auto;
        bottom: -40px;
        left: 50%;
        transform: translate(-50%,0);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
    }
    .guideline-flow-list li .number{
        top: -25px;
    }
    .guideline-flow-list li .bg-white {
        padding: 6rem 2rem 4rem;
    }
    .guideline-flow-list li .txt {
        margin-top: 3rem;
    }
    .guideline-thoughts-list li .flex-wrapper .flex-left {
        padding-right: 3rem;
    }
    .guideline-thoughts-list li:not(:first-of-type) {
        margin-top: 5rem;
    }
    .guideline-thoughts-list {
        margin-top: 7rem;
    }
}

@media screen and (max-width: 630px) {
    .tab-label {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px .5em;
        line-height: 1.3;
    }
    .guideline-table-list li .flex{
        flex-direction: column;
    }
    .guideline-table-list li .flex .ml20{
        margin-left: 0;
    }
    .guideline-thoughts-list li .flex-wrapper{
        flex-direction: column-reverse;
    }
    .guideline-thoughts-list li .flex-wrapper .flex-left {
        padding-right: 0;
        margin-top: 3rem;
    }
    .guideline-thoughts-list li .flex-wrapper .txt {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 460px) {
    .tab-switch:checked+.tab-label+.tab-content {
        padding: 2rem;
    }
    .guideline-thoughts .ttl-wrapper.top{
        margin-bottom: 3rem;
    }
    .guideline-thoughts .ttl-wrapper.top .en{
        margin-bottom: 1rem;
    }
    .guideline-thoughts-list {
        margin-top: 5rem;
    }
}

/* -----------------------------------------------------------
    採用基準
----------------------------------------------------------- */

@media screen and (max-width: 1250px) {
    .standards-requirements-contents .f-size-90{
        font-size: 7rem;
    }
    .standards-requirements-list li:not(:first-of-type) {
        margin-top: 4rem;
    }
    .standards-requirements-entry-area {
        margin-top: 6rem;
    }
}

@media screen and (max-width: 1150px) {
    .standards-requirements-contents .bg{
        padding: 10rem 0 8rem;
    }
    .standards-requirements-contents .f-size-90{
        font-size: 6rem;
    }
    .standards-requirements-list li:not(:first-of-type) {
        margin-top: 3rem;
    }
    .standards-requirements-entry-area {
        margin-top: 5rem;
    }
    .standards-mbti .flex-wrapper{
        flex-direction: column;
        gap: 2rem;
    }
    .standards-mbti .flex-wrapper .flex-left{
        width: 100%;
        justify-content: center;
    }
    .standards-mbti .flex-wrapper .flex-right{
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    .standards-requirements-contents {
        margin-top: 5rem;
    }
    .standards-requirements-list li .en{
        padding-right: 2rem;
    }
    .standards-requirements-list li .txt-wrapper {
        padding-left: 2rem;
    }
    .standards-mbti .flex-wrapper{
        flex-direction: column;
    }
    .standards-mbti .flex-wrapper .flex-left{
        width: 100%;
    }
    .standards-mbti .flex-wrapper .flex-right{
        width: 100%;
    }
    .standards-mbti .flex-wrapper .flex-right .img{
        text-align: center;
    }
    .standards-mbti .bg-white {
        padding: 8rem 6rem 7rem;
    }
    .standards-mbti-entry-area {
        margin-top: 6rem;
    }
}

.standards-requirements-img{
    display: none;
}
@media screen and (max-width: 1000px) {
    .standards-requirements-img{
        display: block;
    }
    .standards-requirements-contents .bg{
        background: none;
        padding: 0;
        margin: 0;
    }
    .standards-requirements-list{
        background: url(../image/sub/workstyle/standards/standards-img01.webp) no-repeat;
        background-size: cover;
        background-position: top center;
        padding: 5rem;
        margin-top: 4rem;
    }
    .standards-requirements-entry-area .bg-blur{
        box-shadow: none;
        background-color: transparent;
        padding: 0;
    }
    .standards-requirements-entry-area .white-txt{
        color: var(--text-color);
    }
    
}

@media screen and (max-width: 767px) {
    .standards-requirements-contents .f-size-90 {
        font-size: 4rem;
    }
    .standards-mbti .flex-wrapper .flex-right .img img{
        width: 70%;
    }
    .standards-mbti .bg-gray {
        padding: 10rem 4%;
    }
    .standards-mbti .flex-wrapper{
        margin-top: 3rem;
    }
    .standards-chart .chart-img {
        margin-top: 3rem;
    }

}

@media screen and (max-width: 630px) {
    .standards-requirements .f-size-105 {
        font-size: 4.5rem;
        line-height: 1;
        margin-bottom: 1rem;
    }
    .standards-requirements-list .flex.align-center{
        flex-direction: column;
        align-items: flex-start;
    }
    .standards-requirements-list li .en {
        padding-right: 0;
        padding-bottom: 1rem;
        border-bottom: 2px solid var(--white);
    }
    .standards-requirements-list li .txt-wrapper {
        padding-left: 0;
        border-left: none;
        padding-top: 1rem;
    }
    .standards-mbti .flex-wrapper {
        margin-top: 1rem;
    }
    .standards-mbti-list{
        margin-top: 3rem;
    }
    .standards-mbti-list li{
        flex-direction: column-reverse;
    }
    .standards-mbti-list li .mbti-img{
        justify-content: center;
    }
    .standards-mbti-list li .mbti-img img {
        max-width: max-content;
    }
    .standards-mbti-list li:not(:first-of-type) {
        margin-top: 5rem;
    }
    .standards-mbti-list li .mbti-txt .txt.f-size-14{
        font-size: 16px;
    }

}

@media screen and (max-width: 460px) {
    .standards-mbti .bg-white {
        padding: 5rem 3rem 4rem;
    }
    .standards-mbti-entry-area {
        margin-top: 4rem;
    }
    .standards-mbti .bg-gray {
        padding: 6rem 4% 7rem;
    }
    .standards-mbti-list li:not(:first-of-type) {
        margin-top: 3rem;
    }
}

@media screen and (max-width: 400px) {
    .standards-requirements-list{
        padding: 3rem 2rem;
    }
    .standards-requirements-contents .f-size-90 {
        font-size: 3rem;
    }
    .standards-requirements-contents {
        margin-top: 3rem;
    }
    .standards-requirements .f-size-105 {
        font-size: 3.5rem;
        line-height: 1;
        margin-bottom: 1rem;
    }
}

/* -----------------------------------------------------------
    ファストパス制度
----------------------------------------------------------- */

@media screen and (max-width: 1050px) {
    .fastpass .flex-wrapper .flex-left  {
        padding-right: 4rem;
    }
    .fastpass-bubble{margin-top: 6rem;}
}

@media screen and (max-width: 1000px) {
    .fastpass .flex-wrapper{
        flex-direction: column;
    }
    .fastpass .flex-wrapper .flex-left,
    .fastpass .flex-wrapper .flex-right{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .fastpass .flex-wrapper .flex-right{
        margin-top: 4rem;
    }
    .fastpass-bubble{
        width: 80%;
        margin: 6rem auto 0;
    }
    .fastpass-bubble .txt{
        font-size: 3rem;
    }
    .fastpass-rule {
        margin-top: 3rem;
    }
    .fastpass-rule .flex-left .ttl{
        text-align: center;
    }
    .fastpass-rule .flex-left .txt{
        text-align: center;
    }
    .fastpass-bubble::after{
        bottom: -21px;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: 20px solid var(--main-color);
    }
    .fastpass-rule .bg-gray {
        width: 80%;
        margin: 2rem auto 0;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .fastpass-bubble {
        width: 90%;
        margin-top: 4rem;
    }
    .fastpass-rule .bg-gray{
        width: 90%;
    }
}

@media screen and (max-width: 630px) {
    .f-size-36 {
        font-size: 2.8rem;
    }
    .fastpass .flex-wrapper .flex-right .txt{
        margin-top: 2rem;
    }
    .fastpass-bubble .txt {
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 540px) {
    .fastpass-rule .flex-left .txt {
        text-align: start;
    }
    .fastpass-bubble {
        width: 100%;
        padding: 2rem;
    }
    .fastpass-rule .bg-gray{
        width: 100%;
        text-align: start;
    }
    .fastpass-bubble .txt {
        font-size: 2.2rem;
    }
    .fastpass-rule .flex-left .ttl .f-size-97{
        font-size: 6rem;
    }
}

@media screen and (max-width: 460px) {
    .fastpass .flex-wrapper .flex-right {
        margin-top: 3rem;
    }
    .fastpass-bubble{
        border-radius: 0;
    }
    .fastpass-rule .bg-gray{
        padding: 2rem;
    }
}


/* -----------------------------------------------------------
    見どころガイド
----------------------------------------------------------- */

@media screen and (max-width: 1340px) {

    .guide-section.guide-workstyle .bg::before{
        width: 100px;
        height: 130px;
        left: 20px;
        bottom: 130px;
    }
    .guide-section.guide-workstyle .bg::after{
        width: 94px;
        height: 160px;
        left: 60px;
        bottom: -40px;
    }
    .guide-section.guide-business .bg::before{
        width: 64px;
        height: 170px;
        right: 90px;
        bottom: 30px;
    }
    .guide-section.guide-business .bg::after{
        width: 50px;
        height: 130px;
        right: 40px;
        bottom: 90px;
    }
    .guide-section.guide-company .bg::before{
        width: 95px;
        height: 140px;
        left: 50px;
        bottom: -10px;
    }

}

@media screen and (min-width: 1051px) {
    .mv-ttl-bg-txt::before,
    .mv-ttl-bg-txt::after{
        height: 40px;
    }
}

@media screen and (max-width: 1180px) {
    .guide-anchor-link-list li {
        width: calc(100%/3);
    }
}
@media screen and (max-width: 1080px) {
    .guide-anchor-link-list{
        margin-top: 2rem;
    }
    .guide-anchor-link-list li a {
        padding: 2.5rem 2rem;
    }
    .guide-anchor-link-list li a .txt{
        font-size: 1.6rem;
    }
    .guide-anchor-link-list li a .arrow-btn.arrow-wrapper{
        right: 2rem;
        width: 26px;
        height: 26px;    
    }
}

@media screen and (max-width: 1050px) {
    .guide .mv-ttl-wrapper .ttl-top.f-size-88{
        font-size: 7.8rem;
    }
    .guide .mv-ttl-wrapper .ttl-top::after{
        width: 200px;
    }
    .guide .mv-ttl-wrapper .ttl-btm.f-size-110{
        font-size: 10rem;
    }
    .guide .mv-ttl-wrapper::after{
        right: 20px;
        width: 240px;
        height: 230px;
    }
    .guide-section-list .flex-wrapper .flex-left{
        width: 60%;
    }
    .guide-section-list .flex-wrapper .flex-right{
        width: 40%;
    }
    .guide-section .flex-wrapper.top .txt::before{
        width: 240px;
        height: 90px;
        top: -60px;
        left: -40px;
    }
    .guide-section.guide-business .flex-wrapper.top .txt::before{
        top: -70px;
    }
    .guide-section.guide-company .flex-wrapper.top .txt::before{
        width: 165px;
        height: 80px;
    }
}

@media screen and (max-width: 960px) {
    .guide-introduction-bg {
        padding: 3rem 4rem;
    }
    .guide-introduction .flex-wrapper .flex-right .txt{
        margin-top: 1rem;
        line-height: 1.8;
    }
    .guide-anchor-link-list li a {
        padding: 2rem 1.5rem;
    }

    .guide-section .bg{
        padding: 8rem 5.5rem;
    }
    .guide-section .flex-wrapper.top{
        gap: 4rem;
    }
    .guide-section .flex-wrapper.top{
        padding: 0;
    }
    
}

@media screen and (max-width: 880px) {
    .guide .mv-ttl-bg .inner-800{
        max-width: calc(660px + 8%);
    }
    .guide .mv-ttl-wrapper .ttl-top.f-size-88{
        font-size: 6.8rem;
    }
    .guide .mv-ttl-wrapper .ttl-top::after{
        width: 160px;
        height: 55px;
    }
    .guide .mv-ttl-wrapper .ttl-btm.f-size-110{
        font-size: 8rem;
    }
    .guide .mv-ttl-wrapper::after{
        right: 20px;
        width: 210px;
        height: 200px;
    }
    .guide .mv-ttl-wrapper .txt.f-size-19{
        font-size: 1.5rem;
    }
    .guide-section-list li .bg-white {
        padding: 3.5rem;
    }
    .guide-anchor-link-list{
        flex-direction: column;
    }
    .guide-anchor-link-list li {
        width: 100%;
    }
    .guide-anchor-link-list li a .txt{
        font-size: 1.8rem;
    }

    .guide-section.guide-workstyle .bg::before{
        width: 70px;
        height: 100px;
        left: 10px;
        bottom: 60px;
    }
    .guide-section.guide-workstyle .bg::after{
        width: 65px;
        height: 110px;
        left: 60px;
        bottom: -10px;
    }
    .guide-section.guide-business .bg::before{
        width: 46px;
        height: 126px;
        right: 70px;
        bottom: 10px;
    }
    .guide-section.guide-business .bg::after{
        width: 40px;
        height: 100px;
        right: 20px;
        bottom: 90px;
    }
    .guide-section.guide-company .bg::before{
        width: 80px;
        height: 110px;
        left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .guide .mv-layer-bg{
        height: 427px;
    }
    section.guide-section{
        padding-top: 4rem;
    }
    .guide .mv-ttl-wrapper::after {
        right: 20px;
        width: 170px;
        height: 150px;
    }
    .guide .mv-ttl-bg .inner-800 {
        max-width: calc(540px + 8%);
        padding: 8rem 4%;
    }
    .guide .mv-ttl-wrapper .ttl-top::after {
        width: 130px;
        height: 45px;
    }
    .guide .mv-ttl-wrapper .txt::before {
        width: 9px;
        height: 9px;
        top: 58%;
        left: -11px;
    }
    .guide .mv-ttl-wrapper .txt{
        margin-left: 1.5rem;
    }
    .guide .mv-ttl-wrapper .ttl-top span:nth-of-type(5) {
        margin-left: -10px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(3) {
        margin-left: -3px;
        top: 3px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(4) {
        margin-left: -5px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(7) {
        margin-left: -10px;
    }

    .guide-introduction .flex-wrapper{
        flex-direction: column;
        gap: 1.5rem;
    }
    .guide-introduction .flex-wrapper .flex-left {
        width: 100%;
    }
    .guide-introduction .flex-wrapper .flex-left img{
        max-width: 150px;
    }
    .guide-introduction .flex-wrapper .flex-right {
        width: 100%;
    }

    .guide-section .flex-wrapper.top .txt::before {
        width: 160px;
        height: 60px;
        top: -40px;
        left: -20px;
    }
    .guide-section-list li a.btn-link {
        margin: 2.5rem 0 0;
    }
    .guide-section .flex-wrapper.top {
        gap: 3rem;
    }

    .guide-section-list li .bg-white{
        padding: 4rem;
    }
    .guide-section-list li:not(:first-of-type) {
        margin-top: 3rem;
    }
    .guide-section.guide-business .flex-wrapper.top .txt::before{
        width: 155px;
        height: 60px;
        top: -50px;
    }
    .guide-section.guide-company .flex-wrapper.top .txt::before {
        width: 145px;
        height: 70px;
        top: -55px;
    }
    .guide-section-list .flex-wrapper .flex-left{
        width: 65%;
    }
    .guide-section-list .flex-wrapper .flex-right{
        width: 35%;
    }
    .guide-section .bg {
        padding: 6rem 3rem;
    }
    .guide-section.guide-workstyle .bg::before {
        width: 60px;
        height: 80px;
        left: -3px;
        bottom: 40px;
    }
    .guide-section.guide-workstyle .bg::after {
        width: 55px;
        height: 90px;
        left: 40px;
        bottom: -20px;
    }
    .guide-section.guide-business .bg::before {
        width: 37px;
        height: 96px;
        right: 40px;
        bottom: 10px;
    }
    .guide-section.guide-business .bg::after {
        width: 30px;
        height: 80px;
        right: 5px;
        bottom: 70px;
    }
    .guide-section.guide-company .bg::before{
        width: 60px;
        height: 80px;
        left: 20px;
    }
    .guide .mv-ttl-wrapper .ttl-top::after{
        top: 50%;
    }
}

@media screen and (max-width: 630px) {
    .guide-section .flex-wrapper.top{
        flex-direction: column;
    }
    .guide-section-list li .flex-wrapper{
        flex-direction: column;
    }
    .guide-section-list .flex-wrapper .flex-left {
        width: 100%;
    }
    .guide-section-list .flex-wrapper .flex-right {
        width: 50%;
    }
    .guide-section .flex-wrapper.top .txt {
        width: 90%;
    }
    .guide-section .flex-wrapper.top .txt::before{
        left: -30px;
    }
    .guide-section .bg {
        padding: 4rem 3rem;
    }
    .guide-section .flex-wrapper.top .txt::before{
        left: 50%;
        transform: translateX(-50%);
        top: -60px;
    }
    .guide-section.guide-business .flex-wrapper.top .txt::before{
        top: -55px;
    }
    .guide-section .flex-wrapper.top {
        gap: 4rem;
    }
    .guide-section.guide-company .flex-wrapper.top .txt::before{
        top: -65px;
    }
}

@media screen and (max-width: 580px) {
    .guide .mv-ttl-bg .inner-800 {
        max-width: calc(440px + 8%);
    }
    .guide .mv-ttl-wrapper .ttl-top.f-size-88 {
        font-size: 5rem;
    }
    .guide .mv-ttl-wrapper .ttl-top::after {
        width: 120px;
        height: 45px;
    }
    .guide .mv-ttl-wrapper::after {
        right: 0;
        width: 130px;
        height: 110px;
    }
    .guide .mv-ttl-wrapper .ttl-btm.f-size-110 {
        font-size: 7rem;
    }
    .guide .mv-ttl-wrapper .txt.f-size-19 {
        font-size: 2rem;
    }
    .guide .mv-ttl-wrapper .ttl-top span:nth-of-type(5) {
        margin-left: -10px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(3){
        top: 1px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(7) {
        margin-left: -9px;
    }
    .guide .mv-ttl-wrapper .txt.f-size-19 {
        font-size: 1.3rem;
    }
    .guide-section-list .flex-wrapper .flex-right {
        width: 60%;
    }

}

@media screen and (max-width: 500px) {
    .guide .mv-ttl-bg .inner-800 {
        max-width: calc(360px + 8%);
        padding: 6rem 2%;
    }
    .guide .mv-ttl-wrapper::after{
        content: none;
    }
    .guide .mv-ttl-bg-img{
        position: relative;
    }
    .guide .mv-ttl-bg-img::before{
        content: "";
        position: absolute;
        background: url(../image/sub/guide/guide-mv-man.svg) no-repeat;
        background-size: contain;
        width: 100px;
        height: 100px;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }    
    .guide .mv-ttl-wrapper .ttl-top.f-size-88 {
        font-size: 6rem;
    }
    .guide .mv-ttl-wrapper .ttl-top::after {
        width: 140px;
        height: 45px;
    }
    .guide .mv-ttl-wrapper .ttl-btm{
        letter-spacing: -0.1em;
    }
    .guide .mv-ttl-wrapper .ttl-btm.f-size-110 {
        font-size: 8rem;
    }
    .guide .mv-ttl-wrapper .txt.f-size-19 {
        font-size: 1.7rem;
    }
    .guide .mv-ttl-wrapper .txt {
        margin-left: 1rem;
    }
    .guide .mv-ttl-wrapper .txt::before{
        width: 4px;
        height: 4px;
        top: 55%;
        left: -7px;
    }

    .guide .mv-ttl-wrapper .ttl-top span:nth-of-type(5) {
        margin-left: 0px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(3) {
        margin-left: 0px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(4) {
        margin-left: 0px;
    }
    .guide .mv-ttl-wrapper .ttl-btm span:nth-of-type(7) {
        margin-left: 0px;
    }

    .guide-section-list .flex-wrapper .flex-right {
        width: 70%;
    }
    .guide-section .flex-wrapper.top .img{
        width: auto;
        max-width: 150px;
    }
    .guide .mv-ttl-wrapper::after {
        width: 100px;
        height: 90px;
    }
    .guide-section .flex-wrapper.top .txt {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .guide .mv-layer-bg {
        height: 320px;
    }
    .guide .mv-ttl-bg{top: 60%;}
    .guide-introduction-bg {
        padding: 3rem;
    }
    .guide-section .bg {
        padding: 2rem;
    }
    .guide-section-list li .bg-white {
        padding: 3rem 2rem;
    }
    .guide-section-list li:not(:first-of-type) {
        margin-top: 1.5rem;
    }
    section.guide-section {
        padding-top: 3rem;
    }
    .guide .mv-ttl-wrapper .ttl-top.f-size-88 {
        font-size: 4.5rem;
    }
    .guide .mv-ttl-wrapper .ttl-btm.f-size-110 {
        font-size: 5.8rem;
        white-space: nowrap;
    }
    .guide .mv-ttl-wrapper .ttl-top::after {
        width: 90px;
        height: 30px;
    }
    .guide .mv-ttl-wrapper .txt.f-size-19 {
        font-size: 1.2rem;
    }
    .guide .mv-ttl-bg .inner-800 {
        max-width: calc(280px + 8%);
        padding: 4rem 4%;
    }
    .guide .mv-ttl-bg-img::before{
        top: -65px;
    }
    .guide-section-list li .flex-wrapper {
        gap: 3rem;
    }
}


/* -----------------------------------------------------------
    お知らせ
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
    .news-article-page .news-pagination{
        margin: 7rem auto 0;
    }
    .news-article-page .news-pagination .next-btn.arrow-btn.arrow-wrapper{
        width: 40px;
        height: 40px;
    }
    .news-article-page .news-pagination .next-btn.arrow-btn.arrow-wrapper .arrow{
        width: 20px;
    }
    .news-article-page .news-pagination .next-btn.arrow-btn.arrow-wrapper .arrow::after{
        top: -1px;
        width: 5px;
    }
}


/* -----------------------------------------------------------
    エントリー
---------------------------------------------- */

@media screen and (max-width: 930px) {
    .entry-form .bg-gray {
        padding: 7rem;
    }
}

@media screen and (max-width: 767px) {
    .entry-form .bg-gray {
        padding: 5rem;
    }
    .entry-page .f-size-15{
        font-size: 12px;
    }
    /* .entry-button-wrapper {
        margin-top: 6rem;
    } */
    .entry-button-wrapper .entry-button-list{
        flex-direction: column;
        align-items: center;
        margin-top: 5rem;
    }
    .entry-button-wrapper .entry-button-list li{
        width: 50%;
    }
}

@media screen and (max-width: 540px) {
    .entry-button-wrapper .entry-button-list li{
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    /* .entry-form {
        margin-top: 3rem;
    } */
    .entry-form .bg-gray {
        padding: 1rem 3rem 3rem;
    }
    .submit-button{
        margin-top: 2.5rem!important;
    }
    .entry-form .entry-button-wrapper .f-size-21{
        margin-top: 2rem;
        font-size: 1.8rem;
    }
    .entry-button-wrapper .img{
        margin: 1.5rem auto 0.5rem;
    }
    .entry-button-wrapper .entry-button-list{
        margin-top: 3rem;
    }
}


/* -----------------------------------------------------------
    働く人を知る
----------------------------------------------------------- */

@media screen and (max-width: 1350px) {
    .people-mv-block .people-position {
        line-height: 1.3;
    }
}

@media screen and (max-width: 1250px) {
    .people-mv-block .people-year {
        display: block;
        width: fit-content;
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .people-all-list li .txt-bottom span{
        font-size: 2.2rem;
        padding: 5px 12px 5px 15px;
    }
    .people-all-list li .name {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 1150px) {
    .people-mv .img{
        max-width: 800px;
        max-height: 560px;
    }
    .people-mv-block .box .txt-area{
        padding: 6rem 0;
    }
    .people-mv-bg-space{
        padding: 2rem 0;
    }
    .other-people-list li.common-btn a .img {
        margin-right: 1.5rem;
        max-width: 120px;
    }
}

@media screen and (max-width: 1050px) {
    .people-mv {
        margin-top: 7.6rem;
    }
    .people-mv .img {
        max-width: 700px;
        max-height: 500px;
    }
    .people-mv-block .box .txt-area {
        padding: 2rem 0;
    }
    .people-mv-block .box .txt-area .f-size-60{
        font-size: 5rem;
    }
    .people-mv-block .box .txt-area .f-size-57{
        font-size: 5rem;
    }
    .people-mv .ttl-copy{
        margin: 2rem 0;
    }
    .people-mv-bg-space {
        padding: 4rem 0;
    }
    .introduction-wrapper .bg-white {
        padding: 3rem 4rem;
    }
    .introduction-wrapper {
        margin-top: 5rem;
    }
    .people-introduction .bg-light-green{
        padding: 2rem 0 6rem;
    }
    .introduction-wrapper .flex-wrapper {
        gap: 3rem;
    }
    .people-question h3{
        font-size: 2.4rem;
        margin: 1.5rem 0;
        line-height: 1.5;
    }
    .people-question .flex-wrapper .flex-left {
        padding-right: 3rem;
    }
    .people-question-ttl{
        padding-bottom: 1.5rem;
    }
    .people-message .bg-white {
        width: 50%;
        padding: 4rem;
    }
    .people-message{
        background-position: 65% top;
    }
    #people02 .people-schedule .bg-white {
        padding: 4rem 7rem;
    }
    .other-people-list li.people-index {
        width: 120px;
    }
    .other-people-list{
        gap: 1rem;
    }
    .other-people-list li.common-btn a .arrow-btn {
        width: 40px;
        height: 40px;
    }
    .other-people-list li {
        width: calc((100% - 120px) / 2);
    }
    #people04 .people-message{
        background-position: 60% top;
    }
    #people05 .people-message{
        background-position: 60% top;
    }
    #people06 .people-message{
        background-position: 70% top;
    }

    .people-all-list li{
        width: 40%;
    }

}

.br-sp930{
    display: none;
}
@media screen and (max-width: 930px) {
    .people-mv .img {
        max-width: 560px;
        max-height: 400px;
    }
    .people-mv-block .box .txt-area .f-size-60{
        font-size: 4rem;
    }
    .people-mv-block .box .txt-area .f-size-57{
        font-size: 4rem;
    }
    .people-mv-block .box .txt-area .f-size-34{
        font-size: 2.4rem;
        padding: 1rem 1.5rem;
    }
    .introduction-wrapper .img {
        max-width: 130px;
    }
    .people-question02{
        flex-direction: column;
    }
    .people-question .flex-wrapper .flex-left {
        padding-right: 0;
    }
    .people-question02 .flex-left{
        width: 100%;
        padding-right: 0;
    }
    .people-question02 .flex-right{
        width: 100%;
        margin-top: 3rem;
    }
    .people-message{
        background-image: none;
        padding: 0 0 3rem;
    }
    #people02 .people-message,
    #people03 .people-message,
    #people04 .people-message,
    #people05 .people-message,
    #people06 .people-message{
        background-image: none;
        padding: 0 0 3rem;
    }
    .people-message .bg-img{
        display: block;
    }
    .people-message .bg-white{
        width: 100%;
        padding: 0;
        margin-top: 4rem;
    }
    .br-sp930{
        display: block;
    }
    .other-people-list {
        padding: 6rem 0;
    }
    .other-people-list li.people-index {
        width: 90px;
    }
    .people-all-list li .arrow-btn.arrow-wrapper{
        width: 50px;
        height: 50px;
    }
}

.people-mv .sp-img{
    display: none;
}
.people-index-sp{
    display: none;
}
@media screen and (max-width: 767px) {
    #people .mv-layer-bg{
        height: 40rem;
    }
    .people-mv .img{
        display: none;
    }
    .people-mv .sp-img{
        display: block;
    }
    .people-mv-bg-space {
        padding:  0;
    }
    .people-mv-block .box .txt-area {
        padding: 5rem 0;
    }
    .people-mv-block .box .txt-area .f-size-34{
        font-size: 3.4rem;
    }
    .introduction-wrapper .flex-wrapper{
        flex-direction: column;
    }
    section.people-question03 .bg-white {
        padding: 3rem 5rem;
    }
    .people-schedule .bg-white {
        padding: 0 8rem;
    }
    .people-message .txt {
        margin-top: 1rem;
    }
    .other-people-list{
        flex-direction: column;
        align-items: center;
    }
    .other-people-list li.people-index{
        display: none;
    }
    .other-people-list li.people-index-sp {
        width: fit-content;
    }
    .other-people-list li.people-index-sp a{
        background: transparent;
    }
    .other-people-list li {
        width: 70%;
    }
    .people-index-sp{
        display: block;
        margin-top: 3rem;
    }
    .introduction-wrapper .txt{
        width: 100%;
    }
    .introduction-wrapper .img{
        width: 100%;
    }
}

@media screen and (max-width: 630px) {
    #people .mv-layer-bg{
        height: 30rem;
    }
}

@media screen and (max-width: 500px) {
    .people-schedule .bg-white {
        padding: 0 4rem;
    }
    #people02 .people-schedule .bg-white {
        padding: 4rem;
    }
    .other-people-list li {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    #people .mv-layer-bg{
        height: 24rem;
    }
}

@media screen and (max-width: 400px) {
    .people-mv-block .box .txt-area .f-size-60 {
        font-size: 3rem;
    }
    .people-mv-block .box .txt-area .f-size-34 {
        font-size: 2.8rem;
    }
    section.people-question03 .bg-main {
        padding: 3rem 0;
    }
    section.people-question03 .bg-white {
        padding: 3rem;
    }
    .people-schedule .bg-gray {
        padding: 5rem 0;
    }
    .schedule-list-wrap{
        margin-top: 3rem;
    }
    .schedule-list-item{
        gap: 1rem;
    }
    .other-people-list li a{
        padding: 1.5rem;
    }
    .other-people-list {
        padding: 4rem 0;
    }
}