@charset "UTF-8"; @media (max-width: 768px) {
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .promo_frame{
        padding-left: 0;
        padding-right: 0;
    }

    .promo_frame .promo_inner {
        width: 65rem;
        min-height: 83rem;
        background-position: top left 67%;
        border-radius: 6rem;
        background-image: url("../../images/promo/promo_sp.jpg");
    }

    .promo_frame .promo_inner .txt_wrap {
    top: 65%;
    left: -4rem;
    }

    .promo_frame .promo_inner .txt_wrap p.lead {
        width: 73.6rem;
    }

    .promo_frame .promo_inner .txt_wrap p.txt {
        margin-left: 8rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
選ばれる理由
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_reason {
        background-size: 58.9rem 30.8rem;
        background-position: top 0rem right -19rem;
        padding: 13rem 0 8rem;
    }

    #home_reason .img_wrap {
        display: none;
    }

    #home_reason .inner h2.main_ttl {
        width: 61rem;
        margin-bottom: 5rem;
    }

    #home_reason .inner p.main_txt {
        font-size: 3rem;
        line-height: 2;
        margin-bottom: 5.5rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .slider-wrap {
        overflow: hidden;
        width: 100%;
        height: 36.1rem;
    }

    .slider-bg {
        height: 100%;
        width: calc(144.8rem * 2);
        background-image: url("../../images/home/slider_sp.png");
        background-repeat: repeat-x;
        background-size: 144.8rem 36.1rem;
        animation: slide 60s linear infinite;
    }

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-144.8rem);
        }
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
事業内容
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_biz .wide_width {
        width: calc(100% - 5rem);
    }

    #home_biz h2.cmn_ttl {
        margin-bottom: 5.5rem;
    }

    #home_biz .inner {
        padding: 8rem 6rem 9rem 6rem;
    }

    #home_biz .inner::after {
        width: 52rem;
        height: 28.4rem;
        right: -14rem;
        top: -4rem;
    }

    #home_biz h3.main_ttl {
        margin: 0 0 5rem;
    }

    #home_biz h3.main_ttl span {
        width: 54rem;
    }

    #home_biz h3.main_ttl span.slug {
        margin-bottom: 1rem;
    }

    #home_biz .inner h3.main_ttl span.ja {
        width: 35rem;
    }

    #home_biz p.main_txt {
        font-size: 3rem;
        margin-left: 4rem;
        line-height: 1.5;
    }

    #home_biz .inner ul.items.grid {
        grid-template-columns: 1fr;
        gap: 8.5rem;
    }

    #home_biz .inner ul.items.grid li p.img {
        margin-bottom: 3rem;
    }

    #home_biz .inner ul.items.grid li p.img img {
    }

    #home_biz .inner ul.items.grid li .contents_area {
        padding: 0 0 0;
    }

    #home_biz .inner ul.items.grid li .contents_area h3.ttl {
        margin-bottom: 3rem;
    }

    #home_biz .inner ul.items.grid li .contents_area h3.ttl a {
        font-size: 4.6rem;
        margin : 0 auto;
    }

    #home_biz .inner ul.items.grid li .contents_area p.txt {
        font-size: 2.8rem;
        padding-left: 5rem;
        padding-right: 14rem;
    }

    #home_biz .inner ul.items.grid li .contents_area p.txt::before, #home_biz .inner ul.items.grid li .contents_area p.txt::after {
        right: 4.5rem;
    }

    #home_biz .inner02 {
        padding: 7rem 6rem 12rem;
    }

    #home_biz .inner02::before, #home_biz .inner02::after {
        bottom: 4rem;
        right: 10.5rem;
    }

    #home_biz .inner02 .bg {
        gap: 0;
    }

    #home_biz .inner02 .contents_area {
        padding: 0;
        width: 100%;
    }

    #home_biz .inner02 .contents_area h3.main_ttl {
        margin-left: 0;
    }

    #home_biz .inner02 .contents_area h3.main_ttl span.slug {
        font-size: 2.6rem;
    }

    #home_biz .inner02 .contents_area p.main_txt {
        margin-left: 0;
        padding-left: 4rem;
    }

    #home_biz .inner02 .img_area {
        width: 57.2rem;
        margin: 0 auto;
    }
    
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
採用情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_recruit {
        padding-top: 1.5rem;
    }

    #home_recruit h2.cmn_ttl {
        margin: 0 0 -2rem;
    }

    #home_recruit h2.cmn_ttl span.en {
        font-size: 11.4rem;
    }

    #home_recruit .bg .inner {
        padding: 8rem 0 0;
    }
    
    #home_recruit .bg .inner .content_area {
        position: relative;
        z-index: 1;
    }
    
    #home_recruit .bg .inner .content_area h3.ttl {
        width: 58rem;
        margin-bottom: 5rem;
    }

    #home_recruit .bg .inner .content_area p.cmn_btn a {
        font-size: 3rem;
        width: 42rem;
    }

    #home_recruit .bg .inner .img_area {
        position: relative;
        top: -6rem;
        right: -5rem;
        width: 100%;
        height: 76.2rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item01 p.img {
        width: 39rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item02 {
        left: -25rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item02 p.img {
        width: 46rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item03 {
        bottom: 2rem;
        right: -3rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item03 p.img {
        width: 33rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item01 p.txt {
        width: 13rem;
        top: -9rem;
        right: auto;
        left: -11rem;
    }

    #home_recruit .bg .inner .img_area .img_item.item02 p.txt {
        width: 13rem;
        left: 18rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社概要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_company {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    #home_company .inner {
        grid-template-columns: 1fr;
        gap: 0rem;
    }

    #home_company .inner .contents_area ul.items {
        max-width: 52rem;
        border-width: 1px;
    }

    #home_company .inner .contents_area ul.items li {
        border-width: 1px;
    }

    #home_company .inner .contents_area ul.items li a {
        padding: 4rem 2.5rem;
    }

    #home_company .inner .contents_area ul.items li a::before, #home_company .inner .contents_area ul.items li a::after {
        width: 6rem;
        height: 6rem;
    }

    #home_company .inner .contents_area ul.items li a span.en {
        font-size: 2.6rem;
    }

    #home_company .inner .contents_area ul.items li a span.ja {
        font-size: 4.4rem;
    }

    #home_company .inner .img_area {
        right: -9rem;
        text-align: right;
        padding-bottom: 13rem;
    }
    
    #home_company .inner .img_area p.img.main picture img {
        width: 45rem;
    }

    #home_company .inner .img_area p.img.ceo {
        left: -6rem;
        bottom: 0;
    }

    #home_company .inner .img_area p.img.ceo picture img {
        width: 34rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_news .wide_width {
        width: calc(100% - 10rem);
    }

    #home_news .inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    #home_news .inner .ttl_area {
        display: contents;
    }

    #home_news .inner .ttl_area h2.main_ttl {
        order: 1;
        margin-bottom: 0;
    }

    #home_news .inner .ttl_area h2.main_ttl span.en {
        font-size: 10rem;
    }

    #home_news .inner .ttl_area h2.main_ttl span.ja {
        font-size: 3rem;
    }

    #home_news .inner .ttl_area p.btn {
        order: 3;
        margin-top: 8rem;
    }

    #home_news .inner .ttl_area p.btn a {
        font-size: 3.2rem;
        margin: 0 auto;
        padding-right: 12rem;
    }

    #home_news .inner .ttl_area p.btn a::before, #home_news .inner .ttl_area p.btn a::after {
        width: 8rem;
        height: 8rem;
    }

    #home_news .inner .ttl_area p.btn a::after {
        mask-size: 2.6rem auto;
    }

    #home_news .inner .post_area {
        order: 2;
        max-width: none;
        width: 56rem;
        margin: 5rem auto 0;
    }

}

/*FINISH*/