@charset "UTF-8"; @media (max-width: 768px) {
    /*****contents*****/ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *//*******メインエリア*******/ section#main_area {
        padding: 0 0;
        min-height: 252rem;
    }

    section#main_area::before {
    }

    section#main_area .fixed_box {
        /*background-image: url("../../images/home/promo01_sp.jpg");*/
    }

    section#main_area .fixed_box.no_fixed {
    }

    section#main_area .fixed_box .bg_multiply {
    }

    section#main_area .fixed_box .bg_multiply.active {
    }

    section#main_area .main_ttl_box {
        padding-bottom: 34rem;
    }

    section#main_area .main_ttl_box h2.main_ttl {
        font-size: 16.5rem;
        line-height: 0.878787;
        margin-bottom: 5rem;
    }

    section#main_area .main_ttl_box p.lead {
        width: 50rem;
    }

    section#main_area .intro_box {
        padding: 0 9rem 11rem;
        margin-top: 3rem;
    }

    section#main_area .intro_box p {
    }

    section#main_area .intro_box p:not(:last-child) {
    }
/**********************************
プロモMVバナー
**********************************/
.promo_line_bnr {
    width: 27rem;
    height: 27rem;
    top: calc(100dvh - 4rem);
    transition: .3s ease-in;
}
    
.promo_line_bnr.is-hidden {
    opacity: 0;
    pointer-events: none; /* ★重要：クリックを無効化する */
    visibility: hidden;
}

.promo_line_bnr::after {
    position: absolute;
    content: "";
    background: url("../../images/common/line_bnr_txt02.png") no-repeat 50% / 24.4rem 24rem;
}

.promo_line_bnr span {
    width: 14rem;
    margin: 2rem auto 0;
    padding-bottom: 4rem;
}

