@charset "UTF-8";
@media screen and (max-width: 768px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root:root .cmn_page_btn {
    width: 100%;
    max-width: none;
}

.cmn_page_btn button ,p.cmn_page_btn a{
    min-width: 51rem;
    font-size: 3rem;
    padding: 4rem;
    height: 12rem;
    border-radius: 8rem;
    border-width: 1px;
}
    
    ul.cmn_maru_list {
    }

    ul.cmn_maru_list li {
        font-size: 3rem;
        padding-left: 3rem;
    }

    ul.cmn_maru_list li::before {
        width: .8em;
        height: .8em;
        top: 1.5rem;
    }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_promo {
        min-height: 20rem;
        padding-top: 4rem;
    }

    .page_promo::before {
        background-image: url(../images/common/promo_under_deco_sp.jpg);
        width: 7rem;
        height: 20rem;
    }

    .page_promo .promo_inner h1 .slug, .page_promo .promo_inner p .slug {
        font-size: 7rem;
    }

    .page_promo .promo_inner h1 .ja, .page_promo .promo_inner p .ja {
        font-size: 2.8rem;
    }

    .page_main_img {
        padding: 8vw 0;
        width: calc(100% - 30px);
    }

    .page_main_img img {
        border-radius: 2.66666666vw;
    }
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ　汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .cmn_square {
        padding-left: 3rem;
    }

    .cmn_square::before {
        top: 1.2rem;
        margin: 0;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社概要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-company h3 {
        font-size: 3rem;
    }

    .page-company ul.member_list li {
        font-size: 3rem;
        grid-template-columns: 26rem 1fr;
    }

    .page-company .license_area {
        padding-right: 0;
        gap: 6rem;
        grid-template-columns: 1fr 11.8rem;
    }

    .page-company .license_area .contents h3.ttl {
        font-size: 3rem;
    }

    .page-company .access_wrap {
        padding: 14rem 0 0;
        margin-top: 0;
    }

    .page-company .access_wrap h2.main_ttl {
        font-size: 5.6rem;
        margin-bottom: 10rem;
    }

    .page-company .access_wrap ul.items {
        gap: 11rem;
    }

    .page-company .access_wrap ul.items li {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .page-company .access_wrap ul.items li p.img {
        width: 100%;
    }
    
    .page-company .access_wrap ul.items li .contents_area {
        padding: 0 3rem;
    }

    .page-company .access_wrap ul.items li .contents_area h3.ttl {
        font-size: 4.8rem;
        margin-bottom: 3rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.addr {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.tel {
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.map a {
        font-size: 3rem;
        margin-bottom: 2.5rem;
        padding-left: 6rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.map a::before {
        width: 2.4rem;
        height: 3.6rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.access {
        font-size: 3rem;
        padding-left: 6rem;
    }

    .page-company .access_wrap ul.items li .contents_area p.access::before {
        width: 3.4rem;
        height: 2.7rem;
        top: 1.2rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問 anker
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    ul.scroll_list {
        flex-direction: column;
        padding: 0 3rem;
        gap: 2rem;
    }

    ul.scroll_list li a {
        font-size: 3.3rem;
        padding-left: 6rem;
    }

    ul.scroll_list li a::before, ul.scroll_list li a::after {
        width: 4rem;
        height: 4rem;
    }

    ul.scroll_list li a::after {
        mask-size: 1rem auto;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .faq_sec h2.main_ttl {
        font-size: 4.8rem;
        padding-left: 7rem;
        margin-bottom: 1.5rem;
    }

    .faq_sec h2.main_ttl::before {
        width: 4.4rem;
        height: 4.4rem;
    }
    
    .faq_sec .qa_wrap p.nav-open span.faq_q {
        font-size: 4.8rem;
        bottom: 0.5rem;
        position: absolute;
        top: 3.5rem;
        left: 2rem;
    }

    .faq_sec .qa_wrap p.nav-open span.ttl {
        font-size: 3.6rem;
    }

    .faq_sec .qa_wrap nav span.faq_a {
        font-size: 4.8rem;
    }

    .faq_sec .qa_wrap nav span.txt_wrap .txt {
        font-size: 3rem;
        line-height: 1.75;
        display: block;
    }

    .faq_sec .qa_wrap nav span.txt_wrap a {
        font-size: 3rem;
        line-height: 1.75;
    }

    .nav-open {
        line-height: 1.5;
        /* align-items: flex-start; */
        padding: 4rem 10rem 4rem 9rem;
        display: block;
    }

    .nav-open::before {
        font-size: 4rem;
        right: 3.5rem;
        top: 50%;
    }

    .nav-open + nav {
        padding: 2rem 2rem 6rem 2.5rem;
    }

        /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
募集要項
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.page_guideline h2.main_ttl {
    font-size: 5.6rem;
}

.page_guideline dl a {
    font-size: 3rem;
}

.page-guideline ul.money_list li {
    font-size: 3rem;
    grid-template-columns: 31.5rem 1fr
}

.page-guideline ul.money_list li h3 {
    font-size: 3rem;
 
}
    
    
/* ==========================================
   page_flow
   ========================================== */
    .page_flow > .page_width > .ttl_wrap {
    margin-bottom: 7.5rem;
    }

    .page-flow .ttl_wrap h2.main_ttl {
        font-size: 5.2rem;
        margin-bottom: 3rem;
    }

    .page-flow .ttl_wrap p.lead {
        font-size: 2.8rem;
    }

    .page-flow .flow_items {
    gap: 8rem;
    }

    .page-flow .flow_items .inner {
        grid-template-columns: 1fr;
        padding: 5rem 2rem 6rem;
        gap: 4rem;
    }

    .page-flow .flow_items .inner:not(:last-child)::after {
    }

    .page-flow .flow_items .inner p.icon {
        width: 12rem;
        margin: 0 auto;
    }

    .page-flow .flow_items .inner .contents h3.ttl {
        font-size: 4.8rem;
        margin-bottom: 3rem;
        text-align: center;
    }

    .page-flow .flow_items .inner .contents h3.ttl .sp_block {
        display: block;
        text-align: center;
        margin-bottom: -.5rem;
    }

    .page-flow .flow_items .inner .contents p.txt {
        font-size: 3rem;
        line-height: 1.75;
        margin-bottom: 1rem;
        padding: 0 4rem;
    }

    .page-flow .flow_items .inner .contents a.link {
        font-size: 3rem;
    }

    .page-flow .flow_items .inner .contents p.meeting {
    justify-content: center;
    }

    .page-flow .flow_items .inner .contents p.meeting span {
        font-size: 2.4rem;
        border-radius: 2.1rem;
        min-width: 19.5rem;
        margin: -1rem 0 2rem;
    }

    .page-flow .flow_items .inner .contents ul.list {
    padding: 0 4rem;
    gap: 0;
    }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
404
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_promo.letter404 {
        padding: 6rem;
    }

    .page_promo.letter404::after {
        top: 73%;
    }

    .page_404 > .page_width {
        width: 100%;
        padding: 10.5rem 0 20rem;
    }

    .page_promo.letter404 .promo_inner h1 .slug {
        white-space: nowrap;
        font-size: 6.2rem;
        margin-left: -2rem;
    }

    .page_404 h2 {
        font-size: 5.4rem;
        margin-bottom: 5rem;
        text-align: center;
        line-height: 1.5;
    }

    .page_404 p.txt {
        text-align: left;
        margin-bottom: 8rem;
        font-size: 3rem;
        line-height: 2;
        text-align: center;
    }

   /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
事業紹介
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
     .page_solution > .page_width {
        width: 100%;
    }

    div.biz_index_inner {
        padding-bottom: 0;
        background: transparent;
    }

    div.biz_index_inner h2.main_ttl {
        font-size: 5.4rem;
        padding: 0 3rem;
        margin-bottom: 8rem;
    }

    div.biz_index_inner p.txt {
        font-size: 3rem;
        padding: 0 10rem;
        text-align: left;
        margin-bottom: 6rem;
    }
    
    .page_solution .sp_biz_loop {
        width: 100%;
        height: 40.6rem;
        background-image: url('../images/page/biz_index/biz_ar_img_sp.jpg');
        background-repeat: repeat-x; 
        background-position: 0 0;
        animation: scrollBg 20s linear infinite;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
    @keyframes scrollBg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -134rem 0;
  }
    }
    div.biz_index_inner ul.items.f_wrap {
        width: 67rem;
        flex-wrap: nowrap;
    }

    div.biz_index_inner ul.items.f_wrap li {
        font-size: 3.2rem;
        line-height: 1.5;
        width: 24rem;
        height: 24rem;
        border-width: 2px;
    }

    div.biz_index_inner ul.items.f_wrap li:nth-child(2) {
        margin: 0 -2rem;
    }

    div.biz_index_inner02 {
        padding-bottom: 9rem;
        padding-top: 13rem;
        margin-bottom: 6rem;
    }

    div.biz_index_inner02 h2.main_ttl {
        font-size: 5.6rem;
        margin-bottom: 9rem;
    }

    div.biz_index_inner02 div.box {
        border-radius: 3rem;
        margin: 0 3rem;
        padding: 8rem 0 8rem;
    }

    div.biz_index_inner02 div.box h3.ttl {
        font-size: 6rem;
        display: block;
        /* PCの display: table; を解除 */
    }

    /* PCで使っていた疑似要素(::after)の線をSPでは消す */
    div.biz_index_inner02 div.box h3.ttl::after {
        display: none;
    }

    div.biz_index_inner02 div.box h3.ttl span {
        display: block;
        /* 改行させる */
        width: fit-content;
        /* 【重要】背景の黄色い線を文字の幅ぴったりに合わせる */
        margin: 0 auto;
        /* fit-contentにした要素を中央に寄せる */
        /* 下から1.8rem分だけ黄色の線を引く（高さはPCと合わせています） */
        background: linear-gradient(transparent calc(100% - 1.8rem), #FFFF00 calc(100% - 1.8rem));
    }

    div.biz_index_inner02 div.box p.img {
        width: 60.5rem;
    }

    ul.biz_index_item {
        width: calc(100% - 23vw);
        padding: 4.5rem 0rem 5rem 5rem;
        display: grid;
        gap: 1.5rem;
    }

    ul.biz_index_item li {
        font-size: 4rem;
        line-height: 1.5;
        padding-left: 6rem;
    }

    ul.biz_index_item li::before {
        width: 4.2rem;
        height: 3.8rem;
        margin: 0;
        top: 1rem;
    }

    div.biz_index_inner03 {
        width: calc(100% - 6rem);
        border-radius: 3rem;
        margin: 0 5rem;
        padding: 10rem 4rem;
        margin: 0 auto 12rem;
    }

    div.biz_index_inner03 p.message {
        width: 56.6rem;
        margin-bottom: 12rem;
    }

    div.biz_index_inner03 h3.ttl {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    div.biz_index_inner03 h3.ttl span.ja {
        font-size: 3.6rem;
        padding: 0px 1rem 0 5rem;
    }

    div.biz_index_inner03 h3.ttl .ja::before {
        width: 3.6rem;
        height: 3.6rem;
    }

    div.biz_index_inner03 h3.ttl span.en {
        font-size: 10.5rem;
        line-height: 1;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    div.biz_index_inner03 p.txt {
        font-size: 3rem;
        text-align: left;
        line-height: 1.75;
        margin-bottom: 6rem;
    }

    div.biz_index_inner03 ul.items {
        grid-template-columns: 1fr;
        padding: 0 1rem;
        gap: 6rem;
    }

    div.biz_index_inner03 ul.items li .bg {
        background-size: cover;
        min-height: 51rem;
    }
    

    div.biz_index_inner03 ul.items li.helth .bg::after {
        background-image: url("../images/page/biz_index/biz_ar_img06_sp.jpg");
    }

    div.biz_index_inner03 ul.items li.biz .bg::after {
        background-image: url("../images/page/biz_index/biz_ar_img07_sp.jpg");
    }

    div.biz_index_inner03 ul.items li.network .bg::after {
        background-image: url("../images/page/biz_index/biz_ar_img08_sp.jpg");
    }

    div.biz_index_inner03 ul.items li::before , div.biz_index_inner03 ul.items li::after {
        width: 8rem;
        height: 8rem;
        bottom: 3rem;
    }

    div.biz_index_inner03 ul.items li h4.ttl {
        padding: 2rem 6rem;
        min-width: 46.8rem;
    }

    div.biz_index_inner03 ul.items li h4.ttl span.big {
        font-size: 5.6rem;
    }

    div.biz_index_inner03 ul.items li h4.ttl span.small {
        font-size: 3.2rem;
    }

    div.biz_index_inner04.f_wrap {
        flex-direction: column-reverse;
    }

    div.biz_index_inner04.f_wrap p.img {
        width: 55rem;
    }

    div.biz_index_inner04.f_wrap p.txt {
        width: 64.4rem;
        margin: 0 auto 6rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-solution-child main > .page_width {
        width: 100%;
    }

    .page_biz_mv .wide_width {
        width: 100%;
    }

    .page_biz_mv h2.main_ttl {
        font-size: 5.4rem;
    }

    .page_biz_mv .inner {
        min-height: auto;
        width: 100%;
        display: grid;
        margin-bottom: 13rem;
    }

    .page_biz_mv .inner > *:not(p.img) {
        width: calc(100% - 16rem);
        margin: 0 auto;
    }

    .page_biz_mv .inner h3.ttl {
        font-size: 5.4rem;
        order: 2;
        line-height: 1.5;
        margin-bottom: 3rem;
    }

    .page_biz_mv .inner p.img {
        width: 72rem;
        position: static;
        order: 1;
        margin-left: auto;
        border-radius: 2rem 0 0 2rem;
        overflow: hidden;
        margin-right: -2rem;
        margin-bottom: 6rem;
    }

    .page_biz_mv .inner p.txt {
        font-size: 3rem;
        order: 3;
        line-height: 1.75;
    }

    .page_biz_series {
        width: calc(100% - 10rem);
        margin: 0 auto;
    }

    .page_biz_series .inner h2.main_ttl {
        width: 49.8rem;
    }

    .page_biz_series .inner p.lead {
        font-size: 3rem;
        padding: 0 3rem;
        margin-bottom: 6.5rem;
    }

    .page_biz_series .inner p.main_txt {
        font-size: 3rem;
        text-align: left;
        line-height: 1.75;
        margin-bottom: 9rem;
        padding: 0 3rem;
    }

    .page_biz_series .box {
        margin-bottom: 12rem;
    }

    .page_biz_series .box ul.grid {
        padding: 5.5rem 4rem 14rem;
        gap: 2.5rem;
    }

    .page_biz_series .box ul.grid li {
        justify-content: flex-start;
    }

    .page_biz_series .box ul.grid.network_grid li {
        justify-content: center;
    }

    .page_biz_series .box ul.grid li p.no01 {
        width: 9rem;
    }

    .page_biz_series .box ul.grid li p.img {
        width: 41rem;
    }

    .page_biz_works {
        background-size: 26rem 26rem,18rem 18rem,26rem 26rem;
        background-position: left -4rem bottom 32rem , right 3rem bottom 45rem , right -4rem bottom 0;
        padding-bottom: 10rem;
    }

    .page_biz_works.network_works {
        background-size: 26rem 26rem,18rem 18rem,26rem 26rem;
        background-position: left -4rem bottom 32rem , right 3rem bottom 45rem , right -4rem bottom 0;
        padding-bottom: 3rem;
    }

    .page_biz_works.business_works {
        background-size: 26rem 26rem,18rem 18rem,26rem 26rem;
        background-position: left -4rem bottom 32rem , right 3rem bottom 45rem , right -4rem bottom 0;
        padding-bottom: 16rem;
    }

    .page_biz_works .base_width h2.main_ttl {
        font-size: 5rem;
    }

    .page_biz_works .base_width ul.items {
        grid-template-columns: 1fr;
        margin-bottom: 7rem;
    }

    .page_biz_works.network_works .base_width ul.items {
        width: 100%;
    }

    .page_biz_works .base_width ul.items li {
        padding: 7rem 5.5rem;
    }

    .page_biz_works .base_width ul.items li h3.ttl {
        font-size: 4.4rem;
        margin-bottom: 4rem;
    }

    .page_biz_works .base_width ul.items li p.txt {
        font-size: 3rem;
        text-align: left;
    }

    .page_biz_works .base_width p.message {
        width: 56.8rem;
    }

    .page-healthcare .cmn_main_ft_nav {
        margin-top: 0;
        padding-top: 5rem;
    }

    .page_biz_series .box ul.grid.business_grid {
        grid-template-columns: 1fr;
    }

    .page_biz_series .box ul.grid.business_grid li {
        justify-content: center;
    }

    .page_biz_series .box ul.grid.business_grid li:first-child p.img {
        width: 44rem;
    }
    
    .page_biz_works.healthcare_works {
    padding-bottom: 10rem;
}

    
.page_biz_series .box p.no1_txt {
    position: absolute;
    bottom: 3rem;
    left: 4rem;
}
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インタビュー一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_interview > .page_width {
        padding-top: 0;
    }

    .page_interview p.main_lead {
        font-size: 3rem;
        margin-bottom: 12rem;
    }


  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インタビュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    div.interview_main h2.main_ttl02 span.ja {
        font-size: 2.4rem;
    }

    div.interview_main h2.main_ttl02 span.ja::before {
    width: 3rem;
    height: 3rem;
    }

    div.interview_main h2.main_ttl02 span.en {
        font-size: 7rem;
    }

    .page-interview-child main > .page_width {
        width: 100%;
    }

    div.interview_main div.intro {
        padding: 0;
        margin-bottom: 9.5rem;
    }

    div.interview_main div.intro p.main_img {
        width: 100%;
        position: static;
    }

    div.interview_main div.intro div.contents {
        width: calc(100% - 11rem);
        margin: 0rem auto 0;
    }

    div.interview_main div.intro div.contents h2.main_ttl {
        font-size: 6.2rem;
        margin-top: -6rem;
        margin-bottom: 6rem;
        white-space: nowrap;
    }
    /*se-healthcare03*/
    .page_se-healthcare03 div.interview_main div.intro div.contents h2.main_ttl {
        width: calc(100% + 3rem);
    }

    div.interview_main div.intro div.contents p.shokushu {
        font-size: 3.6rem;
    }

    div.interview_main div.intro div.contents p.year {
        font-size: 2.8rem;
    }

    div.interview_main ul.interview_area {
        width: calc(100% - 12rem);
        margin: 0 auto 15rem;
        display: grid;
        gap: 13rem;
    }

    div.interview_main ul.interview_area li h3.ttl {
        font-size: 5.2rem;
        padding-left: 6.5rem;
        margin-bottom: 6rem;
    }

    div.interview_main ul.interview_area li h3.ttl::before {
        width: 4.8rem;
        height: 4.8rem;
        bottom: auto;
        margin: 0;
        top: 1.2rem;
        left: -1rem;
    }

    div.interview_main ul.interview_area li p.lead {
        font-size: 3.9rem;
        padding-left: 6rem;
        line-height: 1.5;
        margin-bottom: 4rem;
    }

    div.interview_main ul.interview_area li div.txt_wrap {
    padding-left: 6rem;
    }

    div.interview_main ul.interview_area li div.txt_wrap p {
        font-size: 3rem;
        line-height: 1.75;
    }

    div.interview_main ul.interview_area li div.txt_wrap p:not(:last-child) {
    margin-bottom: 5.2rem;
    }

    div.interview_main ul.interview_area li p.img {
        width: 65rem;
        margin-top: 10rem;
        border-radius: 2rem;
        overflow: hidden;
    }

    div.interview_main div.story {
        width: calc(100% - 10rem);
        margin: 0 auto;
        padding-bottom: 13rem;
    }

    div.interview_main div.story h2.main_ttl02 {
    margin-bottom: 7rem;
    }

    div.interview_main div.story h2.main_ttl02 span.ja {
        font-size: 3rem;
        padding-left: 5rem;
    }

    div.interview_main div.story h2.main_ttl02 span.en {
        font-size: 10.4rem;
        margin-top: 1rem;
    }

    div.interview_main div.story ul.items li {
    padding: 0 6rem 7rem;
    margin-bottom: 9rem;
    }

    div.interview_main div.story ul.items li ::after {
    bottom: -18%;
    }

    div.interview_main div.story ul.items li h3.ttl {
        font-size: 3.6rem;
        padding: 1.2rem 6.5rem;
        margin-top: -4rem;
        margin-bottom: 4rem;
    }

    div.interview_main div.story ul.items li p.txt {
        font-size: 3rem;
    }

    div.interview_main div.story p.story_message {
        font-size: 6.8rem;
        line-height: 1.15;
        margin-top: 3rem;
    }

    div.interview_main div.message h2.main_ttl02 {
    margin-bottom: 3.5rem;
    }

    div.interview_main div.message h2.main_ttl02 span.ja {
    font-size: 3rem;
    padding-left: 4rem;
    }

    div.interview_main div.message h2.main_ttl02 span.en {
    font-size: 10.4rem;
    margin-top: 1rem;
    }

    div.interview_main div.message div.bg.inner {
        width: 72rem;
        left: -2rem;
        overflow: hidden;
        padding: 9rem 5rem 56rem 10rem;
    }

    div.interview_main div.message div.bg.inner::before {
        width: 100%;
        height: 100%;
        left: 0;
    }

    div.interview_main div.message div.bg.inner::after {
        bottom: -28rem;
        width: 59rem;
        height: 88rem;
        left: 9rem;
    }

div.interview_main div.message div.bg.inner::after {
    height: 48rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

div.interview_main div.message div.bg.inner.staff01::after {
    background-image: url("../images/page/interview/staff01_sp.png");
    width: 42.1rem;
}

div.interview_main div.message div.bg.inner.staff02::after {
    background-image: url("../images/page/interview/staff02_sp.png");
    width: 45.1rem;
}

div.interview_main div.message div.bg.inner.staff03::after {
    background-image: url("../images/page/interview/staff03_sp.png");
    width: 27.1rem;
}

div.interview_main div.message div.bg.inner.staff04::after {
    background-image: url("../images/page/interview/staff04_sp.png");
    width: 33.1rem;
}

div.interview_main div.message div.bg.inner.staff05::after {
    background-image: url("../images/page/interview/staff05_sp.png");
    width: 39.1rem;    
}

div.interview_main div.message div.bg.inner.staff06::after {
    background-image: url("../images/page/interview/staff06_sp.png");
    width: 30.7rem;
}

div.interview_main div.message div.bg.inner.staff07::after {
    background-image: url("../images/page/interview/staff07_sp.png");
    width: 62.1rem;
}

div.interview_main div.message div.bg.inner.staff08::after {
    background-image: url("../images/page/interview/staff08_sp.png");
    width: 50.1rem;
}

div.interview_main div.message div.bg.inner.staff09::after {
    background-image: url("../images/page/interview/staff09_sp.png");
    width: 47.1rem;
}


    div.interview_main div.message div.bg.inner div.base_width {
        width: 100%;
        padding: 0;
    }

    div.interview_main div.message div.bg.inner div.base_width h2.main_ttl {
        font-size: 6rem;
        margin: 0 0 5rem;
        line-height: 1.5;
        padding: 0;
        white-space: nowrap;
    }

    div.interview_main div.message div.bg.inner div.base_width p.main_txt {
        font-size: 3rem;
        width: 100%;
        line-height: 1.75;
        padding-right: 1rem;
    }
    
      /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メッセージ 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_message > .page_width {
        padding: 0 0 18rem;
        width: 100%;
    }

    .page_message .scroll_fade_wrap {
        grid-template-columns: 1fr;
    }

    .page_message .scroll_fade_wrap .contents_area {
        padding-bottom: 16rem;
    }

    .page_message .scroll_fade_wrap .contents_area h2.main_ttl {
        font-size: 6.2rem;
        padding: 0 4rem;
        margin-bottom: 8rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box {
        display: grid;
    }

    .page_message .scroll_fade_wrap .contents_area .box > *:not(.img) {
        width: calc(100% - 10rem);
        margin: 0 auto;
    }

    .page_message .scroll_fade_wrap .contents_area .box:not(:last-of-type) {
        margin-bottom: 18.5rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box p {
        font-size: 2rem;
        font-size: 3rem;
        line-height: 2;
    }

    .page_message .scroll_fade_wrap .contents_area .box p.img {
        width: 70rem;
        margin-left: auto;
        margin-top: 8.5rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box p.cmn_icon.icon {
        padding-left: 4rem;
        margin-bottom: 3.5rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box p.cmn_icon.icon::before {
        width: 3rem;
        height: 3rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box h3.main_ttl {
        font-size: 5.2rem;
        margin-bottom: 6.5rem;
    }

    .page_message .scroll_fade_wrap .contents_area .box .cmn_txt_wrap p:not(:last-of-type) {
        margin-bottom: 6rem;
    }

    .page_message p.message {
        width: 68.4rem;
        margin: 0 auto;
        padding-bottom: 6.5rem;
        left: auto;
    }

    .page_message p.message::after {
        width: 81rem;
        height: 5.4rem;
        left: -6rem;
    }

    section.cmn_main_ft_nav.msg_nav {
        margin: 0 auto;
        padding-top: 14rem;
    }
    
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
数字で知るTAK
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_numbers > .page_width {
        width: 100%;
    }

    .page_numbers h3.ttl {
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    .page_numbers p.year {
        margin-bottom: 7rem;
        font-size: 3rem;
    }

    .page_numbers p.number {
        font-size: 12.5rem;
        letter-spacing: -.02em;
    }

    .page_numbers h2.cmn_ttl span.cmn_icon.icon {
        font-size: 3rem;
        padding: 0 0rem 1rem 4rem;
    }

    .page_numbers h2.cmn_ttl span.cmn_icon.icon::before {
        width: 3rem;
        height: 3rem;
    }

    .page_numbers h2.cmn_ttl span.en {
        font-size: 10.4rem;
        white-space: nowrap;
        letter-spacing: -.03em;
    }

    .num_inner h2.main_ttl {
        font-size: 5.4rem;
        line-height: 1.5;
        margin-bottom: 3.5rem;
    }

    .num_inner p.main_txt {
        font-size: 3rem;
        text-align: left;
        padding: 0 5rem;
        line-height: 1.75;
        margin-bottom: 11rem;
    }

    .num_about {
        padding: 13rem 3rem;
    }

    .num_about ul.num_items.grid.items {
        width: calc(100% - 4rem);
        grid-template-columns: 1fr;
    }

    .num_about ul.num_items.grid.items li {
        padding: 5rem 0 7rem;
    }

    .num_about ul.num_items.grid.items li p.icon {
        width: 25rem;
    }

    .num_about .graph {
        width: calc(100% - 4rem);
        padding: 6rem 0 7.5rem;
    }

    .num_about .graph h3.ttl {
        margin-bottom: 3rem;
    }

    .num_about .graph p.deco {
        width: 52.2rem;
        margin: 0 auto 2rem;
    }

    .num_about .graph p.img {
        width: 53rem;
        margin: 0 auto;
        right: 0;
    }

    .num_about .line_up {
        width: calc(100% - 4rem);
        padding: 5.5rem 5rem 9rem 5rem;
    }

    .num_about .line_up p.takumi {
        width: 45rem;
        margin-bottom: 5rem;
    }

    .num_about .line_up_items:not(:last-child) {
        margin-bottom: 6rem;
    }

    .num_about .line_up h3.sub_ttl {
        background: #E5F0FA;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem 4rem;
        margin-bottom: 3rem;
    }

    .num_about .line_up h3.sub_ttl.hlt img {
        width: 28.4rem;
    }

    .num_about .line_up h3.sub_ttl.biz img {
        width: 25.2rem;
    }

    .num_about .line_up h3.sub_ttl.network img {
        width: 28.9rem;
    }

    .num_about .line_up p.se01 {
        width: 53.6rem;
    }

    .num_about .line_up p.se02 {
        text-align: center;
    }

    .num_about .line_up p.se02 img {
        margin: 0 auto;
        width: 44.6rem;
    }

    .num_about .line_up p.se03 {
        text-align: center;
    }

    .num_about .line_up p.se03 img {
        width: 41rem;
        margin: 0 auto;
    }

    .num_peple {
        padding: 12.5rem 3rem 10rem;
    }

    .num_peple .employee {
        width: calc(100% - 4rem);
        padding: 5rem 0 7rem;
        margin: 0 auto 5rem;
    }

    .num_peple .employee h3.ttl {
        margin-bottom: 5rem;
    }

    .num_peple .employee p.img {
        margin: 0 auto;
    }

    .num_peple .employee p.img img {
        width: 52.3rem;
    }

    .num_peple .age {
        width: calc(100% - 4rem);
        padding: 7rem 6rem 7rem;
        margin-bottom: 12rem;
    }

    .num_peple .age h3.ttl {
        width: 20rem;
    }

    .num_peple .age p.list {
        width: 54rem;
        margin-bottom: 6rem;
    }

    .num_peple .age .contents.f_wrap {
        display: block;
    }

    .num_peple .age .contents.f_wrap p.img {
        display: none;
    }

    .num_peple .age .contents.f_wrap .content_area {
        width: 100%;
    }

    .num_peple .age .contents.f_wrap .content_area h2.main_ttl {
        font-size: 4.2rem;
        margin-bottom: 3rem;
    }

    .num_peple .age .contents.f_wrap .content_area p.main_txt {
        font-size: 3rem;
    }

    .num_peple ul.graph02 {
        grid-template-columns: 1fr;
        width: calc(100% - 4rem);
        margin: 0 auto;
    }

    .num_works ul.items_3col li.size_custom h3.ttl {
        min-height: auto;
    }

    .num_peple ul.graph02 li p.new {
        font-size: 2.4rem;
    }

    .num_works ul.items_3col {
        grid-template-columns: 1fr;
        width: calc(100% - 4rem);
    }

    .num_works ul.items_3col li p.deco {
        width: 25rem;
    }

    .num_works ul.items_3col li .note p {
        font-size: 2.4rem;
        padding-bottom: 5rem;
    }

    .num_works ul.items_3col li p.deco.size01 {
        width: 36.9rem;
    }

    .num_works ul.items_3col li.maternity_return p.deco {
        width: 43.5rem;
    }

    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
研修制度
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page_training > .page_width {
        width: 100%;
    }

    .page_bene_mv .wide_width {
        width: 100%;
    }

    .page_bene_mv .inner {
        width: 100%;
        min-height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 13rem;
    }

    .page_bene_mv .inner h3.ttl {
        order: 2;
        font-size: 5.4rem;
        padding: 0 8rem;
        margin-bottom: 4.5rem;
    }

    .page_bene_mv .inner p.img {
        position: relative;
        right: 0;
        width: 70rem;
        margin-left: auto;
        order: 1;
        margin-bottom: 6rem;
    }

    .page_bene_mv .inner p.txt {
        order: 3;
        font-size: 3rem;
        padding: 0 8rem;
        line-height: 1.75;
    }

    .page-training .Joining div.tra_wrap div.base_width div.year h3.ttl {
        padding: 3rem 0 4rem;
        margin-bottom: 6rem;
    }

    .page-training .Joining div.tra_wrap div.base_width div.year h3.ttl span.big {
        font-size: 4.8rem;
    }

    .page-training .Joining div.tra_wrap div.base_width div.year h3.ttl span.small {
        font-size: 2.4rem;
    }

    .page-training .Joining div.tra_wrap div.base_width div.year h2.main_ttl {
        font-size: 5rem;
    }

    section.career_step {
    background: var(--theme_m_color);
    border-radius: 10px;
    }

section.career_step div.base_width {
    max-width: 122rem;
    background: var(--theme_m_color);
    padding: 4rem 0 6rem;
    border-radius: 10px;
    position: relative;
    /* 横スクロールを設定 */
    overflow-x: auto; 
}

section.career_step div.base_width::after {
        position: absolute;
        content: "";
        background: url(../images/page/benefit/scroll.png) no-repeat 50% / contain;
        width: 32rem;
        height: 19.2em;
        top: 50%;
        left: 50%;
        transition: opacity 0.3s ease;
        pointer-events: none;
        transform: translate(-50%, -50%); 
}

/* スクロール時にJSで付与されるクラス */
section.career_step div.base_width.is-scrolled::after {
    opacity: 0;
}

    section.career_step div.base_width p.graph {
        width: 165rem;
    }

    div.tra_wrap div.base_width div.year div.grid.benefit_wrap {
        gap: 7rem;
        grid-template-columns: 1fr;
    }

    div.tra_wrap div.base_width div.year div.grid.benefit_wrap div.img_wrap {
        display: flex;
    }

    div.tra_wrap div.base_width div.year div.grid.benefit_wrap div.contents {
        padding: 0 3rem;
    }

    div.tra_wrap div.base_width div.year div.grid.benefit_wrap div.contents div.contents_area h4.ttl {
        font-size: 4.2rem;
        margin-bottom: 3rem;
    }

    div.tra_wrap div.base_width div.year div.grid.benefit_wrap div.contents div.contents_area p.main_txt {
        font-size: 3rem;
        line-height: 1.75;
    }
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
働く環境
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
     .page_workplace > .page_width {
        width: 100%;
    }

    .page_workplace_mv .wide_width {
        width: 100%;
    }

    .page_workplace_mv h2.main_ttl {
        font-size: 5.4rem;
    }

    .page_workplace_mv .inner {
        width: 100%;
        min-height: auto;
        display: grid;
        margin-bottom: 11rem;
    }

    .page_workplace_mv .inner h3.ttl {
        font-size: 5.4rem;
        order: 2;
        padding: 0 8rem;
        line-height: 1.5;
    }

    .page_workplace_mv .inner p.img {
        position: relative;
        right: 0;
        width: 70rem;
        margin-left: auto;
        order: 1;
        border-radius: 3rem 0 0 3rem;
        overflow: hidden;
        margin-bottom: 6.5rem;
    }

    .page_workplace_mv .inner p.txt {
        font-size: 3rem;
        order: 3;
        padding: 0 8rem;
        line-height: 1.75;
    }

    .page_workplace h2.main_ttl {
        font-size: 5rem;
    }

    .page_workplace .loop {
        height: 30rem;
    }

    .space_about h2.main_ttl {
        margin-bottom: 9rem;
    }

    .page_workplace .inner.grid {
        grid-template-columns: 1fr;
        margin-top: 9rem;
        gap: 7rem;
        margin-bottom: 12.5rem;
    }

    .page_workplace .inner.grid p.main_txt {
        padding: 0 8rem;
        line-height: 1.75;
        font-size: 3rem;
    }

    .page_workplace .inner.grid ul.items {
        width: 47rem;
        margin: 0 auto;
        gap: 2rem;
    }

    .page_workplace .inner.grid ul.items li {
        font-size: 3rem;
        padding: 2rem 2rem 2rem 11rem;
    }

    .page_workplace .inner.grid ul.items li.train::before {
        width: 3.7rem;
        height: 5.4rem;
    }

    .page_workplace .inner.grid ul.items li.water::before {
        width: 3.5rem;
        height: 4.8rem;
    }

    .page_workplace .inner.grid ul.items li.machi::before {
        w5.2rem: inherit;
        w5.2rem: inherit;
        w5.2rem: h;
        width: 5.2rem;
        height: 4.2rem;
        left: 4rem;
    }

    .page-workplace .charm h2.main_ttl {
        font-size: 5rem;
        margin-bottom: 8.5rem;
    }

    .page-workplace .charm ul.items.grid {
        grid-template-columns: 1fr;
        padding: 0 5rem;
        gap: 9rem;
        margin-bottom: 11rem;
    }
    
    .page-workplace .charm ul.items.grid li::before {
        content: none !important;
    }

    .page-workplace .charm ul.items.grid li p.img {
        margin-bottom: 5rem;
    }

    .page-workplace .charm ul.items.grid li .contents {
        padding: 0 2rem;
    }

    .page-workplace .charm ul.items.grid li .contents h3.ttl {
        font-size: 4.2rem;
        margin-bottom: 3rem;
    }

    .page-workplace .charm ul.items.grid li .contents p.txt {
        font-size: 2.6rem;
    }

    .page-workplace .charm .bg {
        min-height: 30rem;
    }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
福利厚生や制度
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .page_employee > .page_width {
        width: 100%;
    }

    .page_employee_mv .wide_width {
        width: 100%;
    }

    .page_employee_mv h2.main_ttl {
        font-size: 5.4rem;
    }

    .page_employee_mv .inner {
        width: 100%;
        min-height: auto;
        display: grid;
        margin-bottom: 12rem;
    }

    .page_employee_mv .inner h3.ttl {
        order: 2;
        font-size: 5.4rem;
        line-height: 1.5;
        padding: 0 8rem;
        margin-bottom: 2rem;
    }

    .page_employee_mv .inner p.img {
        position: relative;
        order: 1;
        width: 72rem;
        margin-left: auto;
        right: -2rem;
        margin-bottom: 6.5rem;
    }

    .page_employee_mv .inner p.txt {
        order: 3;
        font-size: 3rem;
        line-height: 1.75;
        padding: 0 8rem;
    }

    .em_inner h2.main_ttl {
        font-size: 5rem;
        margin-bottom: 9rem;
    }

    .em_inner ul.em_items.grid {
        grid-template-columns: 1fr;
        width: 65rem;
        margin: 0 auto;
        gap: 6rem;
    }

    .em_inner ul.em_items.grid li {
        padding: 6rem 6rem 7rem;
        border-radius: 3rem;
    }

    .em_inner ul.em_items.grid li h3.ttl {
        font-size: 4.2rem;
        margin-bottom: 3rem;
    }

    .em_inner ul.em_items.grid li p.txt {
        font-size: 2.6rem;
    }

    .em_inner02 h2.main_ttl {
        font-size: 5rem;
        margin-bottom: 8.5rem;
    }

    .em_inner02 ul.em_items.grid {
        grid-template-columns: 1fr;
        width: 65rem;
        gap: 7rem;
    }

    .em_inner02 ul.em_items.grid li {
        border-radius: 3rem;
        padding: 6rem 0 7rem;
    }

    .em_inner02 ul.em_items.grid li p.icon {
        width: 15rem;
        margin-bottom: 4rem;
    }

    .em_inner02 ul.em_items.grid li h3.ttl {
        font-size: 4.2rem;
        margin-bottom: 3rem;
    }

    .em_inner02 ul.em_items.grid li p.txt {
        font-size: 2.6rem;
        line-height: 1.75;
    }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
働く魅力
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .page_benefit .page_width {
        width: 100%;
        padding-bottom: 20rem;
    }

    .page_benefit .inner h2.main_ttl {
        font-size: 5rem;
        line-height: 1.5;
        margin-bottom: 8.5rem;
    }

    .page_benefit .inner .bg {
        background-image: url("../images/page/benefit/index/benefit_main_sp.jpg");
        height: 42rem;
        margin-bottom: 4rem;
    }

    .page_benefit .inner ul.items.grid {
        grid-template-columns: 1fr;
        width: calc(100% - 16rem);
        margin-bottom: 14rem;
    }

    .page_benefit .inner ul.items.grid::after {
        content: none;
    }

    .page_benefit .inner ul.items.grid li {
        border: none !important;
        border-bottom: 1px solid var(--theme_m_color) !important;
        padding: 5rem 0 4rem 0;
    }

    .page_benefit .inner ul.items.grid li h3.ttl {
        font-size: 4.2rem;
        text-align: center;
        margin-bottom: 3rem;
    }

    .page_benefit .inner ul.items.grid li p.txt {
        font-size: 2.6rem;
        padding: 0 3rem;
    }

    .page_benefit .inner h2.big_ttl {
        font-size: 5rem;
        line-height: 1.5;
        margin-bottom: 9rem;
    }

    .page_benefit .inner ul.items02.grid {
        width: calc(100% - 12vw);
        grid-template-columns: 1fr;
        gap: 6rem;
    }

    .page_benefit .inner ul.items02.grid li {
        height: 51rem;
        padding-bottom: 14.5rem;
    }

    .page_benefit .inner ul.items02.grid li::after {
        content: none;
    }

    .page_benefit .inner ul.items02.grid li:nth-child(1)::before {
        background-image: url("../images/page/benefit/index/benefit_img01_sp.jpg");
    }

    .page_benefit .inner ul.items02.grid li:nth-child(2)::before {
        background-image: url("../images/page/benefit/index/benefit_img02_sp.jpg");
    }

    .page_benefit .inner ul.items02.grid li:nth-child(3)::before {
        background-image: url("../images/page/benefit/index/benefit_img03_sp.jpg");
    }

    .page_benefit .inner ul.items02.grid li a::before, .page_benefit .inner ul.items02.grid li a::after {
        width: 8rem;
        height: 8rem;
        bottom: -17rem;
    }

    .page_benefit .inner ul.items02.grid li h3.ttl a span.ja {
        font-size: 5.6rem;
    }

    .page_benefit .inner ul.items02.grid li h3.ttl a span.en {
        font-size: 2.4rem;
    }

    .page_benefit .inner ul.items02.grid li p.txt {
        font-size: 2.6rem;
    }
    
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > 一覧（スマホ表示）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    section.job_index div.base_width {
        width: calc(100% - 5rem);
    }

    section.job_index div.base_width p.main_lead {
        font-size: 3rem;
        text-align: center;
        margin-bottom: 10rem;
    }

    section.job_index div.base_width ul.items.grid {
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container::before, section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container::after {
        width: 6.4rem;
        height: 6.4rem;
        right: 4rem;
        bottom: 4.5rem;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container p.img.img_container {
        padding-top: 122%;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container div.contents {
        left: 6rem;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container div.contents h3.ttl {
        margin-bottom: 2rem;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container div.contents h3.ttl a {
        font-size: 4rem;
        margin-bottom: 0rem;
        padding: 1.2rem 3.5rem 1.2rem 2rem;
    }

    section.job_index div.base_width ul.items.grid li.biggerlink.zoom_container div.contents p.txt {
        font-size: 2.8rem;
        line-height: 1.5;
        width: 73%;
    }

   /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > 共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-job-child main > .page_width {
        width: 100%;
    }

    .job_promo .promo_wrap {
        width: 72rem;
        min-height: 42rem;
        margin: 0 0 0 auto;
    }

    .job_promo .promo_wrap h3.ttl {
        font-size: 5rem;
        background: transparent;
        bottom: -5rem;
        left: 5rem;
        padding: 0;
    }

    .job_promo .promo_wrap h3.ttl span {
        display: inline-block;
        background: linear-gradient(to right, #0050B4, #00B4D2);
        padding: 1rem 3rem;
    }
    
    .page_se-business .job_promo .promo_wrap h3.ttl {
        width: 52.6rem;
    }
    
     .page_sales-healthcare .job_promo .promo_wrap h3.ttl {
        width: 52.6rem;
    }
    
     .page_td .job_promo .promo_wrap h3.ttl {
        width: 25.7rem;
    }
    
     .page_ne .job_promo .promo_wrap h3.ttl {
        width: 60.6rem;
    }
    
     .page_se-healthcare .job_promo .promo_wrap h3.ttl {
        width: 52.6rem;
    }

    .job_promo .promo_wrap h3.ttl span:nth-child(2) {
        margin-top: 0rem;
        padding-bottom: 1rem;
        padding-top: 0rem;
    }

    .job_promo .bg::after {
        width: 100%;
        height: 104%;
        top: -20rem;
    }

    .job_promo .bg .contents_area {
        width: calc(100% - 10rem);
        margin-top: 0rem;
        padding-top: 13rem;
        margin-bottom: 8rem;
    }

    .job_promo .bg .contents_area h4.ttl {
        font-size: 4.6rem;
        margin-bottom: 3.5rem;
        padding: 0 3rem;
    }

    .job_promo .bg .contents_area p.txt {
        width: 100%;
        font-size: 3rem;
        padding: 0 3.5rem;
        margin-bottom: 5.5rem;
    }

    .job_promo .bg .contents_area ul.items {
        flex-direction: column;
        width: 100%;
        gap: 4rem;
    }

    .job_promo .bg .contents_area ul.items li {
        font-size: 3.6rem;
        padding: 3.5rem 0 4.5rem;
    }

    .job_promo .bg p.img {
        position: static;
        width: 59rem;
        margin: 0 auto;
    }

    .page-job-child .vision {
        padding: 15.5rem 0;
    }

    .page-job-child .vision h2.cmn_ttl {
        margin-bottom: 3.5rem;
    }

    .page-job-child h2.cmn_ttl span.icon {
        font-size: 3rem;
        padding: 0 0rem 1rem 4rem;
    }

    .page-job-child h2.cmn_ttl span.icon::before {
        width: 3rem;
        height: 3rem;
        top: -.5rem;
    }

    .page-job-child h2.cmn_ttl span.en {
        font-size: 10.4rem;
    }

    .page-job-child .vision ul.items {
        width: 65rem;
        gap: 3.5rem;
    }

    .page-job-child .vision ul.items li.grid {
        padding: 4rem 4.5rem;
        grid-template-columns: 13.5rem 1fr;
        gap: 5rem;
    }

    .page-job-child .vision ul.items li.grid p.num {
        font-size: 3.6rem;
    }

    .page-job-child .vision ul.items li.grid p.num::after {
        height: 120%;
        top: -10%;
    }

    .page-job-child .vision ul.items li.grid p.txt {
        font-size: 3rem;
        line-height: 1.35;
    }

    .page-job-child .flow {
        padding-bottom: 14.5rem;
    }

    .page-job-child .flow h2.cmn_ttl span.icon {
        font-size: 3rem;
    }

    .page-job-child .flow p.lead {
        font-size: 3.6rem;
    }

    .page-job-child .flow ul.items {
        width: 65rem;
        gap: 2rem;
    }

    .page-job-child .flow ul.items li.grid {
        grid-template-columns: 1fr;
        padding: 8rem 5rem 9rem;
        gap: 0;
    }
    
    .page-td.page-job-child .flow ul.items li.grid {
        grid-template-columns: 1fr;
    }

    .page-job-child .flow ul.items li.grid h3.ttl {
        font-size: 4.2rem;
        display: flex;
        justify-content: center;
        height: auto;
        padding: 1.5rem 0;
        margin-bottom: 3.5rem;
    }

    .page-job-child .flow ul.items li.grid p.txt {
        font-size: 3rem;
        padding: 0 3rem;
    }

    .page-job-child .flow ul.items li.grid p.icon {
        width: 24rem;
        margin: 0 auto;
    }

    .page-job-child .one_day {
        display: flex;
        flex-direction: column;
    }

    .page-job-child .one_day h2.cmn_ttl {
        order: 1;
    }

    .page-job-child .one_day h2.cmn_ttl span.icon {
        font-size: 3rem;
    }

    .page-job-child .one_day .img_wrap {
        position: relative;
        order: 3;
        width: 70rem;
        top: -10rem;
    }

    .page-job-child .one_day .img_wrap p.img.main {
        margin: 0;
        width: 49.4rem;
    }

    .page-job-child .one_day .img_wrap p.img.small {
        width: 39rem;
        margin-left: auto;
        margin-top: -8rem;
    }

    .page-job-child .one_day .inner {
        order: 2;
        width: 75rem;
        padding: 7rem 8rem 16rem 4rem;
        border-radius: 15px;
        min-height: 122.8rem;
        right: -5rem;
        border-width: 4px;
    }

    .page-job-child .one_day .inner dl.list {
        gap: 3rem;
    }

    .page-job-child .one_day .inner dl.list .days {
        gap: 10rem;
        grid-template-columns: 10rem 1fr;
    }

    .page-job-child .one_day .inner dl.list .days dt {
        font-size: 3.6rem;
    }

    .page-job-child .one_day .inner dl.list .days:not(:last-child) dt::before {
        right: -5.1rem;
    }

    .page-job-child .one_day .inner dl.list .days dt::after {
        width: 2.4rem;
        height: 2.4rem;
        top: 2rem;
        right: -6rem;
    }

    .page-job-child .one_day .inner dl.list .days dd h3.ttl {
        font-size: 3.6rem;
        line-height: 1.5;
        margin-bottom: 2.5rem;
    }

    .page-job-child .one_day .inner dl.list .days dd p.txt {
        font-size: 3rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > ヘルスケア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-se-healthcare .job_promo .promo_wrap {
        background-image: url("../images/page/job/helthcare/job_promo_sp.png");
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > システムエンジニア/ビジネス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .page-se-business .job_promo .promo_wrap {
        background-image: url("../images/page/job/se-biz/jpb02_promo_sp.png");
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > ネットワークエンジニア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .page-ne .job_promo .promo_wrap {
        background-image: url("../images/page/job/ne/jpb04_promo_sp.png");
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > 技術開発
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-td .job_promo .promo_wrap {
        background-image: url("../images/page/job/td/jpb03_promo_sp.png");
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
職種紹介 > ソリューション営業/ヘルスケア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .page-sales-healthcare .job_promo .promo_wrap {
        background-image: url("../images/page/job/sales-healthcare/jpb05_promo_sp.png");
    }

    /* owari */
}