.break {
    display: none;
}

/* recruit */
main {

    & .section_mv {
        position: relative;
        background-image: url(../img/recruit_mv-pc.jpg);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        width: 100%;
        height: 550px;
        position: relative;
        overflow: hidden;

        &.job {
            background-image: url(../img/recruit-job_mv-pc.png);
        }

        &.member {
            background-image: url(../img/recruit-member_mv-pc.png);
        }

        &.requirements {
            background-image: url(../img/recruit-requirements_mv-pc.png);
        }

        &::after {
            content: "";
            position: absolute;
            right: -460px;
            top: 190px;
            width: 1300px;
            height: 1px;
            background-color: #fff;
            transform: rotate(135deg);
        }

        & .section_mv-inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            max-width: 1300px;
            margin-inline: auto;
            padding-inline-start: 72px;
            padding-block: 140px 48px;
        }

        & .section_mv-description {
            display: flex;
            flex-direction: column;
            max-width: 686px;
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            line-height: 1.6;
            letter-spacing: 0.9px;
        }

        & .section_mv-title {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            border-left: 1.5px solid #FF1A1E;
            padding-block-end: 8px;
            padding-inline-start: 32px;
        }

        & .section_mv-title_en {
            font-family: "Bebas Neue", sans-serif;
            font-size: 160px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 4.8px;
            transform: skewX(-10deg) scaleY(0.98);
            margin-inline-start: 0.08em;

            & span {
                background-image: linear-gradient(180deg, #FFF -0.77%, rgba(255, 255, 255, 0.40) 67.8%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;

                -webkit-box-decoration-break: clone;
                box-decoration-break: clone;
            }
        }

        & .section_mv-title_jp {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            line-height: 150%;
            letter-spacing: 2px;

            & svg {
                flex-shrink: 0;
                margin-block-start: 4px;
            }
        }
    }

    & .section_intro {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: 921px;
        overflow: hidden;

        & .section_intro-inner {
            display: flex;
            align-items: stretch;
            width: 100%;
            height: 100%;
            margin-inline: auto;
            padding-inline-end: 110px;
        }

        & .section_intro-img {
            position: relative;
            isolation: isolate;
            flex: 1 0 0;
            min-width: 0;
            height: 921px;
            margin-inline-end: -72px;
            clip-path: polygon(70% 0%, 100% 100%, 0% 100%, 0% 0%);

            &::before {
                content: "";
                position: absolute;
                inset: 0;
                display: block;
                width: 100%;
                height: 100%;
                background-image:
                    linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0.00) 50%),
                    linear-gradient(153deg, rgba(43, 63, 109, 0.00) 6.35%, rgba(43, 63, 109, 0.00) 76.19%, rgba(43, 63, 109, 0.40) 93.65%);
                pointer-events: none;
                z-index: 2;
            }

            &::after {
                content: "";
                position: absolute;
                inset: 0;
                display: block;
                background-color: rgba(51, 146, 255, 0.20);
                mix-blend-mode: color-dodge;
                pointer-events: none;
                z-index: 1;
            }

            & img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                scale: 1.6;
                transform-origin: 60% 10%;
            }
        }

        & .section_intro-txt {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            flex-shrink: 0;
            gap: 28px;
            width: 576px;
            padding-block: 320px 160px;
        }

        & .section_intro-h4 {
            position: absolute;
            top: 139px;
            left: -185px;
            z-index: 2;
            width: 576px;
            padding-inline-end: 72px;
        }

        & .section_intro-h4 h4 {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px;
            color: #fff;
            text-align: right;
            font-size: 40px;
            font-weight: 900;
            line-height: 1.5;
            letter-spacing: 2.4px;

            & .pc_line {
                display: inline-block;
                background-color: var(--main01);
                padding-inline: 18px;
                transform: skewX(-10deg) scaleY(0.98);
            }

            & .sp_chunk {
                display: inline;
            }
        }

        & .section_intro-body {
            width: fit-content;
            max-width: 100%;
            color: var(--text);
            text-align: left;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }

        & .section_intro-video {
            aspect-ratio: 16/9;
        }
    }

    & .section_inside {
        position: relative;
        z-index: 1;
        background-image: url(../img/bg-contents1.png);
        background-size: 1300px auto;
        background-position: left top;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .inside_list {
            display: flex;
            flex-direction: column;
            gap: 6px;
            width: 100%;
        }

        & .inside_row {
            display: flex;
            align-items: stretch;
            gap: 6px;
            width: 100%;
        }

        & .inside_item {
            position: relative;
            display: flex;
            flex: 1 1 0;
            min-width: 0;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 18px;
            height: 200px;
            background-color: #fff;
            border-radius: 16px;
            padding-inline: 32px;
            padding-block-end: 6px;

            &::before {
                content: "";
                position: absolute;
                top: 12px;
                left: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .inside_item-icon {
            flex-shrink: 0;
            width: 50px;
            height: 50px;

            & img {
                display: block;
                width: 100%;
                height: 100%;
            }
        }

        & .inside_item-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
        }

        & .inside_item-ttl {
            color: var(--text);
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 1.12px;
            white-space: nowrap;
        }

        & .inside_item-label {
            color: var(--text);
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.84px;
        }

        & .inside_item-value {
            color: var(--main01);
            font-weight: 900;
            font-size: 56px;
            line-height: 1;
            letter-spacing: 1.92px;
            white-space: nowrap;
        }

        & .inside_item-value_pre {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1.28px;
        }

        & .inside_item-value_unit {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1.28px;
        }
    }

    & .section_reason {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 110px;
        overflow: hidden;

        &::after {
            content: "";
            position: absolute;
            right: -460px;
            top: 190px;
            width: 1300px;
            height: 1px;
            background-color: var(--main01);
            transform: rotate(-135deg);
        }

        & .section_contents-inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .reason_list {
            counter-reset: reason;
            display: flex;
            flex-direction: column;
            gap: 48px;
            width: 100%;
        }

        & .reason_item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            counter-increment: reason;

            &::before {
                content: counter(reason, decimal-leading-zero);
                display: flex;
                align-items: center;
                justify-content: center;
                width: 144px;
                background-color: var(--main01);
                color: #fff;
                font-family: "Bebas Neue", sans-serif;
                font-size: 24px;
                letter-spacing: 0.72px;
                border-radius: 8px 40px 0 0;
                padding-block: 12px 6px;
            }

            &:nth-child(even) {
                align-items: flex-end;

                &::before {
                    border-radius: 40px 8px 0 0;
                }

                & .reason_item-wrapper {
                    border-radius: 40px 0 8px 8px;
                }
            }
        }

        & .reason_item-wrapper {
            display: flex;
            align-items: stretch;
            width: 100%;
            background-color: #fff;
            border-radius: 0 40px 8px 8px;
            overflow: hidden;
        }

        & .reason_item-txt {
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            flex-direction: column;
            justify-content: center;
            gap: 28px;
            padding-inline: 72px;
            padding-block: 64px;
        }

        & .reason_item-ttl {
            width: 100%;
            border-inline-start: 2px solid var(--main01);
            color: var(--main01);
            font-size: 26px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 1.56px;
            padding-inline-start: 16px;
        }

        & .reason_item-body {
            width: 100%;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }

        & .reason_item-img {
            flex-shrink: 0;
            width: 432px;

            & img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    & .section_banner {
        position: relative;
        z-index: 1;
        background-image: url(../img/bg-contents1.png);
        background-size: 1300px auto;
        background-position: left top;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px 100px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 56px;
        }

        & .banner_list {
            display: flex;
            align-items: stretch;
            gap: 36px;
            width: 100%;
        }

        & .banner_item {
            position: relative;
            display: grid;
            grid-template-rows: 1fr auto 1fr;
            justify-items: center;
            flex: 1 0 0;
            min-width: 0;
            height: 180px;
            border-radius: 16px;
            overflow: hidden;
            padding-inline: 12px;
            color: #fff;
            text-align: center;
        }

        & .banner_item-bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2;
        }

        & .banner_item::after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: rgba(51, 51, 51, 0.6);
            z-index: -1;
            transition: background-color var(--transition-base);
        }

        & .banner_item-txt {
            display: contents;
        }

        & .banner_item-lead {
            grid-row: 1;
            align-self: end;
            margin-block-end: 4px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.84px;
        }

        & .banner_item-ttl {
            grid-row: 2;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 2.88px;
            text-wrap: balance;
        }

        & .banner_item-arrow {
            grid-row: 3;
            align-self: start;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-block-start: 16px;
            width: 30px;
            height: 30px;

            & .banner_item-circle {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                width: 30px;
                height: 30px;
                border: 1px solid currentColor;
                border-radius: 50%;
                padding-inline-start: 1px;
                transition:
                    width var(--transition-base),
                    height var(--transition-base),
                    background-color var(--transition-base),
                    padding-inline-start var(--transition-base);

                & .banner_item-chevron {
                    flex-shrink: 0;
                    transition: opacity var(--transition-base), transform var(--transition-base);
                }
            }
        }

        & .banner_item:hover,
        & .banner_item:focus-visible {

            &::after {
                background-color: rgba(1, 52, 205, 1);
            }

            & .banner_item-circle {
                width: 8px;
                height: 8px;
                background-color: currentColor;
                padding-inline-start: 0;
            }

            & .banner_item-chevron {
                opacity: 0;
                transform: scale(0.5);
            }
        }
    }

    /* job */
    & .section_category {
        position: relative;
        z-index: 1;
        background-image: url(../img/bg-contents1.png);
        background-size: 1300px auto;
        background-position: left top;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .category_list {
            counter-reset: category;
            display: flex;
            flex-direction: column;
            gap: 48px;
            width: 100%;
        }

        & .category_item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            counter-increment: category;
        }

        & .category_item-head {
            position: relative;
            display: flex;
            align-items: center;
            gap: 22px;
            width: 648px;
            max-width: 100%;
            background-color: var(--main01);
            color: #fff;
            border-radius: 8px 120px 0 0;
            padding-inline: 56px;
            padding-block: 20px 10px;

            &::before {
                content: counter(category, decimal-leading-zero);
                font-family: "Bebas Neue", sans-serif;
                font-size: 52px;
                line-height: 1;
                letter-spacing: 1.56px;
            }

            &::after {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #fff;
            }
        }

        & .category_item-ttl {
            display: flex;
            align-items: center;
            gap: 22px;
            font-size: 30px;
            font-weight: 900;
            line-height: 1.2;
            letter-spacing: 1.8px;

            &::before {
                content: "";
                flex-shrink: 0;
                width: 1px;
                height: 40px;
                background-color: currentColor;
            }
        }

        & .category_item-wrapper {
            display: flex;
            align-items: flex-start;
            gap: 72px;
            width: 100%;
            background-color: #fff;
            border-radius: 0 8px 8px 8px;
            padding-inline: 72px;
            padding-block: 64px;
            overflow: hidden;
        }

        & .category_item-img {
            flex-shrink: 0;
            width: 432px;
            height: 300px;
            border-radius: 8px;
            overflow: hidden;

            & img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        & .category_item-txt {
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
        }

        & .category_item-main {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
        }

        & .category_item-h {
            width: 100%;
            border-inline-start: 2px solid var(--main01);
            color: var(--main01);
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 1.44px;
            padding-inline-start: 16px;
        }

        & .category_item-body {
            width: 100%;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }

        & .category_item-point {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            width: 100%;
            background-color: #F9FAFB;
            border-radius: 8px;
            padding-block: 16px;
            overflow: hidden;
        }

        & .category_item-point_h {
            background-color: var(--text);
            color: #fff;
            border-radius: 0 2px 2px 0;
            padding-inline: 32px 24px;
            padding-block: 6px;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.84px;
        }

        & .category_item-point_txt {
            width: 100%;
            padding-inline: 32px;
            color: var(--text);
            font-size: 15px;
            line-height: 1.6;
            letter-spacing: 0.9px;
        }
    }

    & .section_education {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .education_list {
            display: flex;
            align-items: stretch;
            gap: 6px;
            width: 100%;
        }

        & .education_item {
            position: relative;
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            flex-direction: column;
            align-items: center;
            gap: 16px;
            background-color: #fff;
            border-radius: 16px;
            padding-inline: 36px;
            padding-block: 32px;

            &::before {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .education_item-icon {
            flex-shrink: 0;
            width: 50px;
            height: 50px;

            & img {
                display: block;
                width: 100%;
                height: 100%;
            }
        }

        & .education_item-ttl {
            width: 100%;
            color: var(--main01);
            font-size: 20px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 1.2px;
            text-align: center;
        }

        & .education_item-body {
            width: 100%;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }
    }

    /* member */
    & .section_mentor {
        position: relative;
        z-index: 1;
        background-image: url(../img/bg-contents1.png);
        background-size: 1300px auto;
        background-position: left top;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .mentor_list {
            counter-reset: mentor;
            display: flex;
            flex-direction: column;
            gap: 72px;
            width: 100%;
        }

        & .mentor_item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 48px;
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            padding-inline: 72px;
            padding-block: 80px;
            counter-increment: mentor;

            &::before {
                content: counter(mentor, decimal-leading-zero);
                position: absolute;
                right: 145px;
                top: -41px;
                translate: 100% 0;
                font-family: "Bebas Neue", sans-serif;
                font-size: 180px;
                line-height: 1;
                color: transparent;
                -webkit-text-stroke: 2px #0033ED;
                transform: skewX(-12deg) scaleY(0.98);
            }

            @media (forced-colors: active) {
                &::before {
                    content: none;
                }
            }

            &::after {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .mentor_item-comment {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
            width: calc(100% + 92px);
            margin-inline-start: -92px;
        }

        & .mentor_item-comment_row {
            background-color: #0033ED;
            color: #fff;
            font-size: 30px;
            font-weight: 900;
            line-height: 1.4;
            letter-spacing: 1.8px;
            padding-inline: 24px;
            padding-block: 8px;
        }

        & .mentor_item-profile {
            display: flex;
            align-items: flex-start;
            gap: 72px;
            width: 100%;
            border-block-end: 1px solid #D2D6DE;
            padding-block-end: 48px;
        }

        & .mentor_item-img {
            position: relative;
            flex-shrink: 0;
            align-self: stretch;
            width: 504px;
            border-radius: 8px;
            overflow: hidden;

            & img {
                position: absolute;
                inset: 0;
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        & .mentor_item-txt {
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            flex-direction: column;
            gap: 16px;
        }

        & .mentor_item-name {
            display: flex;
            align-items: flex-end;
            gap: 16px;
            width: 100%;
        }

        & .mentor_item-face {
            flex-shrink: 0;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            overflow: hidden;

            & img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        & .mentor_item-name_txt {
            flex: 1 0 0;
            min-width: 0;
            padding-block-end: 8px;
            color: var(--text);
            font-size: 32px;
            font-weight: 700;
            line-height: 1.6;
            letter-spacing: 1.92px;
        }

        & .mentor_item-name_suffix {
            font-size: 20px;
        }

        & .mentor_item-point {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
            background-color: #F9FAFB;
            border-radius: 8px;
            padding: 24px;
        }

        & .mentor_item-point_row {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            width: 100%;
        }

        & .mentor_item-point_label {
            flex-shrink: 0;
            width: 95px;
            background-color: var(--text);
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.2;
            letter-spacing: 0.78px;
            text-align: center;
            padding-inline: 10px;
            padding-block: 3px;
        }

        & .mentor_item-point_value {
            flex: 1 0 0;
            min-width: 0;
            color: var(--text);
            font-size: 15px;
            line-height: 1.4;
            letter-spacing: 0.9px;
        }

        & .mentor_qa-list {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            width: 100%;
        }

        & .mentor_qa {
            position: relative;
            width: 936px;
            max-width: 100%;
            padding-inline-end: 28px;

            /* 吹き出しの尻尾 */
            &::after {
                content: "";
                position: absolute;
                right: 0;
                top: calc(50% - 40.31px);
                translate: 0 -50%;
                width: 30px;
                height: 34.5px;
                background-image: url(../img/recruit_mentor-tail.svg);
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }

        & .mentor_qa-inner {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
            background-color: #F9FAFB;
            border-radius: 8px;
            padding: 32px;
        }

        & .mentor_qa-q {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            color: var(--main01);
            font-size: 22px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 1.32px;
        }

        & .mentor_qa-num {
            flex-shrink: 0;
            width: 41px;
            font-family: "Bebas Neue", sans-serif;
            font-size: 40px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: normal;
            transform: skewX(-12deg) scaleY(0.98);
        }

        & .mentor_qa-a {
            width: 100%;
            padding-inline-start: 48px;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }
    }

    & .section_schedule {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        &::after {
            content: "";
            position: absolute;
            right: -784px;
            top: 455px;
            width: 1300px;
            height: 1px;
            background-color: var(--main01);
            transform: rotate(-135deg);
        }

        & .section_contents-inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            gap: 64px;
        }

        & .schedule_list {
            position: relative;
            width: 936px;
            max-width: 100%;
            background-color: #fff;
            border-radius: 8px;
            padding-inline: 72px;
            padding-block: 40px;

            &::before {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .schedule_row {
            display: flex;
            align-items: center;
            width: 100%;
            border-block-end: 1px solid rgba(21, 27, 56, 0.1);
            padding-block: 16px;

            &:last-child {
                border-block-end: none;
            }
        }

        & .schedule_row-time {
            flex-shrink: 0;
            width: 72px;
            font-family: "Bebas Neue", sans-serif;
            color: var(--main01);
            font-size: 18px;
            line-height: 1.6;
            letter-spacing: 1.08px;
        }

        & .schedule_row-txt {
            flex: 1 0 0;
            min-width: 0;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }
    }

    /* requirements */
    & .section_description {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        &::after {
            content: "";
            position: absolute;
            right: -610px;
            top: 344px;
            width: 1300px;
            height: 1px;
            background-color: var(--main01);
            transform: rotate(-135deg);
        }

        & .section_contents-inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .description_wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
            width: 936px;
            max-width: 100%;
            margin-inline: auto;
        }

        & .description_tab {
            display: flex;
            align-items: center;
            gap: 24px;
            width: 100%;
        }

        & .description_tab-item {
            display: contents;
        }

        & .description_tab-btn {
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            align-items: center;
            justify-content: flex-end;
            gap: 4px;
            height: 50px;
            background-color: var(--text);
            color: #fff;
            border-radius: 100px;
            padding-inline: 18px 14px;
            padding-block: 4px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 1.6px;
            text-align: center;
            cursor: pointer;
            transition: background-color var(--transition-base);

            & .description_tab-label {
                flex: 1 0 0;
                min-width: 0;
            }

            &::after {
                content: "";
                flex-shrink: 0;
                width: 0;
                height: 6px;
                border-radius: 50%;
                background-color: #fff;
                transition: width var(--transition-base);
            }

            &.is-current {
                background-color: var(--main01);

                &::after {
                    width: 6px;
                }
            }

            &:hover:not(.is-current) {
                background-color: var(--main01);
            }

            &:focus-visible {
                outline: 2px solid var(--main01);
                outline-offset: 2px;
            }
        }

        & .description_main {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 48px;
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            padding-inline: 72px;
            padding-block: 72px;

            &::before {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .description_panel,
        & .description_common {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            width: 100%;
        }

        & .description_panel[hidden] {
            display: none;
        }

        & .description_ttl {
            width: 100%;
            border-inline-start: 2px solid var(--main01);
            color: var(--main01);
            font-size: 26px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 1.56px;
            padding-inline-start: 16px;
        }

        & .description_list {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }

        & .description_tr {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
            border-block-end: 1px solid rgba(21, 27, 56, 0.1);
            padding-inline: 8px;
            padding-block: 24px;

            &:last-child {
                border-block-end: none;
            }
        }

        & .description_tr-th {
            flex-shrink: 0;
            width: 136px;
            color: var(--main01);
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.96px;
        }

        & .description_tr-td {
            flex: 1 0 0;
            min-width: 0;
            color: var(--text);
            font-size: 15px;
            line-height: 1.5;
            letter-spacing: 0.9px;
        }

        & .btn_common {
            width: 504px;
            max-width: 100%;
            height: 65px;
            font-size: 17px;
            letter-spacing: 1.7px;
        }
    }

    & .section_process {
        position: relative;
        z-index: 1;
        background-image: url(../img/bg-contents1.png);
        background-size: 1300px auto;
        background-position: left top;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        & .section_contents-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .process_inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            gap: 32px;
        }

        & .process_list {
            display: flex;
            align-items: stretch;
            width: 100%;
            gap: 108px;
        }

        & .process_item {
            position: relative;
            display: flex;
            flex: 1 0 0;
            min-width: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            background-color: #fff;
            border-radius: 8px;
            padding-inline: 24px;
            padding-block: 40px 32px;

            &::before {
                content: "";
                position: absolute;
                left: 12px;
                top: 12px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #D2D6DE;
            }
        }

        & .process_item + .process_item {

            &::after {
                content: "";
                position: absolute;
                left: -54px;
                top: 50%;
                translate: -50% -50%;
                width: 0;
                height: 0;
                border-block: 10.4px solid transparent;
                border-inline-start: 18px solid var(--main01);
            }
        }

        & .process_item-h {
            display: flex;
            align-items: center;
            gap: 16px;
            width: 100%;
            color: var(--main01);
        }

        & .process_item-num {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-inline-end: 1px solid #D2D6DE;
            padding-inline-end: 20px;
            font-family: "Bebas Neue", sans-serif;
            font-size: 32px;
            line-height: 1;
            white-space: nowrap;
        }

        & .process_item-step {
            margin-block-end: -2px;
            font-size: 18px;
        }

        & .process_item-ttl {
            flex: 1 0 0;
            min-width: 0;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 1.08px;
        }

        & .process_item-body {
            width: 100%;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }

        & .process_note {
            width: 100%;
            color: var(--text);
            font-size: 16px;
            font-weight: 500;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }
    }

    & .section_qa {
        position: relative;
        z-index: 1;
        background-color: #F5F5F5;
        width: 100%;
        height: auto;
        padding-inline: 20px;
        padding-block: 120px;
        overflow: hidden;

        &::after {
            content: "";
            position: absolute;
            right: -751px;
            top: 457px;
            width: 1300px;
            height: 1px;
            background-color: var(--main01);
            transform: rotate(-135deg);
        }

        & .section_contents-inner {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 64px;
        }

        & .qa_list {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            width: 100%;
        }

        & .qa_item {
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            padding-block: 8px;
            overflow: hidden;
        }

        & .qa_item-q {
            display: flex;
            align-items: center;
            width: 100%;
            padding-inline: 32px;
            padding-block: 24px;
            text-align: left;
            cursor: pointer;

            &:focus-visible {
                outline: 2px solid var(--main01);
                outline-offset: -2px;
            }
        }

        & .qa_item-q .qa_item-mark {
            margin-inline-end: 16px;
        }

        & .qa_item-mark {
            flex-shrink: 0;
            width: 20px;
            font-family: "Bebas Neue", sans-serif;
            color: var(--main01);
            font-size: 32px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: normal;
            transform: skewX(-12deg) scaleY(0.98);
        }

        & .qa_item-mark--a {
            color: var(--main02);
        }

        & .qa_item-ttl {
            flex: 1 0 0;
            min-width: 0;
            color: var(--text);
            font-size: 17px;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 1.02px;
        }

        /* ＋ / − の開閉アイコン */
        & .qa_item-icon {
            position: relative;
            flex-shrink: 0;
            width: 16px;
            height: 16px;

            &::before,
            &::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                translate: -50% -50%;
                background-color: var(--main01);
                transition: rotate var(--transition-base), opacity var(--transition-base);
            }

            &::before {
                width: 16px;
                height: 3px;
            }

            &::after {
                width: 3px;
                height: 16px;
            }
        }

        & .qa_item.is-open .qa_item-icon::after {
            rotate: 90deg;
            opacity: 0;
        }

        /* 0fr → 1fr で高さをアニメーションさせる */
        & .qa_item-a {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows var(--transition-base);
        }

        & .qa_item.is-open .qa_item-a {
            grid-template-rows: 1fr;
        }

        & .qa_item-a_clip {
            min-height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0s var(--transition-base);
        }

        & .qa_item.is-open .qa_item-a_clip {
            visibility: visible;
            transition: visibility 0s;
        }

        & .qa_item-a_body {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            border-block-start: 1px solid #D2D6DE;
            padding-inline: 32px;
            padding-block: 24px;
        }

        & .qa_item-txt {
            flex: 1 0 0;
            min-width: 0;
            color: var(--text);
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.96px;
        }
    }

}

/* h_common-01 */
.h_common-01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    & .h_common-01_en {
        background: linear-gradient(to right, #0033CC, #003CFF);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-family: "Bebas Neue", sans-serif;
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
    }

    & .h_common-01_ja {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-inline: 4px;
        color: var(--text);
        font-size: 18px;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 2.16px;

        & svg {
            flex-shrink: 0;
            margin-block-start: 4px;
        }
    }
}

.h_common-01--lead {
    width: 100%;

    & .h_common-01_main {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    & .h_common-01_en {
        flex-shrink: 0;
    }

    & .h_common-01_lead {
        position: relative;
        flex: 1 0 0;
        min-width: 0;
        padding-inline-start: 24px;
        color: var(--text);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.9px;

        &::before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 1px;
            height: 21px;
            background-color: rgba(0, 0, 0, 0.2);
            rotate: 20.5deg;
        }
    }
}

@media (width <=1000px) {
    main {

        & .section_intro {
            height: auto;
            padding-block: 64px;

            & .section_intro-inner {
                flex-direction: column;
                gap: 32px;
                height: auto;
                padding-inline-end: 0;
            }

            & .section_intro-img {
                flex: none;
                width: 100%;
                height: auto;
                aspect-ratio: 4 / 3;
                margin-inline-end: 0;
                clip-path: none;
                overflow: hidden;
            }

            & .section_intro-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                scale: 1.95;
                transform-origin: 60% 10%;
            }

            & .section_intro-txt {
                position: static;
                width: 100%;
                align-items: flex-start;
                padding-inline: 20px;
                padding-block: 0;
            }

            & .section_intro-h4 {
                position: static;
                width: 100%;
                padding-inline-end: 0;
                margin-block-end: 24px;
            }

            & .section_intro-h4 h4 {
                align-items: flex-start;
                width: 100%;
                text-align: left;
            }

            & .section_intro-body {
                width: 100%;
                font-size: 14px;
                text-align: left;
            }

            & .section_intro-video {
                width: 100%;
            }
        }

        & .section_category {

            & .category_item-wrapper {
                flex-direction: column;
                gap: 32px;
            }

            & .category_item-img {
                width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
            }

            & .category_item-txt {
                flex: none;
                width: 100%;
                gap: 32px;
            }
        }

        & .section_mentor {

            & .mentor_item {
                padding-inline: 40px;

                &::before {
                    font-size: 120px;
                    right: 24px;
                    top: -24px;
                    translate: 0 0;
                }
            }

            & .mentor_item-profile {
                flex-direction: column;
                gap: 32px;
            }

            & .mentor_item-img {
                align-self: auto;
                width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
            }

            & .mentor_item-txt {
                flex: none;
                width: 100%;
            }

            & .mentor_item-comment {
                width: 100%;
                margin-inline-start: 0;
            }
        }

        & .section_description {

            & .description_main {
                padding-inline: 40px;
                padding-block: 40px;
            }
        }

        & .section_process {

            & .process_list {
                gap: 24px;
            }

            & .process_item + .process_item {

                &::after {
                    left: -12px;
                    border-block-width: 6.9px;
                    border-inline-start-width: 12px;
                }
            }
        }
    }
}

@media (width <=768px) {

    .break {
        display: block;
    }

    main {

        & .section_mv {
            background-image: url(../img/recruit_mv-sp.jpg);
            height: auto;
            aspect-ratio: 375 / 560;

            &.job {
                background-image: url(../img/recruit-job_mv-sp.png);
            }

            &.member {
                background-image: url(../img/recruit-member_mv-sp.png);
            }

            &.requirements {
                background-image: url(../img/recruit-requirements_mv-sp.png);
            }

            &::after {
                top: auto;
                bottom: 0;
            }

            & .section_mv-inner {
                padding-inline: 20px;
                padding-block: 100px 30px;
            }

            & .section_mv-title {
                padding-inline-start: 16px;
            }

            & .section_mv-title_en {
                font-size: 100px;
            }

            & .section_mv-title_jp {
                font-size: 16px;

            }
        }

        & .section_intro {

            & .section_intro-h4 h4 {
                flex-direction: row;
                flex-wrap: wrap;
                gap: 8px 0;
                font-size: 28px;

                & .pc_line {
                    display: contents;
                }

                & .sp_chunk {
                    display: inline-block;
                    background-color: var(--main01);
                    padding-inline: 10px;
                    transform: skewX(-10deg) scaleY(0.98);
                }
            }
        }

        & .section_inside {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .inside_item {
                height: auto;
                gap: 8px;
                padding-inline: 12px;
                padding-block: 16px 6px;
            }

            & .inside_item-icon {
                width: 32px;
                height: 32px;
            }

            & .inside_item-ttl,
            & .inside_item-label {
                font-size: 10px;
                white-space: normal;
                text-align: center;
            }

            & .inside_item-value {
                font-size: 22px;
                white-space: normal;
            }

            & .inside_item-value_pre,
            & .inside_item-value_unit {
                font-size: 10px;
            }
        }

        & .section_reason {
            padding-block: 64px;

            &::after {
                right: -720px;
            }

            & .section_contents-inner {
                gap: 32px;
            }

            & .reason_item-wrapper {
                flex-direction: column;
            }

            & .reason_item:nth-child(even) .reason_item-wrapper {
                flex-direction: column;
            }

            & .reason_item {

                &::before {
                    width: 120px;
                    padding-block: 6px 0;
                }

                &:nth-child(2n) {
                    & .reason_item-wrapper {
                        border-radius: 30px 0 8px 8px;
                    }
                }
            }

            & .reason_item-wrapper {
                border-radius: 0 30px 8px 8px;
            }

            & .reason_item-txt {
                gap: 14px;
                padding-inline: 20px;
                padding-block: 24px;
            }

            & .reason_item-ttl {
                font-size: 22px;
            }

            & .reason_item-body {
                font-size: 14px;
            }

            & .reason_item-img {
                width: 100%;
                aspect-ratio: 16 / 9;
            }
        }

        & .section_banner {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .banner_list {
                flex-wrap: wrap;
                gap: 12px;
            }

            & .banner_item {
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 1 1 100%;
                height: 104px;
                padding-inline: 48px;
            }

            & .banner_item-txt {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            & .banner_item-lead {
                align-self: center;
                margin-block-end: 2px;
                font-size: 12px;
                letter-spacing: 0.72px;
            }

            & .banner_item-ttl {
                font-size: 18px;
                letter-spacing: 2.16px;
            }

            & .banner_item-arrow {
                position: absolute;
                grid-row: auto;
                top: 50%;
                right: 16px;
                translate: 0 -50%;
                margin-block-start: 0;
                width: 26px;
                height: 26px;

                & .banner_item-circle {
                    width: 26px;
                    height: 26px;
                }
            }
        }

        & .section_category {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .category_list {
                gap: 32px;
            }

            & .category_item-head {
                width: 100%;
                gap: 14px;
                border-radius: 8px 60px 0 0;
                padding-inline: 28px 20px;
                padding-block: 12px 6px;

                &::before {
                    font-size: 36px;
                }

                &::after {
                    left: 8px;
                    top: 8px;
                }
            }

            & .category_item-ttl {
                gap: 14px;
                font-size: 18px;
                letter-spacing: 1.08px;

                &::before {
                    height: 28px;
                }
            }

            & .category_item-wrapper {
                gap: 24px;
                border-radius: 0 0 8px 8px;
                padding-inline: 20px;
                padding-block: 24px;
            }

            & .category_item-txt {
                gap: 24px;
            }

            & .category_item-h {
                font-size: 18px;
                letter-spacing: 1.08px;
            }

            & .category_item-body {
                font-size: 14px;
            }

            & .category_item-point_h {
                padding-inline: 20px 16px;
            }

            & .category_item-point_txt {
                padding-inline: 20px;
                font-size: 14px;
            }
        }

        & .section_education {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .education_list {
                flex-direction: column;
                gap: 12px;
            }

            & .education_item {
                gap: 12px;
                padding-inline: 20px;
                padding-block: 24px;
            }

            & .education_item-ttl {
                font-size: 18px;
            }

            & .education_item-body {
                font-size: 14px;
            }
        }

        & .section_mentor {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .mentor_list {
                gap: 48px;
            }

            & .mentor_item {
                gap: 32px;
                border-radius: 8px;
                padding-inline: 20px;
                padding-block: 48px 32px;

                &::before {
                    font-size: 80px;
                    right: 16px;
                    top: -16px;
                    translate: 0 0;
                    -webkit-text-stroke-width: 1.5px;
                }
            }

            & .mentor_item-comment_row {
                font-size: 18px;
                letter-spacing: 1.08px;
                padding-inline: 16px;
                padding-block: 6px;
            }

            & .mentor_item-profile {
                padding-block-end: 32px;
            }

            & .mentor_item-txt {
                flex-direction: row;
                align-items: flex-start;
                gap: 12px;
            }

            & .mentor_item-name {
                flex-shrink: 0;
                flex-direction: column;
                align-items: center;
                gap: 8px;
                width: auto;
            }

            & .mentor_item-face {
                width: 80px;
                height: 80px;
            }

            & .mentor_item-name_txt {
                flex: none;
                width: auto;
                padding-block-end: 0;
                font-size: 24px;
                letter-spacing: 1.44px;
                white-space: nowrap;
            }

            & .mentor_item-name_suffix {
                font-size: 16px;
            }

            & .mentor_item-point {
                flex: 1 1 0;
                min-width: 0;
                width: auto;
                padding: 16px;
            }

            & .mentor_item-point_row {
                flex-direction: column;
                gap: 4px;
            }

            & .mentor_item-point_label {
                width: auto;
                padding-inline: 12px;
            }

            & .mentor_item-point_value {
                font-size: 14px;
            }

            & .mentor_qa {
                padding-inline-end: 0;

                &::after {
                    content: none;
                }
            }

            & .mentor_qa-inner {
                padding: 20px;
            }

            & .mentor_qa-q {
                align-items: flex-start;
                gap: 8px;
                font-size: 17px;
                letter-spacing: 1.02px;
            }

            & .mentor_qa-num {
                width: 32px;
                font-size: 28px;
            }

            & .mentor_qa-a {
                padding-inline-start: 0;
                font-size: 14px;
            }
        }

        & .section_schedule {
            padding-block: 64px;

            &::after {
                right: -860px;
                top: 260px;
            }

            & .section_contents-inner {
                gap: 32px;
            }

            & .schedule_list {
                padding-inline: 20px;
                padding-block: 24px;
            }

            & .schedule_row {
                flex-direction: column;
                align-items: flex-start;
                gap: 2px;
                padding-block: 12px;
            }

            & .schedule_row-time {
                width: auto;
            }

            & .schedule_row-txt {
                font-size: 14px;
            }
        }

        & .section_description {
            padding-block: 64px;

            &::after {
                right: -860px;
                top: 300px;
            }

            & .section_contents-inner {
                gap: 32px;
            }

            & .description_wrapper {
                gap: 24px;
            }

            & .description_tab {
                flex-wrap: wrap;
                gap: 8px;
            }

            & .description_tab-btn {
                flex: 1 1 calc(50% - 4px);
                height: 44px;
                padding-inline: 12px 10px;
                font-size: 14px;
                letter-spacing: 1.12px;
            }

            & .description_main {
                gap: 32px;
                padding-inline: 20px;
                padding-block: 32px;
            }

            & .description_ttl {
                font-size: 20px;
                letter-spacing: 1.2px;
            }

            & .description_tr {
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                padding-inline: 0;
                padding-block: 16px;
            }

            & .description_tr-th {
                width: auto;
                font-size: 15px;
            }

            & .description_tr-td {
                font-size: 14px;
            }

            & .btn_common {
                width: 100%;
                height: 60px;
                font-size: 15px;
                letter-spacing: 1.5px;
            }
        }

        & .section_process {
            padding-block: 64px;

            & .section_contents-inner {
                gap: 32px;
            }

            & .process_list {
                flex-direction: column;
                gap: 40px;
            }

            & .process_item {
                padding-inline: 20px;
                padding-block: 32px 24px;
            }

            & .process_item + .process_item {

                &::after {
                    left: 50%;
                    top: -20px;
                    translate: -50% -50%;
                    border-block: none;
                    border-inline: 10.4px solid transparent;
                    border-block-start: 18px solid var(--main01);
                }
            }

            & .process_item-body {
                font-size: 14px;
            }
        }

        & .section_qa {
            padding-block: 64px;

            &::after {
                right: -880px;
                top: 320px;
            }

            & .section_contents-inner {
                gap: 32px;
            }

            & .qa_list {
                gap: 12px;
            }

            & .qa_item-q {
                padding-inline: 20px;
                padding-block: 16px;
            }

            & .qa_item-q .qa_item-mark {
                margin-inline-end: 12px;
            }

            & .qa_item-mark {
                width: 16px;
                font-size: 26px;
            }

            & .qa_item-ttl {
                font-size: 15px;
                letter-spacing: 0.9px;
            }

            & .qa_item-a_body {
                gap: 12px;
                padding-inline: 20px;
                padding-block: 16px;
            }

            & .qa_item-txt {
                font-size: 14px;
            }
        }
    }

    .h_common-01 {

        & .h_common-01_en {
            font-size: 80px;
        }

        & .h_common-01_ja {
            font-size: 15px;
        }
    }

    .h_common-01--lead {

        & .h_common-01_main {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        & .h_common-01_lead {
            padding-inline-start: 4px;
            font-size: 13px;

            &::before {
                content: none;
            }
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    main {

        & .banner_item,
        & .qa_item,
        & .description_tab-btn {
            --transition-base: 0.01ms linear;
        }
    }
}