.promo_line_bnr span::after {
    width: 2.5rem;
    height: 1.6rem;
}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新着情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home_news {
        padding: 14rem 5rem;
    }

    .home_news .inner {
        grid-template-columns: 1fr;
        gap: 6rem;
    }

    .home_news .inner .ttl_wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-right: 5rem;
        margin-bottom: 0;
    }

    .home_news .inner .ttl_wrap h2.cmn_ttl {
        margin-bottom: 0;
    }

    .home_news .inner .ttl_wrap h2.cmn_ttl span.en {
    }

    .home_news .inner .ttl_wrap h2.cmn_ttl span.en::before {
    }

    .home_news .inner .ttl_wrap h2.cmn_ttl span.ja {
    }
    
    .home_news .inner .ttl_wrap h2.cmn_ttl span.ja::after {
        font-size: 6.6rem;
        left: 0;
        top: -3rem;
    }


    .home_news .inner .ttl_wrap p.btn {
        margin-bottom: 1rem;
    }

    .home_news .inner .ttl_wrap p.btn a {
        font-size: 3rem;
        font-weight: 600;
        padding-right: 4.5rem;
        position: relative;
        letter-spacing: .5em;
    }

    .home_news .inner .ttl_wrap p.btn a::before, .home_news .inner .ttl_wrap p.btn a::after {
        position: absolute;
        content: "";
        width: 4rem;
        height: 4rem;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .home_news .inner .ttl_wrap p.btn a::before {
        background: var(--theme_m_color);
        border-radius: 100%;
    }

    .home_news .inner .ttl_wrap p.btn a::after {
        -webkit-mask: url(../../images/common/arrow.svg) no-repeat center / .9rem 1.2rem;
        mask: url(../../images/common/arrow.svg) no-repeat center / 1.2rem 1.4rem;
        background-color: #fff;
    }

    .home_news .inner .contents_area {
        width: 100%;
        margin: 0 auto;
        padding: 0 5rem 0 8rem;
    }

    .home_news .inner .contents_area p {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スクロールエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home_scroll {
    }

    .home_scroll::after {
    }

    .home_scroll .fixed-ui {
        align-items: flex-start;
        margin-top: 24rem;
    }

    .home_scroll .fixed-ui.is-fixed {
    }

    .home_scroll .fixed-ui .inner {
        grid-template-columns: 1fr;
    }

    .home_scroll .ttl-wrapper h2 {
    }

    .home_scroll .panel {
    }

    .home_scroll .panel-1 {
        background-image: url("../../images/home/scroll_bg01_sp.jpg");
    }

    .home_scroll .panel-2 {
        background-image: url("../../images/home/scroll_bg02_sp.jpg")
    }

    .home_scroll .panel-3 {
        background-image: url("../../images/home/scroll_bg03_sp.jpg")
    }

    .home_scroll .panel-4 {
        background-image: url("../../images/home/scroll_bg04_sp.jpg")
    }

    div.fixed-ui {
        padding: 0 5rem;
    }

    div.fixed-ui div.ttl-wrapper {
    }

    div.fixed-ui div.ttl-wrapper p.lead {
        font-size: 2.4rem;
    }

    div.fixed-ui div.ttl-wrapper h2#fixed-ttl {
        font-size: 5rem;
        margin-top: 5rem;
    }

    div.fixed-ui p#fixed-txt {
        margin-top: 4rem;
        padding: 0 5rem;
    }

    .home_scroll .scroll-pagination {
    }

    .home_scroll .scroll-pagination.is-fixed {
    }

    .home_scroll .dot {
        width: 1.8rem;
        height: 1.8rem;
        margin: 3rem 0;
    }

    .home_scroll .dot.is-active {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お客様
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home_customers {
        padding-bottom: 17rem;
    }

    .home_customers > div {
    }

    .home_customers .inner {
        grid-template-columns: 1fr;
        padding: 9rem 3rem 10rem;
        border-radius: 3rem;
        margin: 2rem;
        gap: 10rem;
    }

    .home_customers .inner .contents_area {
        padding: 0;
    }

    .home_customers .inner .contents_area h2.cmn_ttl {
        margin-bottom: 5.5rem;
    }

    .home_customers .inner .contents_area h2.cmn_ttl span.en.color_w {
    }

    .home_customers .inner .contents_area h2.cmn_ttl span.ja {
        font-size: 6.4rem;
    }

    .home_customers .inner .contents_area p.main_txt {
        padding: 0 3rem 0 8rem;
        margin-bottom: 5rem;
    }

    .home_customers .inner .contents_area p.cmn_btn.btn {
        padding-left: 8rem;
    }

    .home_customers .inner .contents_area p.cmn_btn.btn a {
    }

    .home_customers .inner .img_area {
        width: 59rem;
        margin: 0 auto;
    }

    .home_customers .inner .img_area p.img {
        width: 28rem;
    }

    .home_customers .inner .img_area p.img:last-child {
        margin-top: 6rem;
    }

    .home_customers .inner .img_area p.img picture {
    }

    .home_customers .inner .img_area p.img picture source {
    }

    .home_customers .inner .img_area p.img picture img.lazyload {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サポート
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home_support {
        overflow: hidden;
    }

    .home_support .bg {
        padding: 18rem 0 33rem;
    }

    .home_support h2.main_ttl {
        font-size: 5.8rem;
        margin-bottom: 12rem;
    }

    .home_support h2.main_ttl::after {
        transform: translateX(-54%);
        top: 0;
    }

    .home_support .inner {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 0 10rem;
        min-height: auto;
        margin-bottom: 12rem;
    }

    .home_support .inner .contents_area {
        max-width: none;
        width: 52rem;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    .home_support .inner .contents_area p.ceo {
        font-size: 2.2rem;
        margin-bottom: 0;
    }

    .home_support .inner .contents_area p.name {
        margin-bottom: 3rem;
    }

    .home_support .inner .contents_area p.name span.ja {
        font-size: 4.8rem;
    }

    .home_support .inner .contents_area p.name span.en {
        font-size: 2.2rem;
    }

    .home_support .inner .contents_area p.main_txt {
        font-size: 2.7rem;
        line-height: 1.75;
        margin-bottom: 5.5rem;
    }

    .home_support .inner .contents_area p.btn {
    }

    .home_support .inner .contents_area p.btn a {
    }

    .home_support .inner p.main_img {
        width: 53rem;
        position: static;
        margin: -4rem auto 4.5rem;
    }

    .home_support .inner p.main_img picture {
    }

    .home_support .inner p.main_img picture source {
    }

    .home_support .inner p.main_img picture img {
    }

    .home_support p.btn_big {
        margin-bottom: 13rem;
    }

    .home_support p.btn_big a {
        font-size: 4rem;
        max-width: 59rem;
        min-height: 16rem;
        border-radius: 8.5rem;
        padding: 1rem 6rem 1rem 8rem;
    }

    .home_support p.btn_big a::before, .home_support p.btn_big a::after {
        width: 5.2rem;
        height: 5.2rem;
        right: 5.5rem;
    }

    .home_support p.btn_big a::before {
    }

    .home_support p.btn_big a::after {
        mask-size: 1.8rem 2rem;
    }

    .home_support .data_wrap {
        padding: 0 5rem;
    }

    .home_support .data_wrap h2.ttl {
        font-size: 5.4rem;
        margin-bottom: 5.5rem;
    }

    .home_support .data_wrap dl {
    }

    .home_support .data_wrap dl dt {
    }

    .home_support .data_wrap dl dd {
    }

    .home_support ul.items.grid {
        width: 100%;
        gap: 0;
        grid-template-columns: 1fr;
    }

    .home_support ul.items.grid li {
    }

    .scroll_anime {
        margin-top: -17rem;
    }

    .scroll_anime .scroll_wrap {
        width: 55rem;
    }

    .scroll_anime .scroll_wrap .img img {
    }

    .scroll_anime p.txt {
        font-size: 3.4rem;
        text-align: left;
        padding-right: 4rem;
        line-height: 1.5;
        margin-top: 3rem;
        padding-left: 2rem;
    }

    .parallax-container {
        margin-top: 18rem;
        height: 60rem;
        width: 71rem;
        margin: 18rem auto 0;
        border-radius: 3.5rem;
    }

    .parallax-layer {
    }

    .parallax-content {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社概要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_access {
        padding: 17rem 5rem 17rem;
    }

    #home_access .inner {
        grid-template-columns: 1fr;
        gap: 6rem;
    }

    #home_access .inner .contents_area {
    }

    #home_access .inner .contents_area h2.cmn_ttl {
        margin-bottom: 5.5rem;
    }

    #home_access .inner .contents_area h2.cmn_ttl span.en {
    }

    #home_access .inner .contents_area h2.cmn_ttl span.ja {
    }

    #home_access .inner .contents_area p.com {
        padding-left: 7rem;
        margin: 0;
    }

    #home_access .inner .contents_area p.addr {
        padding-left: 7rem;
    }

    #home_access .inner .contents_area ul.tel-fax.f_wrap {
        padding-left: 7rem;
    }

    #home_access .inner .contents_area ul.tel-fax.f_wrap li {
    }

    #home_access .inner .map_area {
        width: 59rem;
        margin: 0 auto;
    }

    #home_access .inner .map_area p.map {
        margin-bottom: 1rem;
    }

    #home_access .inner .map_area p.map iframe {
        width: 100%;
        height: 47.2rem;
    }

    #home_access .inner .map_area .map_btn {
        justify-content: center;
        gap: 4rem;
    }

    #home_access .inner .map_area .map_btn p.btn {
    }

    #home_access .inner .map_area .map_btn p.btn a {
        font-size: 2.7rem;
        padding-right: 4rem;
    }

    #home_access .inner .map_area .map_btn p.btn a::before, #home_access .inner .map_area .map_btn p.btn a::after {
        width: 3.6rem;
        height: 3.6rem;
    }

    #home_access .inner .map_area .map_btn p.btn a::before {
    }

    #home_access .inner .map_area .map_btn p.btn a::after {
        mask-size: 1.1rem 1.3rem;
    }
}

/*FINISH*/