@charset "UTF-8";
/* ==========================================================================
共通パーツ
========================================================================== */
/* フロント用CSSをここに記述してください */
:root {
    /* PC時の各サイズ */
    --num-5: min(calc((5 / 1200) * 100vw), 5px);
    --num-6: min(calc((6 / 1200) * 100vw), 6px);
    --num-8: min(calc((8 / 1200) * 100vw), 8px);
    --num-10: min(calc((10 / 1200) * 100vw), 10px);
    --num-12: min(calc((12 / 1200) * 100vw), 12px);
    --num-13: min(calc((13 / 1200) * 100vw), 13px);
    --num-14: min(calc((14 / 1200) * 100vw), 14px);
    --num-15: min(calc((15 / 1200) * 100vw), 15px);
    --num-16: min(calc((16 / 1200) * 100vw), 16px);
    --num-17: min(calc((17 / 1200) * 100vw), 17px);
    --num-18: min(calc((18 / 1200) * 100vw), 18px);
    --num-20: min(calc((20 / 1200) * 100vw), 20px);
    --num-22: min(calc((22 / 1200) * 100vw), 22px);
    --num-24: min(calc((24 / 1200) * 100vw), 24px);
    --num-25: min(calc((25 / 1200) * 100vw), 25px);
    --num-26: min(calc((26 / 1200) * 100vw), 26px);
    --num-28: min(calc((28 / 1200) * 100vw), 28px);
    --num-30: min(calc((30 / 1200) * 100vw), 30px);
    --num-32: min(calc((32 / 1200) * 100vw), 32px);
    --num-34: min(calc((34 / 1200) * 100vw), 34px);
    --num-35: min(calc((35 / 1200) * 100vw), 35px);
    --num-36: min(calc((36 / 1200) * 100vw), 36px);
    --num-38: min(calc((38 / 1200) * 100vw), 38px);
    --num-40: min(calc((40 / 1200) * 100vw), 40px);
    --num-45: min(calc((45 / 1200) * 100vw), 45px);
    --num-50: min(calc((50 / 1200) * 100vw), 50px);
    --num-53: min(calc((53 / 1200) * 100vw), 53px);
    --num-55: min(calc((55 / 1200) * 100vw), 55px);
    --num-60: min(calc((60 / 1200) * 100vw), 60px);
    --num-65: min(calc((65 / 1200) * 100vw), 65px);
    --num-70: min(calc((70 / 1200) * 100vw), 70px);
    --num-75: min(calc((75 / 1200) * 100vw), 75px);
    --num-80: min(calc((80 / 1200) * 100vw), 80px);
    --num-90: min(calc((90 / 1200) * 100vw), 90px);
    --num-100: min(calc((100 / 1200) * 100vw), 100px);
    --main-green: #23a974;
    --pale-green: #ecf3e7;
    --light-green: #efffe5;
    --grad-color: linear-gradient(90deg, #4bc246 0%, #4bc246 32%, #00ad70 100%);
    --emp-color: #de672a;
    --emp-color02: #fff100;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;
}
@media screen and (max-width: 767px) {
    :root {
        /* SP時の各サイズ */
        --num-5: calc((5 / 375) * 100vw);
        --num-6: calc((6 / 375) * 100vw);
        --num-8: calc((8 / 375) * 100vw);
        --num-10: calc((10 / 375) * 100vw);
        --num-12: calc((12 / 375) * 100vw);
        --num-13: calc((13 / 375) * 100vw);
        --num-14: calc((14 / 375) * 100vw);
        --num-15: calc((15 / 375) * 100vw);
        --num-16: calc((16 / 375) * 100vw);
        --num-17: calc((17 / 375) * 100vw);
        --num-18: calc((18 / 375) * 100vw);
        --num-20: calc((20 / 375) * 100vw);
        --num-22: calc((22 / 375) * 100vw);
        --num-24: calc((24 / 375) * 100vw);
        --num-25: calc((25 / 375) * 100vw);
        --num-26: calc((26 / 375) * 100vw);
        --num-28: calc((28 / 375) * 100vw);
        --num-30: calc((30 / 375) * 100vw);
        --num-32: calc((32 / 375) * 100vw);
        --num-34: calc((34 / 375) * 100vw);
        --num-35: calc((35 / 375) * 100vw);
        --num-36: calc((36 / 375) * 100vw);
        --num-38: calc((38 / 375) * 100vw);
        --num-40: calc((40 / 375) * 100vw);
        --num-43: calc((43 / 375) * 100vw);
        --num-45: calc((45 / 375) * 100vw);
        --num-50: calc((50 / 375) * 100vw);
        --num-55: calc((55 / 375) * 100vw);
        --num-60: calc((60 / 375) * 100vw);
        --num-65: calc((65 / 375) * 100vw);
        --num-70: calc((70 / 375) * 100vw);
        --num-75: calc((75 / 375) * 100vw);
        --num-80: calc((80 / 375) * 100vw);
        --num-90: calc((90 / 375) * 100vw);
        --num-100: calc((100 / 375) * 100vw);
    }
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: var(--fw-medium);
    font-size: var(--num-14);
    color: #4d4d4d;
}
@media screen and (max-width: 767px) {
    body {
        padding-bottom: 0;
        font-size: var(--num-14);
    }
}

.l-content {
    padding-top: 0;
    margin: 0 auto;
    position: static;
}

:is(.l-header, #breadcrumb) {
    display: none;
}
.swell-block-fullWide + .swell-block-fullWide {
    margin: 0;
}
.alignfull > .wp-block-cover__inner-container > *,
.alignfull > .wp-block-group__inner-container > *,
.swell-block-fullWide__inner > * {
    margin-bottom: 0;
}
[class*="ark-keep-mt"] > * {
    margin-top: 0;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    background: none;
    padding: 0;
    color: inherit;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    content: none;
}
.post_content h3 {
    margin: 0;
}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 0;
}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    content: none;
}
@media screen and (max-width: 767px) {
    .show--pc,
    .pc_only {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .show--sp,
    .sp_only {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .show--sp,
    .sp_only {
        display: block;
    }
}

.inner {
    max-width: min(calc((950 / 1200) * 100vw), 950px);
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .inner {
        max-width: calc((345 / 375) * 100vw);
    }
}

.swell-block-fullWide + .swell-block-fullWide__inner {
    margin-top: 0;
}

@media screen and (min-width: 1220px) {
    .swell-block-fullWide__inner {
        padding: 0;
    }
}

.style-flex {
    display: flex;
}

/* スライダー */
@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.scroll-infinity__list--left {
    animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
@keyframes infinity-scroll-right {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.scroll-infinity__list--right {
    animation: infinity-scroll-right 80s infinite linear 0.5s both;
}
.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    height: min(calc((259 / 1200) * 100vw), 259px);
}
.scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0;
}
.scroll-infinity__item {
    display: block;
    margin-right: min(calc((36 / 1200) * 100vw), 36px);
}
.scroll-infinity__item > img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .scroll-infinity__list--left {
        animation: infinity-scroll-left 50s infinite linear 0.5s both;
    }
    .scroll-infinity__list--right {
        animation: infinity-scroll-right 50s infinite linear 0.5s both;
    }
    .scroll-infinity__wrap {
        height: calc((120 / 375) * 100vw);
    }
    .scroll-infinity__item {
        width: calc((120 / 375) * 100vw);
        margin-right: calc((13 / 375) * 100vw);
    }
}

/* 見出し */
.sec__ttl {
    margin-bottom: var(--num-45);
}
.sec__ttl .ark-block-heading__main {
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    font-weight: 900;
    font-size: var(--num-53);
    line-height: 1.3;
}
.sec__ttl .sec__ttl-main {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 900;
    font-size: var(--num-53);
    line-height: 1.3;
}
.sec__ttl .ark-block-heading__main::before {
    content: none;
}
.sec__ttl .ark-block-heading__sub {
    margin-bottom: var(--num-12);
    font-size: var(--num-16);
    color: var(--main-green);
    font-weight: var(--fw-medium);
    font-family: "Jost", sans-serif;
}
@media screen and (max-width: 767px) {
    .sec__ttl {
        margin-bottom: var(--num-25);
    }
    .sec__ttl .ark-block-heading__main {
        font-size: var(--num-45);
    }
    .sec__ttl .sec__ttl-main {
        font-size: var(--num-45);
    }
    .sec__ttl .ark-block-heading__sub {
        font-size: var(--num-16);
    }
}
/* ボタン */
.btn-wrap {
    display: flex;
    gap: var(--num-8);
    width: fit-content;
    margin: 0 auto;
}
.btn-wrap .btn-contact a,
.btn-wrap .btn-request a {
    display: grid;
    place-content: center;
    width: min(calc((402 / 1200) * 100vw), 402px);
    height: min(calc((77 / 1200) * 100vw), 77px);
    color: #fff;
    font-size: var(--num-24);
    font-weight: var(--fw-black);
}
.btn-wrap .btn-contact a {
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_cta_btn_contact.webp") no-repeat top center / contain;
}
.btn-wrap .btn-request a {
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_cta_btn_request.webp") no-repeat top center / contain;
}
@media screen and (max-width: 767px) {
    .btn-wrap {
        gap: var(--num-5);
    }
    .btn-wrap .btn-contact a,
    .btn-wrap .btn-request a {
        height: calc((64 / 375) * 100vw);
        filter: drop-shadow(10px 10px 4px rgb(4 0 0 / 10%));
    }
    .btn-wrap .btn-contact a {
        width: calc((235 / 375) * 100vw);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_cta_btn_contact_sp.webp") no-repeat top center / contain;
        font-size: var(--num-20);
    }
    .btn-wrap .btn-request a {
        width: calc((120 / 375) * 100vw);
        padding-right: var(--num-5);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_cta_btn_request_sp.png") no-repeat top center / contain;
        font-size: var(--num-15);
    }
}

/* ========================
 fv
======================== */
.fv {
    position: relative;
    &::before {
        content: "";
        display: block;
        width: 54vw;
        height: 70%;
        background: var(--grad-color);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .swell-block-fullWide__inner {
        padding-top: var(--num-20) !important;
        padding-bottom: var(--num-20) !important;
    }
    .fv__header {
        justify-content: space-between;
        max-width: min(calc((1440 / 1200) * 100vw), 1410px);
        padding: 0 var(--num-15) 0 var(--num-40);
        margin: 0 auto var(--num-15);
    }
    .fv__logo {
        width: min(calc((150 / 1200) * 100vw), 150px);
    }
    .fv__yahoo {
        width: min(calc((190 / 1200) * 100vw), 190px);
    }
    .fv__cont-wrap {
        display: flex;
        justify-content: center;
        gap: 0 var(--num-25);
    }
    .fv__main-balloon {
        content: "";
        width: min(calc((474 / 1200) * 100vw), 474px);
        height: min(calc((62 / 1200) * 100vw), 62px);
        margin: 0 auto;
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_fv_balloon_bg.webp") no-repeat top center / contain;
        color: #fff;
        font-weight: var(--fw-black);
        font-size: var(--num-26);
    }
    .fv__main-balloon p {
        text-align: center;
    }
    .fv__main-txt01 {
        width: fit-content;
        align-items: baseline;
        font-size: min(calc((53 / 1200) * 100vw), 53px);
        font-weight: var(--fw-black);
        color: #4c4948;
        line-height: 1.4;
    }
    .fv__main-txt01 .swl-format-1 {
        font-size: min(calc((37 / 1200) * 100vw), 37px);
        color: #4c4948;
    }
    .fv__main-txt02 {
        width: fit-content;
        align-items: baseline;
        line-height: 1;
        margin-bottom: var(--num-30);
    }
    .fv__main-txt02-icon {
        width: min(calc((62 / 1200) * 100vw), 62px);
        margin-left: var(--num-15);
        margin-right: var(--num-5);
    }
    .fv__main-txt02 p:nth-of-type(1) {
        background: linear-gradient(90deg, #4bc346 0%, #00ad70 100%);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        font-size: var(--num-70);
        font-weight: var(--fw-bold);
        font-family: "Jost", sans-serif;
    }
    .fv__main-txt02 p:nth-of-type(2) {
        color: var(--emp-color);
        font-weight: var(--fw-black);
        font-size: var(--num-50);
    }
    .fv__main-txt02 p:nth-of-type(3) {
        color: var(--emp-color);
        font-weight: var(--fw-black);
        font-size: min(calc((58 / 1200) * 100vw), 58px);
        letter-spacing: 0.1em;
    }
    .btn-wrap {
        flex-direction: column;
        gap: var(--num-20);
    }
    .btn-wrap .btn-contact {
        order: -1;
    }
    .fv__data-list {
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 2;
    }
    .fv__data-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: var(--num-18) var(--num-14);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_fv_data_bg.webp") no-repeat center / contain;
        font-weight: var(--fw-black);
        font-size: min(calc((19 / 1200) * 100vw), 19px);
        line-height: 1.2;
        text-align: center;
    }
    .data01 .fv__data-list-txt01 .swl-format-1 {
        color: #4c4948;
        font-size: var(--num-25);
        font-weight: var(--fw-bold);
        font-family: "Jost", sans-serif;
    }
    .data01 .fv__data-list-txt02 {
        color: var(--main-green);
    }
    .data01 .fv__data-list-txt02 .swl-format-1 {
        color: var(--main-green);
        font-size: var(--num-25);
        font-weight: var(--fw-bold);
        font-family: "Jost", sans-serif;
    }
    .data02 .fv__data-list-txt01 {
        font-size: var(--num-14);
        font-weight: var(--fw-medium);
    }
    .data02 .fv__data-list-txt02 {
        color: var(--main-green);
        font-family: "Jost", "Noto Sans JP", sans-serif;
    }
    .data02 .fv__data-list-txt02 .swl-format-1 {
        color: var(--main-green);
        font-size: var(--num-25);
        font-weight: var(--fw-bold);
    }
    .data02 .fv__data-list-txt02 .u-fz-s {
        font-size: var(--num-22) !important;
        font-weight: var(--fw-bold);
    }
    .fv__pic-cont {
        flex-shrink: 0;
        margin-top: max(calc((20 / 1200) * -100vw), -20px);
    }
    .fv__pic-wrap {
        width: min(calc((548 / 1200) * 100vw), 548px);
        position: relative;
        top: max(calc((20 / 1200) * -100vw), -20px);
    }
}

@media screen and (max-width: 767px) {
    .fv {
        position: relative;
        &::before {
            width: 100vw;
            height: 51%;
            clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
            bottom: calc((124 / 375) * 100vw);
        }
        .swell-block-fullWide__inner {
            padding-top: var(--num-20) !important;
            padding-bottom: var(--num-20) !important;
        }
        .fv__header {
            max-width: 100%;
            padding: 0 var(--num-20) 0 var(--num-15);
        }
        .fv__logo {
            width: calc((122 / 375) * 100vw);
        }
        .fv__yahoo {
            width: calc((112 / 375) * 100vw);
        }

        .fv__cont-wrap {
            display: flex;
            flex-direction: column;
        }
        .fv__main-balloon {
            width: calc((332 / 375) * 100vw);
            height: calc((47 / 375) * 100vw);
            background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_fv_balloon_bg_sp.webp") no-repeat top center / contain;
            font-weight: var(--fw-bold);
            font-size: var(--num-20);
        }
        .fv__main-balloon p {
            letter-spacing: -0.08em;
        }
        .fv__main-txt01 {
            margin: 0 auto var(--num-5);
            font-size: var(--num-35);
            line-height: 1.4;
        }
        .fv__main-txt01 .swl-format-1 {
            font-size: var(--num-28);
        }
        .fv__main-txt02 {
            margin: 0 auto var(--num-30);
        }
        .fv__main-txt02-icon {
            width: calc((41 / 375) * 100vw);
        }
        .fv__main-txt02 p:nth-of-type(1) {
            font-size: var(--num-50);
        }
        .fv__main-txt02 p:nth-of-type(2) {
            font-size: calc((33 / 375) * 100vw);
        }
        .fv__main-txt02 p:nth-of-type(3) {
            font-size: calc((43 / 375) * 100vw);
        }
        .sp_only .btn-wrap {
            flex-direction: row;
            gap: var(--num-5);
            margin-top: var(--num-20) !important;
        }
        .btn-wrap .btn-request {
            order: -1;
        }
        .fv__pic-cont {
            width: 100vw;
            display: flex;
            flex-direction: column;
            margin-top: 0;
        }
        .fv__data-list.ark-block-container {
            order: 2;
            margin-top: calc((52 / 375) * -100vw) !important;
            margin-bottom: var(--num-30);
            z-index: 1;
        }
        .fv__data-list-item {
            font-size: calc((19 / 375) * 100vw);
        }
        .fv__pic-wrap {
            width: 100%;
            overflow: hidden;
            position: unset;
            position: relative;
            z-index: 2;
        }
        .fv__pic {
            position: relative;
            left: var(--num-10);
        }
    }
}
/* ========================
 client
======================== */
.client.swell-block-fullWide {
    padding-top: var(--num-14) !important;
    padding-bottom: var(--num-60) !important;
}

.client .sec__ttl-main span:first-of-type {
    width: min(calc((175 / 1200) * 100vw), 175px);
    font-size: min(calc((88 / 1200) * 100vw), 88px);
    font-style: italic;
    margin-right: 4px;
    line-height: 1;
}
.client .client__cont-wrap {
    display: flex;
    align-items: center;
    padding-left: calc((100vw - 1100px) / 2);
}
.client .client__img {
    width: min(calc((465 / 1200) * 100vw), 465px);
    flex-shrink: 0;
    filter: drop-shadow(7px 7px 10px rgb(0 0 0 / 10%));
}
.client .scroll-infinity__wrap {
    height: min(calc((73 / 1200) * 100vw), 73px);
    margin-bottom: min(calc((10 / 1200) * 100vw), 10px);
}
.client .scroll-infinity__wrap:last-of-type {
    margin-bottom: none;
}
.client .scroll-infinity__item {
    margin-right: min(calc((40 / 1200) * 100vw), 40px);
}

/* logo */
.logo-umx {
    width: min(calc((170 / 1200) * 100vw), 170px);
}
.logo-aiwa {
    width: min(calc((156 / 1200) * 100vw), 156px);
}
.logo-shizu {
    width: min(calc((193 / 1200) * 100vw), 193px);
}
.logo-gakken {
    width: min(calc((128 / 1200) * 100vw), 128px);
}
.logo-orbis {
    width: min(calc((108 / 1200) * 100vw), 108px);
}
.logo-three {
    width: min(calc((178 / 1200) * 100vw), 178px);
}
.logo-aoyama {
    width: min(calc((138 / 1200) * 100vw), 138px);
}
.logo-iris {
    width: min(calc((66 / 1200) * 100vw), 66px);
}
.logo-kawachi {
    width: min(calc((72 / 1200) * 100vw), 72px);
}
.logo-gakubun {
    width: min(calc((76 / 1200) * 100vw), 76px);
}
.logo-sharp {
    width: min(calc((176 / 1200) * 100vw), 176px);
}

@media screen and (max-width: 767px) {
    .client.swell-block-fullWide {
        padding-bottom: var(--num-30) !important;
    }
    .client .swell-block-fullWide__inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .client .sec__ttl {
        margin-bottom: calc((10 / 375) * 100vw);
    }
    .client .sec__ttl-main span:first-of-type {
        width: calc((150 / 375) * 100vw);
        font-size: calc((76 / 375) * 100vw);
    }
    .client .sec__ttl-main {
        flex-wrap: wrap;
    }
    .client .sec__ttl-main span {
        margin: 0;
    }
    .client .client__cont-wrap {
        display: block;
        padding-left: 0;
    }
    .client .client__img {
        width: calc((345 / 375) * 100vw);
        margin: 0 auto var(--num-20);
    }
    .client .scroll-infinity__wrap {
        height: calc((58 / 375) * 100vw);
    }
    .client .scroll-infinity__item {
        height: calc((58 / 375) * 100vw);
        margin-right: calc((28 / 375) * 100vw);
    }
    /* logo */
    .logo-umx {
        width: calc((129 / 375) * 100vw);
    }
    .logo-aiwa {
        width: calc((118 / 375) * 100vw);
    }
    .logo-shizu {
        width: calc((139 / 375) * 100vw);
    }
    .logo-gakken {
        width: calc((121 / 375) * 100vw);
    }
    .logo-orbis {
        width: calc((92 / 375) * 100vw);
    }
    .logo-three {
        width: calc((158 / 375) * 100vw);
    }
    .logo-aoyama {
        width: calc((105 / 375) * 100vw);
    }
    .logo-iris {
        width: calc((50 / 375) * 100vw);
    }
    .logo-kawachi {
        width: calc((55 / 375) * 100vw);
    }
    .logo-gakubun {
        width: calc((57 / 375) * 100vw);
    }
    .logo-sharp {
        width: calc((129 / 375) * 100vw);
    }
}
/* ========================
 merit01
======================== */
.merit01 {
    background: #f1f1f1;
    position: relative;
    .swell-block-fullWide__inner {
        padding-top: var(--num-60) !important;
        padding-bottom: var(--num-50) !important;
    }
    .sec__ttl {
        margin-bottom: var(--num-35);
    }
    .sec__ttl .u-fz-s {
        font-size: var(--num-53) !important;
    }
    .merit01__balloon {
        width: min(calc((244 / 1200) * 100vw), 244px);
        position: absolute;
        top: min(calc((22 / 1200) * -100vw), -22px);
        left: 50%;
        transform: translateX(-50%);
    }
    .sec__ttl .swl-format-1 {
        background: var(--grad-color);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
    }
    /* タブ */
    .swell-block-tab {
        margin-bottom: var(--num-40) !important;
    }
    .is-style-balloon > .c-tabList .c-tabList__button:before {
        content: none;
    }
    .is-style-balloon > .c-tabList .c-tabList__item {
        width: min(calc((210 / 1200) * 100vw), 210px);
    }
    .is-style-balloon > .c-tabList .c-tabList__button {
        background: #fff;
        padding: var(--num-18) var(--num-5);
        border: 1px solid #deece6;
        border-radius: var(--num-10);
        box-shadow: none;
        font-size: var(--num-18);
        font-weight: var(--fw-black);
    }
    .is-style-balloon > .c-tabList .c-tabList__button:hover,
    .is-style-balloon > .c-tabList .c-tabList__button[aria-selected="true"] {
        background: var(--grad-color);
    }
    .merit01__tab-cont {
        display: flex;
    }
    .merit01__tab-imgwrap {
        flex-shrink: 0;
        width: min(calc((500 / 1200) * 100vw), 500px);
    }
    .merit01__tab-head {
        margin-bottom: var(--num-15);
        font-size: var(--num-30);
        font-weight: var(--fw-black);
    }
    .merit01__tab-maintxt {
        margin-bottom: var(--num-20);
        font-size: var(--num-14);
        font-weight: var(--fw-regular);
    }
    .merit01__tab-maintxt .swl-format-1 {
        font-weight: var(--fw-bold);
    }
    .merit01__tab-box {
        padding: var(--num-12) var(--num-22);
        background: #fff;
        border-radius: var(--num-16);
        filter: drop-shadow(5px 5px 10px rgb(4 0 0 / 10%));
    }
    .merit01__tab-box > p {
        display: flex;
        align-items: flex-start;
        gap: var(--num-10);
        padding: var(--num-10) 0;
        border-bottom: 1px dotted #f1f1f1;
        font-weight: var(--fw-bold);
    }
    .merit01__tab-box > p::before {
        flex-shrink: 0;
        content: "";
        display: block;
        width: min(calc((18 / 1200) * 100vw), 18px);
        height: min(calc((18 / 1200) * 100vw), 18px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_check.webp") no-repeat center / contain;
        position: relative;
        top: min(calc((4 / 1200) * 100vw), 4px);
    }
    .merit01__tab-box > p:last-of-type {
        border-bottom: none;
    }
    .btn-wrap {
        margin-top: var(--num-45);
    }
}

@media screen and (max-width: 767px) {
    .merit01 {
        .swell-block-fullWide__inner {
            padding-top: var(--num-12) !important;
            padding-bottom: var(--num-45) !important;
        }
        .merit01__balloon {
            width: calc((160 / 375) * 100vw);
            position: absolute;
            top: calc((18 / 375) * -100vw);
        }
        .sec__ttl {
            margin-bottom: var(--num-25);
        }
        .sec__ttl .swl-format-1 {
            display: block;
        }
        .sec__ttl .u-fz-s {
            font-size: var(--num-30) !important;
        }
        /* タブ */
        .swell-block-tab {
            margin-bottom: var(--num-35) !important;
        }
        .is-style-balloon > .c-tabList {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: 1fr 1fr;
            gap: var(--num-10);
            margin-bottom: var(--num-25);
        }
        .is-style-balloon > .c-tabList .c-tabList__button:before {
            content: none;
        }
        .is-style-balloon > .c-tabList .c-tabList__item {
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .is-style-balloon > .c-tabList .c-tabList__button {
            padding: var(--num-8) var(--num-5);
            font-size: var(--num-16);
        }
        .merit01__tab-cont {
            flex-direction: column;
        }
        .merit01__tab-imgwrap {
            width: 100%;
            filter: drop-shadow(5px 5px 14px rgb(4 0 0 / 10%));
            margin-bottom: var(--num-12);
        }
        .merit01__tab-head {
            margin-bottom: var(--num-12);
            font-size: var(--num-24);
        }
        .merit01__tab-maintxt {
            margin-bottom: var(--num-15);
        }
        .merit01__tab-box {
            padding: var(--num-15) var(--num-8);
            margin-bottom: var(--num-35) !important;
        }
        .merit01__tab-box > p {
            gap: var(--num-5);
            padding: var(--num-8) 0;
        }
        .merit01__tab-box > p::before {
            content: "";
            display: block;
            width: var(--num-18);
            height: var(--num-18);
            top: calc((4 / 375) * 100vw);
        }

        .btn-wrap {
            margin-top: var(--num-40);
        }
    }
}
/* ========================
 merit02&03共通
======================== */
.merit-ttl-box {
    margin-bottom: var(--num-50);
    .merit-ttl-main {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--num-8);
        margin-top: 0;
        font-size: min(calc((37 / 1200) * 100vw), 37px);
    }
    .merit-ttl-main .swl-format-1 {
        font-size: var(--num-53);
        color: var(--emp-color02);
    }
}
@media screen and (max-width: 767px) {
    .merit-ttl-box {
        margin-bottom: var(--num-20);
        .merit-ttl-main {
            flex-direction: column;
            gap: 0;
            margin-bottom: 0;
            font-size: var(--num-20);
        }
        .merit-ttl-main .swl-format-1 {
            font-size: var(--num-45);
        }
    }
    :is(.merit02, .merit03) .swell-block-columns__inner {
        flex-direction: column;
    }
    :is(.merit02, .merit03) .swell-block-columns__inner > div {
        width: calc(100% - var(--swl-clmn-mrgn--x));
    }
}
/* ========================
 merit02
======================== */
.merit02 {
    .swell-block-fullWide__inner {
        padding-top: 0 !important;
        padding-bottom: var(--num-65) !important;
    }
    .merit-ttl-box {
        padding: var(--num-50) var(--num-10);
    }
    .merit02__cont {
        --swl-clmn-mrgn--x: var(--num-55);
    }
    .merit02__txt01 {
        padding-top: var(--num-32);
        text-align: center;
        font-size: var(--num-24);
        font-weight: var(--fw-bold);
        line-height: 1.3;
    }
    .merit02__txt02 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .merit02__txt02-1 {
        display: flex;
        align-items: center;
        font-size: var(--num-40);
        font-weight: var(--fw-black);
    }
    .merit02__txt02-1 .swl-format-1 {
        font-size: var(--num-60);
        font-weight: var(--fw-black);
        line-height: 1;
        color: #4d4d4d;
    }
    .merit02__txt02-2 {
        display: flex;
        align-items: center;
        font-size: min(calc((48 / 1200) * 100vw), 48px);
        font-weight: var(--fw-black);
        position: relative;
        color: var(--emp-color);
    }
    .merit02__txt02-2 .swl-format-1 {
        font-size: min(calc((68 / 1200) * 100vw), 68px);
        font-weight: var(--fw-black);
        line-height: 1;
    }
    .merit02__txt02-2::before {
        content: "";
        display: block;
        width: min(calc((43 / 1200) * 100vw), 43px);
        height: min(calc((8 / 1200) * 100vw), 8px);
        margin: 0 var(--num-20);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_arrow.webp") no-repeat top center / contain;
    }
    .merit02__txt-balloon {
        width: fit-content;
        margin-inline: auto;
        padding: var(--num-5) var(--num-30);
        background: #f6f6f6;
        border-radius: var(--num-50);
        position: relative;
        color: var(--main-green);
    }
    .merit02__txt-balloon::before {
        content: "";
        display: block;
        width: min(calc((13 / 1200) * 100vw), 13px);
        height: min(calc((8 / 1200) * 100vw), 8px);
        background: #f6f6f6;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .merit02__txt-balloon p {
        display: flex;
        align-items: baseline;
        justify-content: center;
        font-size: var(--num-24);
        color: var(--main-green);
        font-weight: var(--fw-black);
    }
    .merit02__txt-balloon .swl-format-1 {
        font-size: min(calc((37 / 1200) * 100vw), 37px);
        color: var(--main-green);
    }
    .merit02__img {
        filter: drop-shadow(5px 5px 10px rgb(4 0 0 / 10%));
    }
    .merit02__img .wp-element-caption {
        margin-top: var(--num-30);
        font-size: var(--num-12);
        color: #a8a8a8;
    }
}
@media screen and (max-width: 767px) {
    .merit02 {
        .swell-block-fullWide__inner {
            padding-bottom: var(--num-50) !important;
        }
        .merit-ttl-box {
            padding: var(--num-25) var(--num-15) var(--num-15);
        }
        .merit02__cont {
            --swl-clmn-mrgn--y: var(--num-16);
        }
        .merit02__img-wrap {
            order: -1;
        }
        .merit02__txt01 {
            padding-top: var(--num-5);
            margin-bottom: 0;
            font-size: var(--num-15);
        }
        .merit02__txt02 {
            margin-bottom: var(--num-5);
        }
        .merit02__txt02-1 {
            font-size: var(--num-30);
        }
        .merit02__txt02-1 .swl-format-1 {
            font-size: calc((42 / 375) * 100vw);
        }
        .merit02__txt02-2 {
            font-size: var(--num-30);
        }
        .merit02__txt02-2 .swl-format-1 {
            font-size: calc((42 / 375) * 100vw);
        }
        .merit02__txt02-2::before {
            width: calc((33 / 375) * 100vw);
            height: calc((6 / 375) * 100vw);
            margin: 0 var(--num-20);
        }
        .merit02__txt-balloon {
            padding: var(--num-8) var(--num-18);
        }
        .merit02__txt-balloon::before {
            content: "";
            display: block;
            width: calc((9 / 375) * 100vw);
            height: calc((7 / 375) * 100vw);
        }
        .merit02__txt-balloon p {
            font-size: var(--num-20);
        }
        .merit02__txt-balloon .swl-format-1 {
            font-size: var(--num-20);
        }
        .merit02__img .wp-element-caption {
            margin-top: var(--num-10);
        }
    }
}
/* ========================
 merit03
======================== */
.merit03 {
    .swell-block-fullWide__inner {
        padding-top: 0 !important;
        padding-bottom: min(calc((95 / 1200) * 100vw), 95px) !important;
    }
    .merit-ttl-box {
        padding: var(--num-50) var(--num-10) var(--num-45);
        position: relative;
    }
    .merit-ttl-box::before {
        content: "さらに";
        display: block;
        width: min(calc((296 / 1200) * 100vw), 296px);
        height: min(calc((58 / 1200) * 100vw), 58px);
        padding-bottom: var(--num-5);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_merit01_balloon02.webp") no-repeat top center / contain;
        position: absolute;
        top: max(calc((20 / 1200) * -100vw), -20px);
        left: 50%;
        transform: translateX(-50%);
        font-size: var(--num-30);
        font-weight: var(--fw-black);
        text-align: center;
        color: #4c4948;
        line-height: 1.7;
    }
    .merit-ttl-sub {
        font-size: var(--num-24);
        font-weight: var(--fw-black);
        text-align: center;
    }
    .merit-ttl-sub .swl-format-1 {
        color: var(--emp-color02);
    }
    .merit03__cont {
        --swl-clmn-mrgn--x: var(--num-55);
        margin-bottom: var(--num-50);
    }
    .merit03__item-head {
        font-size: var(--num-24);
        font-weight: var(--fw-black);
        text-align: center;
    }
    .merit03__item-head .swl-format-1 {
        color: var(--main-green);
    }
    .merit03__item-img {
        filter: drop-shadow(5px 5px 10px rgb(4 0 0 / 10%));
    }
    .btn-wrap {
        margin-top: var(--num-50);
    }
}
@media screen and (max-width: 767px) {
    .merit03 {
        .swell-block-fullWide__inner {
            padding-bottom: var(--num-65) !important;
        }
        .merit-ttl-box {
            padding: var(--num-30) var(--num-10);
        }
        .merit-ttl-box::before {
            content: "さらに";
            display: block;
            width: calc((98 / 375) * 100vw);
            height: calc((40 / 375) * 100vw);
            padding-bottom: 0;
            padding-top: calc((2 / 375) * 100vw);
            background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_merit01_balloon02_sp.webp") no-repeat top center / contain;
            position: absolute;
            top: calc((18 / 375) * -100vw);
            font-size: var(--num-16);
        }
        .merit-ttl-main {
            font-size: var(--num-30);
        }
        .merit-ttl-sub {
            font-size: var(--num-20);
        }
        .merit03__cont {
            --swl-clmn-mrgn--y: var(--num-18);
            margin-bottom: var(--num-35);
        }
        .merit03__item-head {
            margin-bottom: var(--num-8);
            font-size: var(--num-20);
            letter-spacing: -0.02em;
        }
        .btn-wrap {
            margin-top: var(--num-35);
        }
    }
}
/* ========================
 function
======================== */
.function {
    background: var(--light-green);
    position: relative;
    &::before {
        content: "";
        display: block;
        width: min(calc((130 / 1200) * 100vw), 130px);
        height: min(calc((130 / 1200) * 100vw), 130px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco01.webp") no-repeat center / contain;
        position: absolute;
        left: min(calc((80 / 1200) * 100vw), 80px);
        top: max(calc((32 / 1200) * -100vw), -32px);
    }
    &::after {
        content: "";
        display: block;
        width: min(calc((254 / 1200) * 100vw), 254px);
        height: min(calc((322 / 1200) * 100vw), 322px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco02_1.webp") no-repeat center / contain;
        position: absolute;
        right: 0;
        top: min(calc((195 / 1200) * 100vw), 195px);
        z-index: 2;
    }
    .swell-block-fullWide__inner {
        padding-top: var(--num-75) !important;
        padding-bottom: var(--num-90) !important;
    }
    .sec__ttl {
        margin-bottom: var(--num-15);
    }
    .ark-block-heading__main {
        display: flex;
        align-items: center;
        color: var(--main-green);
    }
    .ark-block-heading__main .swl-format-1 {
        display: inline-block;
        width: min(calc((220 / 1200) * 100vw), 220px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        color: transparent;
        position: relative;
    }
    .ark-block-heading__main .swl-format-1::after {
        content: "";
        display: block;
        width: min(calc((215 / 1200) * 100vw), 215px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_atouch_green.webp") no-repeat top center / contain;
        position: absolute;
        top: 0;
        left: 0;
    }
    .function__note {
        margin-bottom: var(--num-50);
        font-size: min(calc((11 / 1200) * 100vw), 11px);
        font-weight: var(--fw-medium);
        color: #4d4d4d;
        text-align: center;
    }
    .function__box {
        display: flex;
        justify-content: center;
        gap: var(--num-55);
        padding: var(--num-40) var(--num-20) var(--num-30);
        margin-bottom: var(--num-50);
        background: #fff;
        border-radius: var(--num-15);
        position: relative;
    }
    .function__box::after {
        content: "";
        display: block;
        width: min(calc((105 / 1200) * 100vw), 105px);
        height: min(calc((105 / 1200) * 100vw), 105px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco03.webp") no-repeat center / contain;
        position: absolute;
        left: max(calc((55 / 1200) * -100vw), -55px);
        bottom: max(calc((40 / 1200) * -100vw), -40px);
    }
    .function__list-itemwrap {
        width: 36%;
    }
    .function__list-item {
        display: flex;
        align-items: flex-start;
        gap: var(--num-10);
        padding: var(--num-10) 0;
        border-bottom: 1px dotted #f1f1f1;
        font-size: var(--num-16);
        font-weight: var(--fw-semibold);
    }
    .function__list-item::before {
        content: "";
        display: block;
        width: min(calc((21 / 1200) * 100vw), 21px);
        height: min(calc((21 / 1200) * 100vw), 21px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_check.webp") no-repeat center / contain;
        position: relative;
        top: min(calc((5 / 1200) * 100vw), 5px);
    }
    .btn-function a {
        width: min(calc((402 / 1200) * 100vw), 402px);
        height: min(calc((77 / 1200) * 100vw), 77px);
        margin: 0 auto;
        display: grid;
        place-content: center;
        border: 2px solid var(--main-green);
        background: #fff;
        border-radius: var(--num-50);
        position: relative;
        font-size: var(--num-24);
        font-weight: var(--fw-black);
        line-height: 1;
        color: #4d4d4d;
    }
    .btn-function a::after {
        content: "";
        width: min(calc((12 / 1200) * 100vw), 12px);
        height: min(calc((14 / 1200) * 100vw), 14px);
        background: var(--main-green);
        clip-path: polygon(100% 50%, 0 0, 0 100%);
        position: absolute;
        right: var(--num-28);
        top: 50%;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 767px) {
    .function {
        &::before {
            content: "";
            display: block;
            width: calc((63 / 375) * 100vw);
            height: calc((56 / 375) * 100vw);
            background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco01.webp") no-repeat center / contain;
            position: absolute;
            left: calc((15 / 375) * 100vw);
            top: calc((15 / 375) * -100vw);
        }
        &::after {
            content: "";
            display: block;
            width: calc((158 / 375) * 100vw);
            height: calc((200 / 375) * 100vw);
            background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco02_1.webp") no-repeat center / contain;
            top: calc((223 / 375) * 100vw);
            z-index: 2;
        }
        .swell-block-fullWide__inner {
            padding-top: var(--num-35) !important;
            padding-bottom: var(--num-35) !important;
        }
        .sec__ttl {
            margin-bottom: 0;
        }
        .ark-block-heading__main .swl-format-1 {
            width: calc((182 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .ark-block-heading__main .swl-format-1::after {
            width: calc((177 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .function__note {
            margin-bottom: var(--num-15);
            font-size: var(--num-16);
        }
        .function__box {
            flex-direction: column;
            gap: 0;
            padding: var(--num-20) var(--num-18) var(--num-20);
            margin-bottom: var(--num-30);
            letter-spacing: -0.02em;
        }
        .function__box::after {
            width: calc((76 / 375) * 100vw);
            height: calc((77 / 375) * 100vw);
            background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_function_deco03.webp") no-repeat center / contain;
            position: absolute;
            left: auto;
            right: calc((16 / 375) * 100vw);
            bottom: calc((110 / 375) * 100vw);
        }
        .function__list-itemwrap {
            width: 100%;
        }
        .function__list-item {
            gap: var(--num-10);
            padding: var(--num-10) 0;
            font-size: var(--num-14);
        }
        .function__list-item::before {
            width: calc((18 / 375) * 100vw);
            height: calc((18 / 375) * 100vw);
            top: calc((3 / 375) * 100vw);
        }
        .function__list-itemwrap + .function__list-itemwrap .function__list-item:last-of-type {
            border: none;
        }
        .btn-function a {
            width: calc((286 / 375) * 100vw);
            height: calc((64 / 375) * 100vw);
            font-size: var(--num-20);
        }
        .btn-function a::after {
            width: calc((10 / 375) * 100vw);
            height: calc((12 / 375) * 100vw);
            right: var(--num-20);
        }
    }
}
/* ========================
 compare
======================== */
.compare {
    background: #f6f6f6;
    .swell-block-fullWide__inner {
        padding-top: var(--num-75) !important;
        padding-bottom: var(--num-90) !important;
    }
    .ark-block-heading__main {
        display: flex;
        align-items: center;
    }
    .ark-block-heading__main .swl-format-1 {
        display: inline-block;
        width: min(calc((220 / 1200) * 100vw), 220px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        color: transparent;
        position: relative;
    }
    .ark-block-heading__main .swl-format-1::after {
        content: "";
        display: block;
        width: min(calc((215 / 1200) * 100vw), 215px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_atouch_black.webp") no-repeat top center / contain;
        position: absolute;
        top: 0;
        left: 0;
    }
    .ark-block-heading__main .u-fz-s {
        font-size: var(--num-53) !important;
    }
    .compare__cont {
        gap: var(--num-40);
        align-items: center;
    }
    .compare__box {
        width: min(calc((448 / 1200) * 100vw), 448px);
        padding: var(--num-45) var(--num-22) var(--num-30);
        border: 2px solid #cecece;
        background: #fff;
        border-radius: var(--num-5);
        position: relative;
        box-shadow: 7px 7px 10px rgb(47 53 47 / 10%);
    }
    .compare__box-catuion {
        width: min(calc((52 / 1200) * 100vw), 52px);
        position: absolute;
        top: max(calc((26 / 1200) * -100vw), -26px);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .compare__box-head {
        margin-bottom: var(--num-20);
        font-size: var(--num-24);
        font-weight: var(--fw-black);
        text-align: center;
        line-height: 1.4;
    }
    .compare__box-txt {
        font-weight: var(--fw-regular);
    }
    .compare__box-txt .swl-bg-color {
        font-weight: var(--fw-semibold);
    }
    .compare__box-txt .swl-format-1 {
        font-weight: var(--fw-extrabold);
    }
}
@media screen and (max-width: 767px) {
    .compare {
        .swell-block-fullWide__inner {
            padding-top: var(--num-60) !important;
            padding-bottom: var(--num-50) !important;
        }
        .ark-block-heading__main {
            flex-wrap: wrap;
            justify-content: center;
        }
        .ark-block-heading__main .swl-format-1 {
            width: calc((182 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .ark-block-heading__main .swl-format-1::after {
            width: calc((177 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .compare__cont {
            flex-direction: column;
            gap: var(--num-35);
        }
        .compare__box {
            width: 100%;
            padding: var(--num-30) var(--num-15) var(--num-20);
        }
        .compare__box-catuion {
            width: var(--num-50);
            top: calc((25 / 375) * -100vw);
        }
        .compare__box-head {
            margin-bottom: var(--num-10);
            font-size: var(--num-20);
        }
    }
}
/* ========================
 point
======================== */
.point {
    .swell-block-fullWide__inner {
        padding-top: var(--num-70) !important;
        padding-bottom: var(--num-35) !important;
    }
    .swell-block-fullWide__inner::after {
        content: "";
        display: block;
        width: 100vw;
        height: min(calc((4 / 1200) * 100vw), 4px);
        background: var(--grad-color);
        position: absolute;
        top: 0;
        left: 0;
    }
    .ark-block-heading__main {
        display: flex;
        align-items: center;
    }
    .ark-block-heading__main .swl-format-1 {
        display: inline-block;
        width: min(calc((220 / 1200) * 100vw), 220px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        color: transparent;
        position: relative;
    }
    .ark-block-heading__main .swl-format-1::after {
        content: "";
        display: block;
        width: min(calc((215 / 1200) * 100vw), 215px);
        height: min(calc((48 / 1200) * 100vw), 48px);
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_atouch_black.webp") no-repeat top center / contain;
        position: absolute;
        top: 0;
        left: 0;
    }
    .point__list {
        display: flex;
        flex-direction: column;
        gap: var(--num-75);
    }
    .point__list-main {
        display: flex;
        align-items: center;
        gap: var(--num-50);
    }
    .point__list-pic {
        flex-shrink: 0;
        width: min(calc((455 / 1200) * 100vw), 455px);
    }
    .point__list-headwrap {
        margin-bottom: var(--num-20) !important;
    }
    .point__list-head01,
    .point__list-head02 {
        width: fit-content;
        padding: 0 var(--num-10);
        background: var(--main-green);
    }
    .point__list-head01 {
        margin-bottom: var(--num-10);
        font-size: var(--num-24);
        font-weight: var(--fw-black);
        color: #fff;
    }
    .point__list-head02 {
        font-size: min(calc((37 / 1200) * 100vw), 37px);
        font-weight: var(--fw-black);
        color: var(--emp-color02);
    }
    .point__list-ex {
        display: flex;
        justify-content: center;
        gap: var(--num-8);
        margin-top: var(--num-30);
    }
    .point__list-ex-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: calc((100% - var(--num-16)) / 3);
        background: #f6f6f6;
        padding: var(--num-15);
    }
    .point__list-ex-txt01 {
        display: flex;
        align-items: center;
        gap: var(--num-5);
        font-size: var(--num-16);
        font-weight: var(--fw-extrabold);
    }
    .point__list-ex-txt01::before {
        content: "";
        display: block;
        width: var(--num-8);
        height: var(--num-8);
        background: var(--main-green);
        border-radius: 50%;
    }
    .point__list-ex-txt02 {
        font-size: var(--num-22);
        font-weight: var(--fw-extrabold);
        text-align: center;
        line-height: 1.4;
    }
    .point__slider-wrap {
        margin-top: var(--num-30);
    }
    .point__function-pic {
        width: min(calc((219 / 1200) * 100vw), 219px);
        margin-inline: auto;
    }
    .point__function-label {
        width: fit-content;
        min-width: min(calc((260 / 1200) * 100vw), 260px);
        margin: 0 auto var(--num-15);
        padding: 0 var(--num-20);
        background: var(--emp-color);
        border-radius: var(--num-30);
        color: #fff;
        font-size: var(--num-20);
        font-weight: var(--fw-bold);
        text-align: center;
    }
}
/* PCでスライダーじゃない時（.pointSlider） */
@media (min-width: 768px) {
    .pointSlider .swiper-wrapper {
        display: flex; /* 横並びにする */
        justify-content: space-between;
        gap: var(--num-10);
    }
    .pointSlider .swiper-slide {
        width: calc((100% - var(--num-20)) / 3);
    }
}
@media screen and (max-width: 767px) {
    .point {
        .swell-block-fullWide__inner {
            padding-top: var(--num-55) !important;
            padding-bottom: var(--num-15) !important;
        }
        .swell-block-fullWide__inner::after {
            height: calc((4 / 375) * 100vw);
        }
        .ark-block-heading__main {
            flex-wrap: wrap;
            justify-content: center;
        }
        .ark-block-heading__main .swl-format-1 {
            width: calc((182 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .ark-block-heading__main .swl-format-1::after {
            width: calc((177 / 375) * 100vw);
            height: calc((39 / 375) * 100vw);
        }
        .ark-block-heading__main .u-fz-s {
            font-size: var(--num-30) !important;
            position: relative;
            top: calc((4 / 375) * 100vw);
        }
        .inner {
            max-width: none;
        }
        .point__list {
            gap: var(--num-35);
        }
        .point__list-main {
            align-items: flex-start;
            flex-direction: column;
            gap: 0;
        }
        .point__list-pic {
            flex-shrink: 0;
            width: 100%;
        }
        .ark-block-container.point__list-headwrap {
            margin-top: calc((20 / 375) * -100vw) !important;
            margin-bottom: var(--num-15) !important;
        }
        .point__list-head01,
        .point__list-head02 {
            padding: 0 var(--num-15);
        }
        .point__list-head01 {
            margin-bottom: var(--num-5);
            font-size: var(--num-20);
        }
        .point__list-head02 {
            font-size: calc((28 / 375) * 100vw);
        }
        .point__list-main-txt {
            padding: 0 var(--num-15);
        }
        .point__list-ex {
            flex-direction: column;
            gap: 0;
            margin-top: var(--num-20);
        }
        .point__list-ex-item {
            align-items: flex-start;
            width: 100%;
            padding: var(--num-10) var(--num-15) var(--num-12);
            border-bottom: 1px solid #e4e4e4;
        }
        .point__list-ex-item:last-of-type {
            border: none;
        }
        .point__list-ex-txt02 {
            text-align: left;
            padding-left: calc((13 / 375) * 100vw);
            letter-spacing: 0.05em;
        }
        .point__slider-wrap {
            margin-top: var(--num-10);
        }
        .swiper {
            padding-bottom: var(--num-40);
        }
        .pointSlider .swiper-slide {
            padding: 0 var(--num-15);
        }
        .swiper-pagination-bullet-active {
            background: var(--main-green);
        }
        .point__function-pic {
            width: calc((218 / 375) * 100vw);
        }
        .point__function-label {
            padding: 0 var(--num-20);
            font-size: var(--num-22);
        }
    }
}
/* ========================
 voice
======================== */
.voice {
    .swell-block-fullWide__inner {
        padding-top: var(--num-60) !important;
        padding-bottom: var(--num-90) !important;
    }
    .scroll-infinity__list--left {
        animation: infinity-scroll-left 80s infinite linear 0.5s both;
    }
    .scroll-infinity__wrap {
        display: flex;
        overflow: hidden;
        height: auto;
    }
    .scroll-infinity__list {
        display: flex;
        list-style: none;
        padding: 0;
    }
    .scroll-infinity__item {
        display: block;
        width: 50vw;
        margin-right: 2vw;
    }
    .voice__slider-wrap {
        margin-bottom: var(--num-50);
    }
    .voice__person-info {
        display: grid;
        grid-template-columns: min(calc((133 / 1200) * 100vw), 133px) 1fr;
        grid-template-rows: auto 1fr;
        column-gap: var(--num-15);
        margin-bottom: var(--num-15);
    }
    .voice__person-pic {
        grid-row: 1 / 3;
    }
    .voice__person-num {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        display: flex;
        align-items: center;
        gap: var(--num-8);
        color: var(--main-green);
        font-size: var(--num-15);
        font-weight: var(--fw-medium);
        font-family: "Jost", sans-serif;
    }
    .voice__person-num::after {
        content: "";
        display: block;
        width: min(calc((200 / 1200) * 100vw), 200px);
        height: 1px;
        background: #e6e6e6;
    }
    .voice__person-num .swl-format-1 {
        background: var(--grad-color);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
    }
    .voice01 .voice__person-logo {
        width: min(calc((76 / 1200) * 100vw), 76px);
    }
    .voice02 .voice__person-logo {
        width: min(calc((136 / 1200) * 100vw), 136px);
    }
    .voice03 .voice__person-logo {
        width: min(calc((149 / 1200) * 100vw), 149px);
    }
    .voice01 .voice__person-namewrap {
        display: flex;
        gap: var(--num-12);
    }
    .voice01 .voice__person-positionwrap {
        align-items: baseline;
        gap: var(--num-5);
    }
    .voice01 .voice__person-position {
        color: #c8c8c8;
        font-size: var(--num-12);
        font-weight: var(--fw-extrabold);
    }
    .voice__person-company {
        font-size: var(--num-18);
        font-weight: var(--fw-extrabold);
    }
    .voice__person-company .u-fz-s {
        font-size: var(--num-12) !important;
    }
    .voice__comment-wrap {
        background: var(--pale-green);
        padding: var(--num-20) var(--num-16);
    }
    .voice__comment-balloon {
        background: #fff;
        padding: var(--num-20) var(--num-16);
        border-radius: var(--num-15);
        position: relative;
    }
    .voice__comment-balloon::before {
        content: "";
        display: block;
        width: min(calc((13 / 1200) * 100vw), 13px);
        height: min(calc((8 / 1200) * 100vw), 8px);
        background: #fff;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        position: absolute;
        bottom: 100%;
        left: var(--num-30);
    }
    .voice__comment-head {
        font-size: var(--num-20);
        font-weight: var(--fw-bold);
    }
    .voice__comment-head .swl-format-1 {
        color: var(--main-green);
        font-size: var(--num-25);
        font-weight: var(--fw-extrabold);
    }
    .voice__comment-head mark {
        display: inline-block;
        padding-inline: 4px;
        color: var(--main-green);
    }
    .voice__comment-txt {
        font-weight: var(--fw-medium);
    }
    .voice__comment-txt .swl-format-1 {
        color: var(--main-green);
        font-weight: var(--fw-bold);
    }
    .btn-wrap {
        margin-top: var(--num-60);
    }
}
@media screen and (max-width: 767px) {
    .voice {
        .swell-block-fullWide__inner {
            padding-top: var(--num-20) !important;
            padding-bottom: var(--num-60) !important;
        }
        .scroll-infinity__list--left {
            animation: none;
        }
        .scroll-infinity__wrap {
            display: block;
            overflow: unset;
            height: auto;
        }
        .scroll-infinity__list {
            display: flex;
            flex-direction: column;
            gap: var(--num-25);
        }
        .scroll-infinity__list + .scroll-infinity__list {
            display: none;
        }
        .scroll-infinity__item {
            display: block;
            width: 100vw;
            margin-right: 0;
        }
        .voice__slider-wrap {
            margin-bottom: var(--num-35);
        }
        .voice__person-info {
            grid-template-columns: calc((133 / 375) * 100vw) 1fr;
            column-gap: var(--num-20);
            padding: 0 var(--num-10) 0 var(--num-15);
        }
        .voice02 .voice__person-info {
            grid-template-columns: 1fr calc((133 / 375) * 100vw);
            padding: 0 var(--num-15) 0 var(--num-15);
        }
        .voice02 .voice__person-pic {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
        }
        .voice__person-num {
            gap: var(--num-10);
            margin-bottom: var(--num-10);
            font-size: var(--num-13);
        }
        .voice02 .voice__person-num {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            padding-top: var(--num-12);
            margin-bottom: var(--num-20);
        }
        .voice03 .voice__person-num {
            padding-top: var(--num-20);
        }
        .voice__person-num::after {
            width: calc((122 / 375) * 100vw);
        }
        .voice01 .voice__person-logo {
            width: calc((56 / 375) * 100vw);
        }
        .voice02 .voice__person-logo {
            width: calc((136 / 375) * 100vw);
            margin-bottom: var(--num-5);
        }
        .voice03 .voice__person-logo {
            width: calc((149 / 375) * 100vw);
            margin-bottom: var(--num-5);
        }
        .voice01 .voice__person-namewrap {
            flex-direction: column;
            gap: var(--num-10);
        }
        .voice01 .voice__person-position {
            font-weight: var(--fw-bold);
        }
        .voice__person-company {
            font-size: var(--num-14);
            font-weight: var(--fw-bold);
            line-height: 1.4;
        }
        .voice__comment-balloon::before {
            width: calc((22 / 375) * 100vw);
            height: calc((16 / 375) * 100vw);
            left: var(--num-55);
        }
        .voice02 .voice__comment-balloon::before {
            left: auto;
            right: var(--num-55);
        }
        .voice__comment-head {
            margin-bottom: var(--num-12);
            line-height: 1.5;
        }
        .voice01 .voice__comment-head .swl-format-1 {
            white-space: nowrap;
        }
        .btn-wrap {
            margin-top: var(--num-40);
        }
    }
}

/* ========================
 plan
======================== */
.plan {
    position: relative;
    padding: 0 !important;
}
.plan::before,
.plan::after {
    content: "";
    display: block;
    width: 100vw;
    height: calc((251 / 1440) * 100vw);
    position: absolute;
    left: 0;
}
.plan::before {
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_plan_bg_top-scaled.webp") no-repeat top center / cover;
    top: 0;
}
.plan::after {
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_plan_bg_bottom-scaled.webp") no-repeat top center / cover;
    bottom: 0;
}
.plan .swell-block-fullWide__inner {
    padding-top: var(--num-100) !important;
    padding-bottom: min(calc((110 / 1200) * 100vw), 110px) !important;
    position: relative;
    z-index: 2;
}
.plan .plan__table-wrap {
    max-width: min(calc((820 / 1200) * 100vw), 820px);
    margin-inline: auto;
}

/* 角丸 */
.plan .plan__table {
    border-collapse: separate;
    border-spacing: 0;
}
.plan .plan__table tr:first-child th:nth-of-type(2) {
    border-radius: 8px 0 0 0;
}
.plan .plan__table tr:first-child th:nth-of-type(4) {
    border-radius: 0 8px 0 0;
}
.plan .plan__table tr:first-child td:first-child {
    border-radius: 8px 0 0 0;
}
.plan .plan__table :is(th, td) {
    background: #fff;
    padding: var(--num-10) var(--num-8);
    text-align: center;
    font-size: var(--num-16);
    font-weight: var(--fw-bold);
    border: none;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    color: inherit;
}
.plan .plan__table th:first-child {
    border: none;
    background: none;
}
.plan .plan__table :is(th, td):last-child {
    border-right: 1px solid #eaeaea;
}
.plan .plan__table tbody tr:last-child td {
    border-bottom: 1px solid #eaeaea;
}
/* プラン名 */
.plan .plan__table .header-cell {
    background: var(--light-green);
    font-size: var(--num-22);
    color: var(--main-green);
    font-weight: var(--fw-black);
}
.plan .plan__table .premium {
    background: var(--grad-color);
    color: var(--emp-color02);
}
.plan .plan__table .badge {
    display: grid;
    place-content: center;
    width: fit-content;
    min-width: min(calc((78 / 1200) * 100vw), 78px);
    padding: 2px var(--num-10);
    margin: 0 auto;
    border-radius: var(--num-20);
    border-bottom: 0;
    font-size: var(--num-14);
}
.plan .plan__table .trial .badge {
    background: #fff;
    color: var(--main-green);
}
.plan .plan__table .premium .badge {
    background: rgb(255 255 255 / 30%);
    color: #fff;
}
.plan .plan__table .enterprise .badge {
    background: var(--main-green);
    color: var(--emp-color02);
}
.plan .plan__table .row-label {
    background: #f2f2f2;
    font-weight: var(--fw-black);
    font-size: var(--num-14);
}
.plan .plan__table .txt-img img {
    width: min(calc((166 / 1200) * 100vw), 166px);
}
.plan .plan__table .txt-colored {
    color: var(--main-green);
}
.plan .plan__table strong {
    font-weight: var(--fw-black);
}
@media screen and (max-width: 767px) {
    .plan .swell-block-fullWide__inner {
        padding-top: var(--num-55) !important;
        padding-bottom: var(--num-80) !important;
    }
    .plan::before,
    .plan::after {
        height: calc((133 / 375) * 100vw);
    }
    .plan::before {
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_plan_bg_top_sp.webp") no-repeat top center / cover;
    }
    .plan::after {
        background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_plan_bg_bottom_sp.webp") no-repeat top center / cover;
    }
    .plan .inner {
        max-width: 100%;
    }
    .plan .plan__txt01 {
        width: calc((73 / 375) * 100vw);
        height: calc((73 / 375) * 100vw);
        margin: 0 auto var(--num-20);
        font-size: calc((19 / 375) * 100vw);
    }
    .plan .plan__table-wrap {
        overflow: scroll;
        padding-bottom: 10px;
        margin-left: var(--num-15);
        max-width: 100%;
    }
    .plan .plan__table {
        width: 630px;
        max-width: none;
    }

    .plan .plan__table :is(th, td) {
        font-size: 13px;
    }
    /* プラン名 */
    .plan .plan__table .header-cell {
        font-size: 18px;
        white-space: nowrap;
    }
    .plan .plan__table .badge {
        min-width: 60px;
        padding: 2px 6px;
        border-radius: 20px;
        font-size: 11px;
    }
    .plan .plan__table .row-label {
        white-space: nowrap;
        font-size: 12px;
    }
    .plan .plan__table .txt-img img {
        width: 140px;
    }
}
/* ========================
 faq
======================== */
.faq .swell-block-fullWide__inner {
    padding-top: var(--num-75) !important;
    padding-bottom: var(--num-10) !important;
}
.faq .ark-keep-mt.inner {
    max-width: none;
}
.faq .faq__list {
    --arkp--item--bdr-radius: var(--num-10);
    --arkp--icn--color--q: #fff;
    --arkp--icn--color--a: var(--main-green);
    width: min(calc((680 / 1200) * 100vw), 680px);
    margin: 0 auto;
}
.faq .faq__list .ark-block-accordion__item {
    border: 1px solid var(--arkp--item--bdr-color);
    border-radius: var(--arkp--item--bdr-radius);
    background-color: unset;
    padding: 0;
    margin-bottom: 0;
}
.ark-block-accordion__item + .ark-block-accordion__item {
    margin-top: 0;
}
.faq .faq__list .ark-block-accordion__title {
    border-bottom: 1px solid #e5eeeb;
    padding: 1em 1em;
    background: none;
    font-size: var(--num-15);
    padding: var(--num-25) 0;
    font-weight: 900;
}
.faq .faq__list .is-opened .ark-block-accordion__title {
    padding-bottom: var(--num-12);
}
.faq .faq__list .ark-block-accordion__title::before {
    width: var(--num-28);
    height: var(--num-28);
    flex-shrink: 0;
    border-radius: 50%;
    content: "";
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_faq_q.webp") no-repeat top center / contain;
    margin-right: 0.75rem;
}
.faq .faq__list.ark-block-accordion .ark-block-accordion__body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--num-12) 0;
    border-top: none;
}
.faq .faq__list .ark-block-accordion__body .wp-block {
    /* for editor */
    margin-left: 0;
    margin-right: 0;
}
.faq .faq__list .ark-block-accordion__body::before {
    width: var(--num-28);
    height: var(--num-28);
    flex-shrink: 0;
    content: "";
    background: url("https://atouch.jp/lp/wp-content/uploads/2026/03/lpdx_faq_a.webp") no-repeat top center / contain;
    margin-right: 0.75rem;
}
.faq .faq__list .ark-block-accordion__body p {
    padding-top: 0.2rem;
    font-size: var(--num-14);
    font-weight: 400;
}
.faq .ark-block-accordion__icon:after,
.faq .ark-block-accordion__icon:before {
    background-color: #21ab74;
}
.faq .btn-wrap {
    margin-top: min(calc((75 / 1200) * 100vw), 75px);
}
@media screen and (max-width: 767px) {
    .faq .swell-block-fullWide__inner {
        padding-top: var(--num-55) !important;
        padding-bottom: var(--num-20) !important;
    }
    .faq .faq__list {
        width: 100%;
    }
    .faq .faq__list .ark-block-accordion__item {
        padding: 0;
    }
    .faq .faq__list .ark-block-accordion__title {
        align-items: flex-start;
        padding: var(--num-10) var(--num-15);
        font-size: var(--num-15);
        font-weight: var(--fw-bold);
    }
    .faq .ark-block-accordion__icon {
        margin-top: calc((3 / 375) * 100vw);
    }
    .faq .faq__list.ark-block-accordion .ark-block-accordion__body {
        padding: var(--num-12) var(--num-15);
    }
    .faq .faq__list .ark-block-accordion__body > p {
        padding-top: 0;
    }
    .faq .btn-wrap {
        margin-top: var(--num-50);
    }
}
/* ========================
 company
======================== */
.company {
    .swell-block-fullWide__inner {
        padding-top: var(--num-100) !important;
        padding-bottom: var(--num-100) !important;
    }
    .company__cont {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--num-60);
    }
    .company__catch {
        display: grid;
        place-content: center;
        background: #f8f8f8;
        border-radius: var(--num-20);
        gap: var(--num-10);
        padding: var(--num-15);
        margin-bottom: var(--num-30);
    }
    .company__catch-head {
        font-size: var(--num-16);
        font-weight: var(--fw-extrabold);
        text-align: center;
    }
    .company__catch-txt {
        font-size: var(--num-16);
        text-align: center;
    }
    .company__info {
        display: grid;
        grid-template-columns: 122px 1fr;
    }
    .company__info > p {
        display: flex;
        align-items: center;
        padding: var(--num-12) var(--num-20);
        border-top: 1px solid #f6f6f6;
        border-bottom: 1px solid #f6f6f6;
        font-weight: var(--fw-medium);
    }
    .company__info > .company__info-head {
        justify-content: center;
        background: var(--pale-green);
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .company__history-wrap {
        display: flex;
        gap: var(--num-20);
    }
    .company__history-head {
        flex-shrink: 0;
        font-size: var(--num-20);
        font-weight: var(--fw-bold);
        color: var(--main-green);
    }
    .company__history-table {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .company__history-table > p {
        padding: var(--num-12) var(--num-10);
        border-bottom: 1px solid hsl(0, 0%, 96%);
    }
    .company__history-table > p:nth-of-type(odd) {
        border-right: 1px solid #f6f6f6;
    }
    .company__history-table > .company__history-table-th {
        background: var(--pale-green);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .company__history-table > p:nth-of-type(2) {
        border-right: none;
    }
}
@media screen and (max-width: 767px) {
    .company {
        .swell-block-fullWide__inner {
            padding-top: var(--num-40) !important;
            padding-bottom: var(--num-25) !important;
        }
        .company__cont {
            grid-template-columns: 1fr;
            gap: var(--num-20);
        }
        .company__catch {
            border-radius: var(--num-20);
            gap: var(--num-8);
            padding: var(--num-16) var(--num-20);
            margin-bottom: var(--num-20);
        }
        .company__info-head {
            font-size: var(--num-14);
            text-align: center;
            font-weight: var(--fw-medium);
        }
        .company__info-txt {
            font-size: var(--num-14);
        }
        .company__info {
            grid-template-columns: var(--num-100) 1fr;
        }
        .company__info > p {
            padding: var(--num-12) var(--num-16);
        }
        .company__info > .company__info-head {
            justify-content: center;
        }
        .company__history-wrap {
            flex-direction: column;
            gap: var(--num-12);
        }
        .company__history-head {
            font-size: var(--num-20);
            font-weight: var(--fw-bold);
            text-align: center;
        }
    }
}
/* ========================
 footer
======================== */
.w-beforeFooter {
    margin: 0;
}
.l-footer__widgetArea {
    background: none;
    padding-top: 0;
}
.w-footer__box {
    display: contents;
}
#text-2 {
    display: flex;
    display: contents;
}
#text-2 .textwidget {
    display: contents;
}
.c-widget .textwidget > :not(:last-child) {
    margin-bottom: 0;
}
.l-footer__widgetArea {
    padding-bottom: 0;
}
.btn-block a.btn-03 {
    color: #4c4948;
    border: none;
    line-height: 1.5;
    border-radius: 0;
    max-width: none;
    box-shadow: none;
}
.btn-block a.btn-03::before {
    content: none;
}
.btn-block a.btn-03::after {
    content: none;
}
.recaptcha_note {
    color: #4c4948;
}
.w-footer {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    padding: min(calc((20 / 1200) * 100vw), 20px) min(calc((170 / 1200) * 100vw), 170px) 0;
}
.w-footer p:has(.f-logo) {
    grid-column: 1/4;
    grid-row: 1/2;
}
.w-footer .f-logo {
    display: block !important;
    width: 172px;
}
.w-footer .widget_custom_html:has(.btn-03) {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-top: 0;
}
.w-footer p:has(.f-policy) {
    grid-column: 2/3;
    grid-row: 2/3;
}
.w-footer p:has(.f-commercialcode) {
    grid-column: 3/4;
    grid-row: 2/3;
}
.w-footer #custom_html-9 {
    grid-column: 4/5;
    grid-row: 1/3;
    justify-self: end;
}
.w-footer .recaptcha_note {
    grid-column: 1/5;
    grid-row: 3/4;
    text-align: center;
}
.w-footer .footer_logos .swell-block-columns__inner {
    align-items: center;
}
.w-footer .f-gcerti {
    position: relative;
    left: 30px;
}
.w-footer .f-gcerti img {
    width: 124px !important;
    height: auto !important;
}
.w-footer .f-lineyahoo img {
    width: 147px !important;
    height: auto !important;
}
.w-footer :is(a.btn-03, .f-policy, .f-commercialcode) {
    font-size: var(--num-14);
    padding-right: var(--num-20);
    margin-right: var(--num-30);
    background: url("https://atouch.jp/lp/wp-content/uploads/2025/08/lp6_icon-open.webp") no-repeat center right / var(--num-12);
    font-weight: 900;
    color: #4c4948;
}
.w-footer :is(.f-policy, .f-commercialcode) {
    display: block;
    line-height: 1.5;
}
.w-footer .recaptcha_note {
    font-size: 10px;
    color: #a5a5a5;
    font-weight: 900;
}
.l-footer .copyright {
    font-size: 10px;
    color: #a5a5a5;
    font-weight: 900;
}
@media screen and (max-width: 767px) {
    .w-footer {
        grid-template-columns: 1fr;
    }
    .w-footer p:has(.f-logo) {
        grid-column: 1/2;
    }
    .w-footer .f-logo {
        width: 190px;
        margin: 0 auto;
    }
    .w-footer p:has(.f-policy) {
        grid-column: 1/2;
        grid-row: 3/4;
    }
    .w-footer p:has(.f-commercialcode) {
        grid-column: 1/2;
        grid-row: 4/5;
    }
    .w-footer #custom_html-9 {
        grid-column: 1/2;
        grid-row: 5/6;
        justify-self: center;
    }
    .w-footer .recaptcha_note {
        grid-column: 1/2;
        grid-row: 6/7;
    }
    .w-footer p:has(.f-logo) {
        margin-bottom: var(--num-22) !important;
    }
    .w-footer #custom_html-9 {
        margin-top: -10px;
    }
    .w-footer .f-gcerti {
        position: relative;
        left: 16px;
        top: 0;
    }
    .w-footer .f-gcerti img {
        width: 120px !important;
    }
    .w-footer .f-lineyahoo img {
        width: 140px !important;
    }
    .w-footer :is(a.btn-03, .f-policy, .f-commercialcode) {
        width: fit-content;
        font-size: 12px;
        padding-right: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 8px;
        background: url("https://atouch.jp/lp/wp-content/uploads/2025/08/lp6_icon-open.webp") no-repeat center right / 8px;
    }
    .w-footer .recaptcha_note {
        margin-top: -10px;
        position: relative;
    }
}