#interview-page {
    .top-kv {
        position: relative;
    }
    .top-kv__bg {
        position: relative;
        width: 100%;
        height: calc(944 * 100vw / 1920);
        max-height: 944px;
        overflow: hidden;
    }
    .top-kv__bg-img {
        width: 100%;
        height: 100%;
    }
    .top-kv__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .top-kv__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(71 * 100vw / 1920), 71px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .top-kv__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(20 * 100vw / 1920), 20px)
            clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(12 * 100vw / 1920), 12px);
    }
    .top-kv__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--black-color);
        background-color: var(--main-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }
    .members {
        margin-top: calc(138 * 100vw / 1920);
        margin-bottom: calc(120 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        gap: calc(180 * 100vw / 1920);
        position: relative;
    }
    .scroll-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .members__title-pc-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(24 * 100vw / 1920);
        margin: 0 calc(212 * 100vw / 1920);
    }
    .members__title-pc {
        font-family: var(--font-noto-sans-jp);
        font-size: calc(32 * 100vw / 1920);
        font-weight: 700;
        line-height: 2;
        color: var(--main-color);
    }
    .members__title-pc:nth-child(1) {
        width: calc(595 * 100vw / 1920);
    }
    .members-grid__col {
        display: flex;
        flex-direction: column;
        gap: calc(32 * 100vw / 1920);
        padding: 0 calc(80 * 100vw / 1920);
    }
    .members-grid__title-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .members-grid__title-heading {
        font-family: var(--font-jost);
        font-weight: regular;
        font-size: calc(80 * 100vw / 1920);
        color: var(--accent-1-color);
    }
    .members-grid__title-subheading {
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: calc(20 * 100vw / 1920);
        color: var(--white-color);
    }
    .members-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: calc(16 * 100vw / 1920);
        height: calc(480 * 100vw / 1920);
    }
    .member-grid-item-wrapper {
        display: flex;
    }
    .member-grid-item {
        width: 100%;
        display: flex;
        position: relative;
        cursor: pointer;
    }
    .member-grid-item-wrapper:nth-child(odd) .member-grid-item {
        background: url(../img/noise-bg-20.png),
            linear-gradient(180deg, #d9d9d9 0%, var(--accent-1-color) 100%);
    }
    .member-grid-item-wrapper:nth-child(even) .member-grid-item {
        background: url(../img/noise-bg-20.png),
            linear-gradient(180deg, #d9d9d9 0%, var(--black-color) 100%);
    }
    .member-grid-item__photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .member-grid-item__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .member-grid-item__title-col {
        position: absolute;
        top: calc(10 * 100vw / 1920);
        right: 0;
        display: flex;
        flex-direction: column;
        gap: calc(10 * 100vw / 1920);
        z-index: 2;
        font-family: var(--font-jost);
        font-size: calc(36 * 100vw / 1920);
        color: var(--white-color);
        align-items: flex-start;
        width: calc(50 * 100vw / 1920);
    }
    .member-grid-item__title-flip {
        word-break: keep-all;
        white-space: nowrap;
        writing-mode: vertical-lr;
        letter-spacing: 0.06em;
        padding-left: calc(3 * 100vw / 1920);
    }
    .member-grid-item__title-flip--highlight {
        font-size: calc(48 * 100vw / 1920);
        color: var(--main-color);
        writing-mode: vertical-lr;
        padding-left: calc(3 * 100vw / 1920);
    }
    .member-grid-item__job-row {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        gap: calc(24 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(16px, calc(22 * 100vw / 1920), 99px);
        line-height: 2;
        font-weight: 500;
        color: var(--white-color);
    }
    .member-grid-item__job-label {
        background-color: var(--black-color);
        color: var(--main-color);
    }
    .member-grid-item__icon-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(24 * 100vw / 1920);
        border: 1px solid var(--main-color);
        width: calc(71 * 100vw / 1920);
        aspect-ratio: 1;
        box-sizing: border-box;
    }
    .member-grid-item__icon {
        width: calc(32 * 100vw / 1920);
        height: calc(32 * 100vw / 1920);
    }
    .members .section-slide-in-banner__text {
        filter: blur(0);
        transform: translateX(0);
    }
    .members .section-animate.animate .section-slide-in-banner__text {
        animation: fade-in 0.5s 0.45s ease-in-out forwards;
    }
    .content-section-sidebar__wrapper {
        position: absolute;
        inset: 0;
    }
    .content-section__wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .content-section-sidebar {
        position: sticky;
        top: calc(200 * 100vw / 1920);
        right: 0;
        width: fit-content;
        z-index: 5;
        margin-left: auto;
        margin-top: calc(342 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: calc(36 * 100vw / 1920);
        overflow: hidden;
    }
    .content-section-sidebar__button {
        display: flex;
        align-items: center;
        gap: calc(12 * 100vw / 1920);
        background-color: var(--black-color);
        padding-top: calc(19 * 100vw / 1920);
        padding-bottom: calc(22 * 100vw / 1920);
        padding-left: calc(10 * 100vw / 1920);
        padding-right: calc(10 * 100vw / 1920);
        box-sizing: border-box;
        cursor: pointer;
        font-family: var(--font-noto-serif-jp);
        font-size: calc(48 * 100vw / 1920);
        font-weight: 400;
        color: var(--white-color);
        line-height: 0.83;
        writing-mode: vertical-lr;
        text-orientation: upright;
    }
    .content-section-sidebar__button-icon {
        width: calc(23 * 100vw / 1920);
    }
    .content-section-sidebar__list {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: calc(8 * 100vw / 1920);
        opacity: 0;
        transform: translateX(100%);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    .content-section-sidebar__list.show {
        opacity: 1;
        transform: translateX(0);
    }
    .content-section-sidebar__list-item {
        display: flex;
        align-items: center;
        gap: calc(10 * 100vw / 1920);
        padding: calc(10 * 100vw / 1920);
        background-color: var(--main-color);
        font-family: var(--font-noto-serif-jp);
        font-size: calc(36 * 100vw / 1920);
        font-weight: 400;
        color: var(--black-color);
        line-height: 0.83;
    }
    .content-section-sidebar__list-text--highlight {
        color: var(--main-color);
        line-height: 1;
        background-color: var(--black-color);
    }
    .content-section {
        display: flex;
        flex-direction: column;
        gap: calc(180 * 100vw / 1920);
    }
    .introduction {
        position: relative;
    }
    .introduction-bg {
        display: flex;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(1285 * 100vw / 1920);
        z-index: 1;
        overflow: hidden;
    }
    .introduction-bg__image {
        width: 100%;
        height: 120%;
        translate: 0 -10%;
        object-fit: cover;
    }
    .introduction-bg__staff {
        position: absolute;
        z-index: 2;
    }
    .introduction__number-title-pc {
        position: absolute;
        top: calc(46 * 100vw / 1920);
        left: calc(1660 * 100vw / 1920);
        z-index: 2;
        height: calc(122 * 100vw / 1920);
    }
    .introduction--01 .introduction-bg__staff {
        top: -30%;
        left: 50%;
        translate: -50% 0;
        width: calc(1350 * 100vw / 1920);
        filter: brightness(0.8);
    }
    .introduction-content {
        position: relative;
        z-index: 2;
        margin-top: calc(-1285 * 100vw / 1920);
        padding-top: calc(660 * 100vw / 1920);
        padding-bottom: calc(111 * 100vw / 1920);
    }
    .introduction-heading {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(24 * 100vw / 1920);
        padding: 0 calc(80 * 100vw / 1920);
        margin-bottom: calc(107 * 100vw / 1920);
    }
    .introduction-heading__title {
        font-family: var(--font-noto-serif-jp);
        font-size: calc(70 * 100vw / 1920);
        font-weight: bold;
        line-height: 1.5;
        color: var(--white-color);
    }
    .introduction-heading__subtitle-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(16px, calc(22 * 100vw / 1920), 99px);
        font-weight: 400;
        line-height: 2;
        color: var(--white-color);
    }
    .introduction-heading__subtitle-row {
        display: flex;
        gap: calc(24 * 100vw / 1920);
        align-items: start;
    }
    .introduction-heading__subtitle-label {
        background-color: var(--black-color);
        color: var(--main-color);
        flex-shrink: 0;
    }
    .introduction-grid {
        display: flex;
        flex-direction: column;
        gap: calc(132 * 100vw / 1920);
    }
    .introduction-grid__top {
        display: flex;
        gap: calc(156 * 100vw / 1920);
        align-items: flex-start;
        padding: 0 calc(80 * 100vw / 1920) 0 calc(61 * 100vw / 1920);
    }
    .introduction-grid__bottom {
        display: flex;
        gap: calc(137 * 100vw / 1920);
        align-items: flex-start;
        padding: 0 calc(80 * 100vw / 1920);
    }
    .introduction-grid__content {
        display: flex;
        gap: calc(22 * 100vw / 1920);
        align-items: flex-start;
    }
    .introduction-grid__content-header {
        width: calc(136 * 100vw / 1920);
        height: calc(128 * 100vw / 1920);
        rotate: -90deg;
    }
    .introduction-grid__content-header--top {
        margin-top: calc(4 * 100vw / 1920);
    }
    .introduction-grid__content-header--bottom {
        margin-top: calc(-16 * 100vw / 1920);
    }
    .introduction-grid__content-col {
        display: flex;
        flex-direction: column;
        gap: calc(24 * 100vw / 1920);
        padding: calc(10 * 100vw / 1920) calc(16 * 100vw / 1920);
        max-width: calc(742 * 100vw / 1920);
        box-sizing: border-box;
        line-height: 2;
        background-color: rgba(11, 11, 11, 0.4);
    }
    .introduction-grid__content-subheader {
        font-size: clamp(
            18px,
            calc(31.5 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        font-weight: 700;
        color: var(--main-color);
    }
    .introduction-grid__content-message {
        font-size: clamp(
            16px,
            calc(22 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        font-weight: 400;
        color: var(--white-color);
    }
    .introduction-grid__image {
        width: calc(730 * 100vw / 1920);
    }
    .schedule {
        position: relative;
        display: flex;
        flex-direction: column;
        background-image: url("../img/orange-noise-bg.png");
        z-index: 2;
    }
    .schedule__hero-img {
        width: 100%;
        height: calc(1534 * 100vw / 1920);
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .schedule-content {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
        margin-top: calc(-1534 * 100vw / 1920);
        padding-top: calc(110 * 100vw / 1920);
        gap: calc(85 * 100vw / 1920);
    }
    .schedule-heading {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding-left: calc(80 * 100vw / 1920);
        width: fit-content;
    }
    .schedule-heading__title {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: calc(80 * 100vw / 1920);
        color: var(--white-color);
    }
    .schedule-heading__subtitle {
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: calc(20 * 100vw / 1920);
        color: var(--white-color);
    }
    .schedule-timeline {
        display: flex;
        flex-direction: column;
        max-width: calc(910 * 100vw / 1920);
        justify-content: start;
        padding-left: calc(62 * 100vw / 1920);
    }
    .schedule-timeline-item {
        display: flex;
        gap: calc(40 * 100vw / 1920);
        align-items: start;
    }
    .schedule-timeline-item__number-wrapper {
        display: flex;
        width: calc(128 * 100vw / 1920);
        justify-content: end;
        align-items: end;
    }
    .schedule-timeline-item__number {
        width: calc(100 * 100vw / 1920);
    }
    .schedule-timeline-item__number img {
        width: 100%;
    }
    .schedule-timeline-item__content {
        width: 100%;
        max-width: calc(742 * 100vw / 1920);
        color: var(--main-color);
        font-size: calc(42 * 100vw / 1920);
        font-weight: 700;
        line-height: 2;
        background-color: rgba(11, 11, 11, 0.4);
    }
    .schedule-separator {
        margin-left: calc(64 * 100vw / 1920);
        width: calc(4 * 100vw / 1920);
        color: var(--main-color);
        background-size: contain;
    }
    .separator-y-20 {
        height: calc(20 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-20.png);
    }
    .separator-y-50 {
        height: calc(50 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-50.png);
    }
    .separator-y-85 {
        height: calc(85 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-85.png);
    }
    .separator-y-102 {
        height: calc(102 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-102.png);
    }
    .separator-y-129 {
        height: calc(129 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-129.png);
    }
    .separator-y-153 {
        height: calc(153 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-153.png);
    }
    .separator-y-329 {
        height: calc(329 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-329.png);
    }
    .separator-y-525 {
        height: calc(525 * 100vw / 1920);
        background-image: url(../img/interview/separator-y-525.png);
    }
    .separator-x-79 {
        width: calc(79 * 100vw / 1920);
        background-image: url(../img/interview/separator-x-79.png);
    }
    .schedule-timeline-mid-item {
        display: flex;
        gap: calc(25 * 100vw / 1920);
        align-items: center;
    }
    .schedule-timeline-mid-item__separator {
        display: flex;
        padding-left: calc(64 * 100vw / 1920);
        padding-top: calc(30 * 100vw / 1920);
        padding-bottom: calc(30 * 100vw / 1920);
        align-items: center;
    }
    .schedule-timeline-mid-item__separator-y {
        width: calc(4 * 100vw / 1920);
        color: var(--main-color);
        background-size: contain;
    }
    .schedule-timeline-mid-item__separator-x {
        height: calc(4 * 100vw / 1920);
        width: calc(80 * 100vw / 1920);
        color: var(--main-color);
        background-size: contain;
    }
    .schedule-timeline-mid-item__content-col {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: fit-content;
        justify-content: center;
        gap: calc(15 * 100vw / 1920);
        background-color: rgba(11, 11, 11, 0.4);
    }
    .schedule-timeline-mid-item__content-col .schedule-timeline-item__content {
        background-color: transparent;
    }
    .schedule--01 .schedule-separator--01 {
        height: calc(129 * 100vw / 1920);
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(23 * 100vw / 1920);
    }
    .schedule--01
        #schedule-item-845-mid
        .schedule-timeline-mid-item__separator {
        padding-top: calc(31 * 100vw / 1920);
        padding-top: calc(23 * 100vw / 1920);
    }
    .schedule--01 #schedule-item-845-mid {
        margin-bottom: calc(31 * 100vw / 1920);
    }
    #schedule-1730 {
        width: calc(93 * 100vw / 1920);
    }
    #schedule-830 {
        width: calc(112 * 100vw / 1920);
    }
    #schedule-845 {
        width: calc(112 * 100vw / 1920);
    }
    #schedule-900 {
        width: calc(92 * 100vw / 1920);
    }
    #schedule-930 {
        width: calc(93 * 100vw / 1920);
    }
    #schedule-1600 {
        padding-right: calc(10 * 100vw / 1920);
        width: calc(92 * 100vw / 1920);
    }
    #schedule-730 {
        width: calc(93 * 100vw / 1920);
    }
    #schedule-1300 {
        width: calc(93 * 100vw / 1920);
    }
    #schedule-1900 {
        width: calc(92 * 100vw / 1920);
    }
    #schedule-2200 {
        padding-right: calc(20 * 100vw / 1920);
        width: calc(74 * 100vw / 1920);
    }
    #schedule-1830 {
        width: calc(112 * 100vw / 1920);
    }
    #schedule-1015 {
        width: calc(91 * 100vw / 1920);
    }
    #schedule-1515 {
        width: calc(91 * 100vw / 1920);
    }
    .schedule--01 .schedule-timeline-mid-item__separator-y {
        height: calc(525 * 100vw / 1920);
    }
    .schedule--02 .schedule-timeline-mid-item__separator-y {
        height: calc(330 * 100vw / 1920);
    }
    .introduction--02 .introduction-bg__staff {
        top: 0%;
        left: 50%;
        translate: -50% 0;
        width: calc(1285 * 100vw / 1920);
    }
    .introduction--03 .introduction-bg__staff {
        top: 0;
        left: 57%;
        translate: -50% 0;
        width: calc(820 * 100vw / 1920);
    }
    .schedule--02 .schedule-separator--01 {
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(23 * 100vw / 1920);
        height: calc(129 * 100vw / 1920);
    }
    .schedule--02 .schedule-separator--02 {
        margin-top: calc(16 * 100vw / 1920);
        margin-bottom: calc(46 * 100vw / 1920);
        height: calc(85 * 100vw / 1920);
    }
    .introduction-content .fade-in-up,
    .introduction-content .s-fade-in-up,
    .introduction-content .text-up__text,
    .introduction-content .section-text-up__text,
    .introduction-content .slide-in-banner::after,
    .introduction-content .slide-in-banner__text {
        animation-play-state: paused;
    }
    .on .introduction-content .fade-in-up,
    .on .introduction-content .s-fade-in-up,
    .on .introduction-content .text-up__text,
    .on .introduction-content .section-text-up__text,
    .on .introduction-content .slide-in-banner::after,
    .on .introduction-content .slide-in-banner__text {
        animation-play-state: running;
    }
    .introduction-heading .section-text-up:nth-child(2) .section-text-up__text {
        animation-delay: 0.4s;
    }
    .schedule--03 .schedule-separator--01 {
        height: calc(129 * 100vw / 1920);
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(23 * 100vw / 1920);
    }
    .schedule--03 .schedule-separator--02 {
        height: calc(129 * 100vw / 1920);
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(31 * 100vw / 1920);
    }
    .schedule--03
        #schedule-item-830-mid
        .schedule-timeline-mid-item__separator-y {
        height: calc(153 * 100vw / 1920);
    }
    .schedule--03
        #schedule-item-1300-mid
        .schedule-timeline-mid-item__separator-y {
        height: calc(102 * 100vw / 1920);
    }
    .schedule--03
        #schedule-item-830-mid
        .schedule-timeline-mid-item__separator-y {
        margin-bottom: calc(-15 * 100vw / 1920);
    }
    .introduction--04 .introduction-bg__staff {
        width: calc(850 * 100vw / 1920);
        top: -2%;
        left: 50%;
        translate: -50% 0;
    }
    .schedule--04 .schedule-separator--01,
    .schedule--04 .schedule-separator--02,
    .schedule--04 .schedule-separator--03 {
        height: calc(129 * 100vw / 1920);
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(23 * 100vw / 1920);
    }
    .schedule--04
        #schedule-item-900-mid
        .schedule-timeline-mid-item__separator-y {
        height: calc(129 * 100vw / 1920);
        margin-bottom: calc(-30 * 100vw / 1920);
    }
    .schedule--04
        #schedule-item-900-mid
        .schedule-timeline-mid-item__separator {
        padding-bottom: calc(50 * 100vw / 1920);
    }
    .schedule--04 .schedule__hero-img {
        object-position: 64% 50%;
    }
    .schedule--04 .schedule-timeline-mid-item__content-col {
        margin-top: calc(-30 * 100vw / 1920);
    }
    .schedule--05 .schedule-separator--01 {
        height: calc(129 * 100vw / 1920);
        margin-top: calc(40 * 100vw / 1920);
        margin-bottom: calc(23 * 100vw / 1920);
    }
    .schedule--05 .schedule-timeline-mid-item__separator-y {
        height: calc(129 * 100vw / 1920);
    }
    .other-links {
        display: grid;
        min-height: calc(480 * 100vw / 1920);
        grid-template-columns: repeat(3, 1fr);
        gap: calc(30 * 100vw / 1920);
        padding: calc(180 * 100vw / 1920) 0;
    }
    .other-links-item {
        position: relative;
        display: flex;
        box-sizing: border-box;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        overflow: hidden;
    }
    .other-links-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid var(--black-color);
        box-sizing: border-box;
    }
    .other-links-item--01 {
        background-image: url(../img/interview/interview-other-link-01.webp);
    }
    .other-links-item--02 {
        background-image: url(../img/interview/interview-other-link-02.webp);
    }
    .other-links-item--03 {
        background-image: url(../img/interview/interview-other-link-03.webp);
    }
    .other-links-item__heading {
        position: absolute;
        top: calc(27 * 100vw / 1920);
        right: calc(17 * 100vw / 1920);
        display: flex;
        gap: calc(16 * 100vw / 1920);
        align-items: start;
    }
    .other-links-item__heading-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: calc(32 * 100vw / 1920);
        font-weight: 700;
        color: var(--white-color);
        background-color: var(--black-color);
        padding: calc(10 * 100vw / 1920) calc(5 * 100vw / 1920);
        writing-mode: vertical-rl;
        text-orientation: upright;
        box-sizing: border-box;
    }
    .other-links-item__heading-en {
        font-family: var(--font-jost);
        font-size: calc(36 * 100vw / 1920);
        letter-spacing: 0.06em;
        color: var(--white-color);
        writing-mode: vertical-lr;
        box-sizing: border-box;
    }
    .other-links-item__icon-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        width: calc(100 * 100vw / 1920);
        height: calc(100 * 100vw / 1920);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--main-color);
        box-sizing: border-box;
    }
    .other-links-item__icon {
        width: calc(32 * 100vw / 1920);
        height: calc(32 * 100vw / 1920);
        rotate: -90deg;
    }
    .other-links-item--01 .other-links-item__icon-wrapper {
        border-color: transparent;
        background-color: var(--black-color);
    }
    .other-links-item_heading-wrapper {
        display: flex;
        background-color: var(--black-color);
    }
    .introduction--05 .introduction-bg__staff {
        width: calc(880 * 100vw / 1920);
        top: 2%;
        left: 50%;
        translate: -50% 0;
    }
}
@media (min-width: 1025px) {
    #interview-page {
        .schedule--01
            #schedule-item-830
            .schedule-timeline-item__number-wrapper,
        .schedule--01
            #schedule-item-845
            .schedule-timeline-item__number-wrapper {
            height: calc(249 * 100vw / 1920);
        }
        .schedule--01 #schedule-item-1730 .schedule-timeline-item__content {
            margin-top: calc(20 * 100vw / 1920);
        }
        .schedule--02
            #schedule-item-830
            .schedule-timeline-item__number-wrapper,
        .schedule--02
            #schedule-item-930
            .schedule-timeline-item__number-wrapper {
            height: calc(233 * 100vw / 1920);
        }
        .schedule--03
            #schedule-item-730
            .schedule-timeline-item__number-wrapper {
            height: calc(229 * 100vw / 1920);
        }
        .schedule--03
            #schedule-item-830
            .schedule-timeline-item__number-wrapper {
            height: calc(234 * 100vw / 1920);
        }
        .schedule--03
            #schedule-item-1330
            .schedule-timeline-item__number-wrapper {
            height: calc(288 * 100vw / 1920);
        }
        .schedule--03
            #schedule-item-1900
            .schedule-timeline-item__number-wrapper {
            height: calc(293 * 100vw / 1920);
        }
        .schedule--03
            #schedule-item-2200
            .schedule-timeline-item__number-wrapper {
            height: calc(303 * 100vw / 1920);
        }
        .schedule--04
            #schedule-item-830
            .schedule-timeline-item__number-wrapper {
            height: calc(249 * 100vw / 1920);
        }
        .schedule--04 #schedule-item-1830 .schedule-timeline-item__content {
            margin-top: calc(5 * 100vw / 1920);
        }
        .schedule--05
            #schedule-item-730
            .schedule-timeline-item__number-wrapper {
            height: calc(235 * 100vw / 1920);
        }
        .schedule--05
            #schedule-item-830
            .schedule-timeline-item__number-wrapper {
            height: calc(249 * 100vw / 1920);
        }
        .schedule--05
            #schedule-item-1300
            .schedule-timeline-item__number-wrapper {
            height: calc(287 * 100vw / 1920);
        }
        .schedule--05
            #schedule-item-1515
            .schedule-timeline-item__number-wrapper {
            height: calc(262 * 100vw / 1920);
        }
        .schedule--05
            #schedule-item-1830
            .schedule-timeline-item__number-wrapper {
            height: calc(273 * 100vw / 1920);
        }
        .schedule--05 #schedule-item-1830 .schedule-timeline-item__content {
            margin-top: calc(11 * 100vw / 1920);
        }
        .introduction-grid__content {
            animation-delay: 0.5s;
        }
        .contact-btn__wrapper {
            position: absolute;
            top: clamp(0px, calc(1107 * 100vw / 1920), 1107px);
            right: 0;
            z-index: 10;
            pointer-events: none;
        }
        
    }
}
@media (max-width: 1024px) {
    #interview-page {
        .top-kv {
            padding-top: clamp(0px, calc(225 * 100vw / 375), 225px);
        }
        .top-kv__bg {
            height: calc(283 * 100vw / 375);
            max-height: 283px;
        }
        .top-kv__title-sp-overlay {
            position: absolute;
            top: clamp(0px, calc(50 * 100vw / 375), 50px);
            left: calc(30 * 100vw / 375);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 1px;
        }
        .top-kv__title-sp-jp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .top-kv__title-sp-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: clamp(0px, calc(40 * 100vw / 375), 40px);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
            box-sizing: border-box;
        }
        .top-kv__title-sp-jp:nth-child(1) {
            width: clamp(0px, calc(111 * 100vw / 375), 111px);
        }
        .top-kv__title-sp-jp:nth-child(2) {
            width: clamp(0px, calc(200 * 100vw / 375), 200px);
        }
        .top-kv__title-sp-jp:nth-child(3) {
            width: clamp(0px, calc(257 * 100vw / 375), 257px);
        }
        .top-kv__title-en {
            font-family: var(--font-syne);
            font-weight: 800;
            font-size: clamp(0px, calc(32 * 100vw / 375), 32px);
            color: var(--main-color);
            background-color: var(--black-color);
            padding-right: clamp(0px, calc(20 * 100vw / 375), 20px);
        }
        .members {
            margin: 0;
            padding-top: calc(20 * 100vw / 375);
            gap: calc(33 * 100vw / 375);
        }
        .contact-btn__wrapper {
            top: calc(829 * 100vw / 375);
        }
        .content-scroll-wrapper {
            display: flex;
            flex-direction: column;
            /* margin-top: calc(-500 * 100vw / 375); */
        }
        .members__title-sp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: calc(20 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
        }
        .members__title-sp {
            font-family: var(--font-noto-sans-jp);
            font-size: calc(24 * 100vw / 375);
            font-weight: 700;
            line-height: 2;
            color: var(--main-color);
            padding: 0 calc(10 * 100vw / 375);
        }
        .member-card__role {
            left: calc(48 * 100vw / 375);
        }
        .members-grid__col {
            gap: calc(20 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
        }
        .members-grid__title-heading {
            font-size: calc(52 * 100vw / 375);
        }
        .members-grid__title-subheading {
            font-size: calc(18 * 100vw / 375);
        }
        .members-grid {
            display: flex;
            flex-direction: column;
            gap: calc(15 * 100vw / 375);
            height: unset;
        }
        .member-grid-item {
            min-height: calc(325 * 100vw / 375);
        }
        .member-grid-item__title-col {
            top: calc(10 * 100vw / 375);
            gap: calc(4 * 100vw / 375);
            font-size: calc(33 * 100vw / 375);
            width: calc(45 * 100vw / 375);
        }
        .member-grid-item__title-flip {
            padding-left: 0;
        }
        .member-grid-item__title-flip--highlight {
            font-size: calc(44 * 100vw / 375);
            padding-left: 0;
        }
        .member-grid-item__job-row {
            gap: calc(24 * 100vw / 375);
            font-size: clamp(16px, calc(22 * 100vw / 375), 99px);
        }
        .member-grid-item__icon-wrapper {
            width: calc(56 * 100vw / 375);
        }
        .member-grid-item__icon {
            width: calc(32 * 100vw / 375);
            height: calc(32 * 100vw / 375);
        }
        .member-grid-item:nth-child(3) .member-grid-item__title-col {
            gap: 1px;
        }
        .introduction {
            position: relative;
        }
        .introduction-bg {
            position: sticky;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(800 * 100vw / 375);
            z-index: 1;
            overflow: hidden;
        }
        .introduction-bg__image {
            object-fit: cover;
        }
        .introduction__number-title-sp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: calc(80 * 100vw / 375) calc(30 * 100vw / 375)
                calc(110 * 100vw / 375) calc(30 * 100vw / 375);
        }
        .introduction__number-title-sp {
            height: calc(45 * 100vw / 375);
        }
        .introduction--01 .introduction-bg__staff {
            width: calc(540 * 100vw / 375);
            top: unset;
            bottom: 0;
            translate: -50% 0;
        }
        .introduction-content {
            margin-top: calc(-800 * 100vw / 375);
            padding-top: calc(150 * 100vw / 375);
            padding-bottom: 0;
        }
        .introduction-heading {
            gap: calc(50 * 100vw / 375);
            padding-left: calc(24 * 100vw / 375);
            padding-right: calc(36 * 100vw / 375);
            margin-bottom: 0;
        }
        .introduction-heading__title {
            font-size: calc(34 * 100vw / 375);
        }
        .introduction-heading__subtitle-col {
            font-size: clamp(16px, calc(18 * 100vw / 375), 99px);
        }
        .introduction-heading__subtitle-row {
            gap: calc(24 * 100vw / 375);
        }
        .introduction-heading__subtitle-label {
            min-width: calc(44 * 100vw / 375);
        }
        .introduction-grid {
            gap: calc(30 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
        }
        .introduction-grid__top {
            padding: 0;
            gap: calc(30 * 100vw / 375);
            flex-direction: column;
        }
        .introduction-grid__bottom {
            padding: 0;
            gap: calc(30 * 100vw / 375);
            flex-direction: column-reverse;
        }
        .introduction-grid__content {
            flex-direction: column;
            gap: calc(10 * 100vw / 375);
        }
        .introduction-grid__content-col {
            padding: calc(10 * 100vw / 375) calc(15 * 100vw / 375);
            max-width: unset;
            gap: calc(10 * 100vw / 375);
        }
        .introduction-grid__content-header {
            width: calc(120 * 100vw / 375);
            height: calc(100 * 100vw / 375);
            padding-left: calc(5 * 100vw / 375);
            padding-right: calc(20 * 100vw / 375);
            padding-top: calc(15 * 100vw / 375);
            rotate: unset;
        }
        .introduction-grid__content-header--top {
            margin-top: 0;
        }
        .introduction-grid__content-header--bottom {
            margin-top: 0;
        }
        .introduction-grid__image {
            width: 100%;
        }
        .introduction-grid__content-subheader {
            font-size: clamp(18px, calc(22 * 100vw / 375), 99px);
        }
        .introduction-grid__content-message {
            font-size: clamp(16px, calc(18 * 100vw / 375), 99px);
        }
        .schedule__hero-img {
            height: calc(800 * 100vw / 375);
            object-fit: cover;
        }
        .schedule__hero-img--01 {
            object-position: 63% center;
        }
        .schedule-content {
            margin-top: calc(-800 * 100vw / 375);
            padding-top: calc(80 * 100vw / 375);
            padding-bottom: 0;
            gap: calc(250 * 100vw / 375);
        }
        .schedule-heading-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: calc(80 * 100vw / 375) calc(30 * 100vw / 375);
        }
        .schedule-heading {
            padding-left: calc(30 * 100vw / 375);
            align-items: start;
        }
        .schedule-heading__title {
            font-size: calc(52 * 100vw / 375);
        }
        .schedule-heading__subtitle {
            font-size: clamp(16px, calc(18 * 100vw / 375), 99px);
            padding: 0 calc(3 * 100vw / 375);
        }
        .schedule-timeline {
            padding: calc(30 * 100vw / 375);
            max-width: 100%;
            gap: calc(10 * 100vw / 375);
        }
        .schedule-timeline-item {
            flex-direction: column;
            align-items: flex-start;
            gap: calc(10 * 100vw / 375);
        }
        .schedule-timeline-item__content {
            max-width: unset;
            padding: calc(10 * 100vw / 375) calc(5 * 100vw / 375);
            font-size: calc(24 * 100vw / 375);
            box-sizing: border-box;
        }
        .schedule-timeline-item__number {
            width: auto;
            height: calc(45 * 100vw / 375);
        }
        .schedule-timeline-item__number img {
            width: auto;
            height: 100%;
        }
        #schedule-730,
        #schedule-830,
        #schedule-930,
        #schedule-900,
        #schedule-1730,
        #schedule-845,
        #schedule-1600,
        #schedule-1900,
        #schedule-1015,
        #schedule-1315,
        #schedule-2200 {
            width: auto;
        }
        #schedule-1600 {
            padding-right: 0;
        }
        #schedule-2200 {
            padding-right: 0;
        }
        .schedule-separator {
            width: calc(4 * 100vw / 375);
            margin-left: calc(40 * 100vw / 375) !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .separator-y-20 {
            height: calc(20 * 100vw / 375);
            background-image: url(../img/interview/separator-y-20.png);
        }
        .separator-y-50 {
            height: calc(50 * 100vw / 375);
            background-image: url(../img/interview/separator-y-50.png);
        }
        .separator-y-85 {
            height: calc(85 * 100vw / 375);
            background-image: url(../img/interview/separator-y-85.png);
        }
        .separator-y-102 {
            height: calc(102 * 100vw / 375);
            background-image: url(../img/interview/separator-y-102.png);
        }
        .separator-y-129 {
            height: calc(129 * 100vw / 375);
            background-image: url(../img/interview/separator-y-129.png);
        }
        .separator-y-153 {
            height: calc(153 * 100vw / 375);
            background-image: url(../img/interview/separator-y-153.png);
        }
        .separator-y-329 {
            height: calc(329 * 100vw / 375);
            background-image: url(../img/interview/separator-y-329.png);
        }
        .separator-y-525 {
            height: calc(525 * 100vw / 375);
            background-image: url(../img/interview/separator-y-525.png);
        }
        .separator-x-79 {
            width: calc(79 * 100vw / 375);
            background-image: url(../img/interview/separator-x-79.png);
        }
        .introduction--02 .introduction-bg__staff {
            top: unset;
            left: 70%;
            bottom: -56%;
            translate: -50% 0;
            width: calc(540 * 100vw / 375);
        }
        .introduction--03 .introduction-bg__staff {
            top: 8%;
            right: -50%;
            left: unset;
            translate: unset;
            width: calc(480 * 100vw / 375);
        }
        .schedule--02 .schedule__hero-img {
            object-position: 67% center;
        }
        .schedule-timeline-mid-item__content-col {
            gap: 0;
            padding: calc(10 * 100vw / 375) calc(5 * 100vw / 375);
        }
        .schedule-timeline-mid-item__content-col
            .schedule-timeline-item__content {
            padding: 0;
        }
        .schedule--03 .schedule__hero-img {
            object-position: 78% center;
        }
        .schedule--05 .schedule__hero-img {
            object-position: 67% center;
        }
        .schedule-timeline-item__number-wrapper {
            width: unset;
        }
        .introduction--04 .introduction-bg__staff {
            top: 10%;
            left: unset;
            right: -18%;
            width: calc(450 * 100vw / 375);
            translate: unset;
        }
        .introduction--05 .introduction-bg__staff {
            top: 3%;
            left: unset;
            right: -18%;
            width: calc(450 * 100vw / 375);
            translate: unset;
        }
        .schedule--05 .schedule-separator.schedule-separator--small {
            height: calc(20 * 100vw / 375) !important;
        }
        .other-links {
            display: flex;
            flex-direction: column;
            min-height: unset;
            gap: calc(30 * 100vw / 375);
            padding: calc(50 * 100vw / 375) calc(30 * 100vw / 375);
        }
        .other-links-item {
            filter: drop-shadow(
                0.919387px 0.73551px 11.0326px rgba(0, 0, 0, 0.45)
            );
            height: calc(167 * 100vw / 375);
        }
        .other-links-item::before {
            border: 0.05px solid var(--black-color);
        }
        .other-links .other-links-item:nth-child(even)::before {
            border-color: transparent;
        }
        .other-links-item--01 {
            background-image: url(../img/interview/interview-other-link-01-sp.webp);
        }
        .other-links-item--02 {
            background-image: url(../img/interview/interview-other-link-02-sp.webp);
        }
        .other-links-item--03 {
            background-image: url(../img/interview/interview-other-link-03-sp.webp);
        }
        .other-links-item__heading {
            position: absolute;
            top: unset;
            right: unset;
            bottom: calc(0 * 100vw / 375);
            left: calc(0 * 100vw / 375);
            gap: 0;
            align-items: start;
            flex-direction: column;
        }
        .other-links-item__heading-jp {
            min-width: calc(191 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            padding: calc(1.5 * 100vw / 375) 0 calc(3 * 100vw / 375)
                calc(5 * 100vw / 375);
            writing-mode: horizontal-tb;
            text-orientation: upright;
        }
        .other-links-item__heading-en {
            box-sizing: border-box;
            font-family: var(--font-syne);
            font-size: calc(26 * 100vw / 375);
            font-weight: 800;
            letter-spacing: 0;
            color: var(--black-color);
            background-color: var(--main-color);
            writing-mode: horizontal-tb;
            padding: calc(4 * 100vw / 375) 0;
        }
        .other-links-item__icon-wrapper {
            position: absolute;
            bottom: 0;
            right: 0;
            width: calc(54 * 100vw / 375);
            height: calc(54 * 100vw / 375);
            border-color: transparent;
            background-color: var(--black-color);
        }
        .other-links-item__icon {
            width: calc(32 * 100vw / 375);
            height: calc(32 * 100vw / 375);
        }
        .other-links-item_heading-wrapper {
            display: flex;
        }
        .other-links-item--02 .other-links-item__icon-wrapper {
            display: none;
        }
        .other-links-item--02 .other-links-item__heading {
            width: 100%;
        }
        .other-links-item--02 .other-links-item__heading-en {
            width: 100%;
            font-size: calc(24 * 100vw / 375);
        }
        .other-links-item--03 .other-links-item__heading-jp {
            min-width: unset;
        }
        .other-links-item--03 .other-links-item_heading-wrapper {
            flex-direction: row-reverse;
        }
        .content-section-sidebar {
            top: calc(100 * 100vw / 375);
            margin-top: calc(30 * 100vw / 375);
            gap: calc(36 * 100vw / 375);
        }
        .content-section-sidebar__button {
            gap: calc(12 * 100vw / 375);
            padding-top: calc(12 * 100vw / 375);
            padding-bottom: calc(8 * 100vw / 375);
            padding-left: calc(13 * 100vw / 375);
            padding-right: calc(13 * 100vw / 375);
            font-size: clamp(16px, calc(20 * 100vw / 375), 99px);
        }
        .content-section-sidebar__button-icon {
            width: calc(23 * 100vw / 375);
        }
        .content-section-sidebar__list {
            gap: calc(8 * 100vw / 375);
        }
        .content-section-sidebar__list-item {
            display: block;
            gap: 0;
            padding: calc(10 * 100vw / 375);
            font-size: clamp(16px, calc(22 * 100vw / 375), 99px);
        }
        .content-section-sidebar__list-item span {
            margin-inline-end: calc(5 * 100vw / 375);
        }
        .content-section {
            margin-top: 0;
        }
        .introduction--03 .introduction-bg__image {
            object-fit: cover;
        }
        .introduction--04 .introduction-bg__image {
            object-fit: cover;
            object-position: 32% 20%;
        }
        .introduction--05 .introduction-bg__image {
            object-fit: cover;
            object-position: 47% 20%;
        }

        .introduction__number-title-pc {
            position: absolute;
            top: calc(46 * 100vw / 375);
            left: calc(30 * 100vw / 375);
            z-index: 2;
            height: calc(50 * 100vw / 375);
        }
    }
}
#front-page-top {
    display: flex;
    flex-direction: column;
    gap: calc(180 * 100vw / 1920);
    background-color: black;

    /* MV Section */
    .mv-section {
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: black;
    }
    .mv__video-wrapper {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: clamp(0px, calc(900 * 100vw / 1920), 1098px);
        margin-bottom: clamp(-300px, calc(-300 * 100vw / 1920), 0px);
        overflow: hidden;
    }
    .mv__video {
        position: absolute;
        top: clamp(-150px, calc(-150 * 100vw / 1920), 0px);
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .mv-top {
        margin-top: clamp(-798px, calc(-600 * 100vw / 1920), 0px);
        position: relative;
        display: flex;
        height: clamp(0px, calc(900 * 100vw / 1920), 1098px);
        /* display: none; */
    }
    .mv-heading {
        display: flex;
        flex-direction: column;
        align-items: end;
        position: absolute;
        bottom: clamp(0px, calc(60 * 100vw / 1920), 60px);
        right: calc(80 * 100vw / 1920);
    }
    .mv-title__row {
        display: flex;
        margin-bottom: clamp(-53px, calc(-53 * 100vw / 1920), 0px);
    }
    .mv-title--1,
    .mv-title--2,
    .mv-title--6 {
        width: clamp(0px, calc(288 * 100vw / 1920), 288px);
    }
    .mv-title--3 {
        width: clamp(0px, calc(347 * 100vw / 1920), 347px);
        margin-left: clamp(-5px, calc(-5 * 100vw / 1920), 0px);
    }
    .mv-title--4 {
        width: clamp(0px, calc(136 * 100vw / 1920), 136px);
        margin-left: clamp(-30px, calc(-30 * 100vw / 1920), 0px);
        margin-right: clamp(-22px, calc(-22 * 100vw / 1920), 0px);
    }
    .mv-title--5 {
        width: clamp(0px, calc(266 * 100vw / 1920), 266px);
        margin-right: clamp(-85px, calc(-85 * 100vw / 1920), 0px);
    }
    .mv-title--1 {
        margin-right: clamp(0px, calc(5 * 100vw / 1920), 5px);
    }
    .mv-subtitle__row {
        display: flex;
        margin-right: clamp(-10px, calc(-10 * 100vw / 1920), 0px);
    }
    .mv-subtitle {
        font-family: var(--font-syne-static);
        font-size: clamp(0px, calc(155 * 100vw / 1920), 155px);
        font-weight: 800;
        color: transparent;
        -webkit-text-stroke: 1px var(--main-color);
    }
    .mv-subtitle--highlight {
        -webkit-text-stroke-color: var(--accent-2-color);
        margin-left: clamp(-10px, calc(-10 * 100vw / 1920), 0px);
        margin-right: clamp(-15px, calc(-15 * 100vw / 1920), 0px);
    }
    .mv-subtitle .before-el {
        background-color: black;
    }
    .mv-subtitle .after-el {
        background-color: var(--main-color);
    }
    .mv-subtitle--highlight .after-el {
        background-color: var(--accent-2-color);
    }
    .mv-left-decoration {
        position: absolute;
        bottom: 0;
        left: calc(81 * 100vw / 1920);
        display: flex;
        align-items: end;
        padding-left: clamp(0px, calc(5 * 100vw / 1920), 5px);
        border-left: 1px solid var(--main-color);
        height: calc(283 * 100vw / 1920);
        max-height: 283px;
    }
    .mv-left-decoration__text {
        font-family: var(--font-syne-static);
        font-size: clamp(0px, calc(24 * 100vw / 1920), 24px);
        font-weight: 400;
        color: black;
        -webkit-text-stroke: 2px var(--main-color);
        writing-mode: vertical-rl;
        paint-order: stroke fill;
    }
    .mv-logo {
        width: calc(132 * 100vw / 1920);
        max-width: 132px;
    }
    .mv-about {
        position: relative;
        display: flex;
        padding: 0 calc(210 * 100vw / 1920);
        display: flex;
        align-items: end;
    }
    .mv-about__inner {
        display: flex;
        flex-direction: column;
        gap: calc(50 * 100vw / 1920);
        margin-bottom: calc(286 * 100vw / 1920);
        margin-right: calc(-130 * 100vw / 1920);
        z-index: 2;
    }
    .mv-about__heading {
        display: flex;
        flex-direction: column;
        align-items: start;
        min-width: calc(750 * 100vw / 1920);
        padding-left: calc(5 * 100vw / 1920);
    }
    .mv-about::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 0;
    }
    .mv-about__content {
        display: flex;
        flex-direction: column;
        gap: calc(32 * 100vw / 1920);
    }
    .mv-about__text {
        max-width: calc(722 * 100vw / 1920);
        color: var(--white-color);
        font-size: clamp(16px, calc(22 * 100vw / 1920), 99px);
        line-height: 2;
    }
    .mv-about__img {
        position: relative;
        width: calc(880 * 100vw / 1920);
        height: calc(496 * 100vw / 1920);
        z-index: 1;
        background-image: url("../img/top/about-mv.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mv-about__img img {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
}
#front-page-content {
    display: flex;
    flex-direction: column;
    padding-bottom: calc(180 * 100vw / 1920);
    gap: calc(180 * 100vw / 1920);

    .card-section {
        display: flex;
        flex-direction: column;
        gap: calc(120 * 100vw / 1920);
        padding-left: calc(80 * 100vw / 1920);
        padding-right: calc(80 * 100vw / 1920);
    }
    .card-section-card {
        position: relative;
        width: 100%;
        min-height: calc(455 * 100vw / 1920);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.7);
        justify-content: space-between;
    }
    .card-section-card:nth-child(1) {
        padding-right: calc(105 * 100vw / 1920);
        gap: calc(64 * 100vw / 1920);
    }
    .card-section-card:nth-child(2) {
        padding-left: calc(130 * 100vw / 1920);
        gap: calc(59 * 100vw / 1920);
    }
    .card-section-card__img {
        position: relative;
        width: calc(880 * 100vw / 1920);
        height: 100%;
    }
    .card-section-card__img-bg {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .card-section-card__img .split-image-grid {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .card-section-card__img .split-image {
        background-image: url(../img/black-noise-bg.png);
    }
    .card-section-card__inner {
        display: flex;
        flex-direction: column;
        gap: calc(36 * 100vw / 1920);
        padding: calc(10 * 100vw / 1920) 0;
        pointer-events: auto;
    }
    .card-section-card__content {
        display: flex;
        flex-direction: column;
        gap: calc(39 * 100vw / 1920);
    }
    .card-section-card__heading {
        display: flex;
        flex-direction: column;
    }
    .card-section-card__text {
        max-width: calc(691 * 100vw / 1920);
        color: white;
    }
    .card-section-card:nth-child(1) .card-section-card__content {
        padding: calc(10 * 100vw / 1920);
    }
    .banner-wrapper {
        position: relative;
        overflow: hidden;
        display: flex;
    }
    .banner-wrapper:first-child {
        padding-bottom: calc(22 * 100vw / 1920);
    }
    .banner-wrapper:last-child {
        padding-top: calc(22 * 100vw / 1920);
    }
    .banner {
        display: flex;
        gap: calc(18 * 100vw / 1920);
        transform: translateX(-50%);
        padding-left: calc(18 * 100vw / 1920);
        animation: banner-rtl 25s linear infinite;
    }
    .banner span {
        font-family: var(--font-jost);
        font-weight: 450;
        font-size: clamp(12px, calc(14 * 100vw / 1920), 99px);
        line-height: 1.71;
        color: var(--main-color);
        white-space: nowrap;
    }
    .recruit-section {
        display: flex;
        flex-direction: column;
    }
    .recruit-section__img {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: calc(936 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
        gap: calc(30 * 100vw / 1920);
        padding: calc(81 * 100vw / 1920) calc(72 * 100vw / 1920);
    }
    .recruit-section__subheading-pc-wrapper {
        display: flex;
        flex-direction: column;
        gap: calc(11 * 100vw / 1920);
    }
    .recruit-section__heading-pc {
        display: flex;
        flex-direction: column;
        align-items: start;
        z-index: 2;
    }
    .recruit-section__heading-pc span {
        background-color: var(--black-color);
        text-align: center;
    }
    .recruit-section__heading-pc span:nth-of-type(2) {
        width: calc(92 * 100vw / 1920);
    }
    .recruit-section__subheading-pc {
        display: flex;
        flex-direction: column;
        gap: calc(11 * 100vw / 1920);
        align-items: start;
        color: var(--white-color);
    }
    .recruit-section__subheading-pc-title {
        padding: calc(10 * 100vw / 1920);
        padding-left: calc(6 * 100vw / 1920);
    }
    .recruit-section__subheading-pc-title::after {
        background-color: var(--black-color);
        border-bottom: solid 1px var(--accent-1-color);
    }
    .recruit-section__subheading-pc-subtitle::after {
        background-color: var(--black-color);
    }
    .recruit-section__img-bg {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(../img/top/recruit-img.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }
    .recruit-section__img-wrapper {
        display: flex;
        flex-direction: column;
    }
    .links-section {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(32 * 100vw / 1920);
    }
    .recruit-section .links-section {
        padding: 0 calc(80 * 100vw / 1920);
        padding-top: calc(42 * 100vw / 1920);
    }
    .links-section__inner {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .links-section-item {
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: calc(32 * 100vw / 1920);
        background-color: rgba(0, 0, 0, 0.8);
        min-height: calc(116 * 100vw / 1920);
    }
    .links-section-item::before {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(1 * 100vw / 1920);
        left: 0;
        bottom: 0;
        opacity: 0;
        background: var(--yellow-gra);
        transition: opacity 0.5s ease;
    }
    .links-section-item:hover::before {
        opacity: 1;
    }
    .links-section-item__number {
        font-family: var(--font-roboto-static);
        font-size: calc(56 * 100vw / 1920);
        font-weight: 700;
        -webkit-text-stroke: calc(0.9 * 100vw / 1920) var(--main-color);
        color: transparent;
        line-height: 1.4;
    }
    .links-section-item__title {
        font-family: var(--font-jost);
        font-size: calc(62 * 100vw / 1920);
        line-height: 1.5;
        color: var(--white-color);
    }
    .links-section-item__body {
        color: var(--white-color);
        font-weight: 400;
        line-height: 1.2;
    }
    .news-section {
        display: flex;
        padding: 0 calc(80 * 100vw / 1920);
        gap: calc(50 * 100vw / 1920);
        justify-content: space-between;
        align-items: start;
        z-index: 1;
    }
    .news-section__header {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(32 * 100vw / 1920);
    }
    .news-section__list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(32 * 100vw / 1920);
        max-width: calc(1177 * 100vw / 1920);
    }
    .news-section-item {
        position: relative;
        display: flex;
        box-sizing: border-box;
        border: calc(1 * 100vw / 1920) solid var(--white-color);
        min-height: calc(125 * 100vw / 1920);
        padding: calc(32 * 100vw / 1920);
        gap: calc(10 * 100vw / 1920);
        align-items: start;
        color: var(--white-color);
    }
    .post-item__tag {
        position: relative;
        display: flex;
        flex-shrink: 0;
        box-sizing: border-box;
        border: calc(1 * 100vw / 1920) solid var(--white-color);
        padding: calc(7 * 100vw / 1920) calc(17.5 * 100vw / 1920);
        font-family: var(--font-roboto);
        font-size: clamp(14px, calc(16 * 100vw / 1920), 99px);
        line-height: 1.5;
    }
    .news-section-item__body {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .post-item__date {
        font-family: var(--font-jost);
        font-size: clamp(18px, calc(24 * 100vw / 1920), 99px);
        line-height: 1.4;
        font-weight: 700;
    }
    .news-section-item__arrow {
        position: absolute;
        bottom: calc(20 * 100vw / 1920);
        right: calc(22 * 100vw / 1920);
        width: calc(120 * 100vw / 1920);
        height: calc(16 * 100vw / 1920);
    }
    .news-section-item__arrow img {
        width: 100%;
        height: 100%;
    }
    .news-section-item::before {
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--yellow-gra);
        transition: 0.5s opacity ease;
    }
    .news-section-item:hover::before {
        opacity: 1;
    }
    .post-item .body1 {
        line-height: 1.5;
    }
    .blog-section {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0 calc(80 * 100vw / 1920);
        gap: calc(32 * 100vw / 1920);
        z-index: 1;
    }
    .blog-section-grid-item .body2 {
        font-size: clamp(
            12px,
            calc(17 * var(--vw-with-scrollbar) / 1920),
            99px
        );
    }
    .blog-section .section-header {
        order: 1;
    }
    .blog-section .view-more-btn {
        order: 2;
    }
    .blog-section__grid {
        order: 3;
        display: grid;
        grid-template-columns: repeat(4, calc(370 * 100vw / 1920));
        grid-template-rows: auto;
        gap: calc(32 * 100vw / 1920);
        margin: 0 auto;
        width: 100%;
        justify-content: space-between;
    }
    .blog-section-grid-item {
        display: flex;
        flex-direction: column;
        gap: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background-color: var(--black-color);
    }
    .blog-section-grid-item__img {
        position: relative;
        width: 100%;
        aspect-ratio: 1;
        transition: border-radius 0.5s ease;
        overflow: hidden;
        flex-shrink: 0;
    }
    .blog-section-grid-item__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .blog-section-grid-item__img::after {
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--main-color);
        transition: 0.5s opacity ease;
    }
    .blog-section-grid-item:hover .blog-section-grid-item__img {
        border-top-left-radius: calc(82 * 100vw / 1920);
        border-bottom-right-radius: calc(82 * 100vw / 1920);
    }
    .blog-section-grid-item:hover .blog-section-grid-item__img::after {
        opacity: 0.5;
    }
    .blog-section-grid-item__body {
        display: flex;
        flex-direction: column;
        gap: calc(16 * 100vw / 1920);
        height: 100%;
    }
    .blog-section-grid-item__meta-data {
        display: flex;
        gap: calc(16 * 100vw / 1920);
        align-items: center;
    }
    .blog-section-grid-item__view-more {
        display: flex;
        gap: calc(8 * 100vw / 1920);
        align-items: center;
    }
    .blog-section-grid-item__view-more-text {
        font-family: var(--font-jost);
        font-size: clamp(12px, calc(14 * 100vw / 1920), 99px);
        line-height: 1.7;
    }
    .blog-section-grid-item__view-more-icon {
        width: calc(24 * 100vw / 1920);
    }
    .company-section {
        display: flex;
        flex-direction: column;
        padding: 0 calc(80 * 100vw / 1920);
        z-index: 1;
    }
    .company-section .section-header {
        margin-bottom: calc(42 * 100vw / 1920);
    }
    .company-section .links-section {
        padding-bottom: calc(100 * 100vw / 1920);
    }
    .company-section-img__wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .company-section-img__decoration {
        position: relative;
        width: calc(888 * 100vw / 1920);
        height: calc(623 * 100vw / 1920);
        padding: calc(7 * 100vw / 1920);
        box-sizing: border-box;
    }
    .company-section-img__border {
        position: relative;
        width: 100%;
        height: 100%;
        padding: calc(6 * 100vw / 1920);
        box-sizing: border-box;
    }
    .company-section-img {
        position: relative;
        width: 100%;
        height: 100%;
        background-image: url("../img/top/company-img.webp");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .company-section .decoration-border {
        width: calc(13 * 100vw / 1920);
        height: calc(13 * 100vw / 1920);
    }
    .vr-section {
        display: flex;
        flex-direction: column;
        gap: calc(55 * 100vw / 1920);
        z-index: 1;
    }
    .vr-section__header {
        display: flex;
        justify-content: space-between;
        padding: 0 calc(80 * 100vw / 1920);
        align-items: end;
    }
    .vr-section__inner-header {
        display: flex;
        flex-direction: column;
    }
    .vr-section__title {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .vr-section__title span {
        background-color: var(--black-color);
    }
    .vr-section-message {
        margin-top: calc(36 * 100vw / 1920);
        color: var(--white-color);
    }
    .vr-section-message::after {
        background-color: var(--black-color);
    }
    .vr-section__header .view-more-btn {
        margin-top: calc(40 * 100vw / 1920);
    }
    .vr-section__header-decoration {
        font-family: var(--font-zen-dots);
        font-size: calc(192 * 100vw / 1920);
        line-height: 0.8;
        color: transparent;
        -webkit-text-stroke: calc(1 * 100vw / 1920) var(--main-color);
    }
    .vr-section-video {
        width: 100%;
        height: calc(607 * 100vw / 1920);
        position: relative;
    }
    .vr-section-video__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../img/top/contact-thumbnail.webp");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .vr-section-video__play-btn:hover {
        transform: scale(1.03);
    }
    .vr-section-video__play-btn {
        position: absolute;
        top: 57%;
        left: 50%;
        translate: -50% -50%;
        display: flex;
        flex-direction: column;
        gap: calc(55 * 100vw / 1920);
        align-items: center;
        transition: transform 0.2 ease-out;
        z-index: 2;
    }
    .vr-section-video__play-btn-icon {
        width: calc(190 * 100vw / 1920);
        aspect-ratio: 1;
    }
    .vr-section-video__play-btn-text {
        font-family: var(--font-syne);
        font-size: calc(68 * 100vw / 1920);
        font-weight: 800;
        color: var(--main-color);
    }
    .no-content {
        width: 100%;
        min-height: calc(200 * 100vw / 1920);
        display: flex;
        justify-content: center;
        align-items: center;
        /* Typography */
        font-size: calc(20 * 100vw / 1920);
        line-height: 1.5;
        font-weight: 500;
        color: var(--white-color);
    }
}
@media (min-width: 1025px) {
    body[data-page-slug="home"] .contact-btn__wrapper {
        position: absolute;
        top: clamp(0px, calc(850 * 100vw / 1920), 1035px);
        right: 0;
        pointer-events: none;
        /* 20251212 */
        position: fixed;
        top: auto;
        bottom: 0;
    }

    #front-page-top {
        .mv-about__inner {
            .section-text-up__text {
                animation-delay: 0.65s;
            }
            .s-fade-in-up {
                animation-delay: 1.45s;
            }
        }
    }
    #front-page-content {
        .card-section-card {
            .section-text-up__text {
                animation-delay: 0.3s;
            }
            .s-fade-in-up {
                animation-delay: .6s;
            }
        }
        .recruit-section__img {
            .section-slide-in-banner:nth-child(2)::after {
                animation-delay: 0.65s;
            }
            .section-slide-in-banner:nth-child(2)
                .section-slide-in-banner__text {
                animation-delay: 1.1s;
            }
        }
    }
}
@media (max-width: 1024px) {
    #front-page-top {
        gap: calc(30 * 100vw / 375);
        padding-top: 0;
        padding-bottom: 0;

        .mv-section {
            padding-top: calc(150 * 100vw / 375);
        }
        .mv__video-wrapper {
            /* height: calc(355 * 100vw / 375); */
            height: 80vh;
            max-height: unset;
            margin-bottom: 0;
        }
        .mv__video {
            top: calc(-120 * 100vw / 375);
        }
        .mv-top {
            /* margin-top: calc(-355 * 100vw / 375); */
            margin-top: -57vh;
            /* padding-top: calc(80 * 100vw / 375); */
            padding-left: calc(10 * 100vw / 375);
            padding-right: calc(8 * 100vw / 375);
            height: calc(355 * 100vw / 375);
            max-height: unset;
            display: flex;
            flex-direction: column;
            gap: calc(5 * 100vw / 375);
            box-sizing: border-box;
        }
        .mv-heading {
            position: static;
            gap: calc(5 * 100vw / 375);
        }
        .mv-title__row {
            width: 100%;
            justify-content: center;
            margin-bottom: 0;
        }
        .mv-title--1,
        .mv-title--2,
        .mv-title--6 {
            width: calc(68 * 100vw / 375);
        }
        .mv-title--3 {
            width: calc(81 * 100vw / 375);
        }
        .mv-title--4 {
            width: calc(32 * 100vw / 375);
            margin-left: calc(-5 * 100vw / 375);
            margin-right: calc(-5 * 100vw / 375);
        }
        .mv-title--5 {
            width: calc(62 * 100vw / 375);
            margin-right: calc(-15 * 100vw / 375);
        }
        .mv-title--1 {
            margin-right: calc(5 * 100vw / 1920);
        }
        .mv-subtitle {
            -webkit-text-stroke-width: calc(0.5 * 100vw / 375);
            font-size: calc(42 * 100vw / 375);
            margin-right: -1px;
        }
        .mv-subtitle__row {
            width: 100%;
            justify-content: center;
            margin-right: 0;
        }
        .mv-logo {
            width: calc(90 * 100vw / 375);
            max-width: unset;
            margin-top: calc(10 * 100vw / 375);
            margin-bottom: calc(10 * 100vw / 375);
        }
        .front-page-content {
            display: flex;
            flex-direction: column;
        }
        .mv-about {
            padding: calc(30 * 100vw / 375);
            align-items: stretch;
            flex-direction: column;
            gap: calc(30 * 100vw / 375);
            overflow: hidden;
        }
        .mv-about__inner {
            margin-right: 0;
            margin-bottom: 0;
            gap: calc(30 * 100vw / 375);
        }
        .mv-about__content {
            gap: calc(30 * 100vw / 375);
        }
        .mv-about__heading {
            min-width: unset;
            padding-left: 0;
        }
        .mv-about__text {
            max-width: unset;
            font-size: clamp(16px, calc(18 * 100vw / 375), 99px);
        }
        .mv-about__img {
            left: 50%;
            translate: -50% 0;
            width: calc(420 * 100vw / 375);
            height: calc(237 * 100vw / 375);
        }
    }
    #front-page-content {
        padding-top: 0;
        padding-bottom: calc(130 * 100vw / 375);

        .card-section {
            gap: calc(80 * 100vw / 375);
            padding: calc(50 * 100vw / 375) calc(30 * 100vw / 375);
        }
        .card-section-card {
            min-height: unset;
            gap: calc(64 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
            flex-direction: column;
        }
        .card-section-card__img {
            width: 100%;
            height: fit-content;
            order: 2;
        }
        .card-section-card__img-bg {
            height: auto;
        }
        .card-section-card__inner {
            gap: calc(30 * 100vw / 375);
            order: 1;
        }
        .card-section-card__content {
            gap: calc(30 * 100vw / 375);
        }
        .card-section-card__text {
            max-width: 100%;
        }
        .card-section-card:nth-child(1) .card-section-card__content {
            padding: 0;
        }
        .card-section-card:nth-child(2) {
            justify-content: start;
        }
        .banner-wrapper:first-child {
            padding-bottom: calc(5 * 100vw / 375);
        }
        .banner-wrapper:last-child {
            padding-top: calc(5 * 100vw / 375);
        }
        .banner {
            display: flex;
            gap: calc(10 * 100vw / 375);
            padding-left: calc(10 * 100vw / 375);
        }
        .banner span {
            font-size: clamp(8px, calc(10 * 100vw / 375), 99px);
            line-height: 2.4;
        }
        .recruit-section {
            gap: calc(30 * 100vw / 375);
            padding-bottom: calc(50 * 100vw / 1920);
        }
        .recruit-section__img-bg {
            background-image: url("../img/top/recruit-img-sp.webp");
        }
        .recruit-section__heading-sp {
            display: flex;
            flex-direction: column;
            align-items: start;
            gap: calc(30 * 100vw / 375);
            padding: 0 calc(30 * 100vw / 375);
        }
        .recruit-section__heading-sp-title {
            display: flex;
            flex-direction: column;
        }
        .links-section {
            gap: calc(32 * 100vw / 375);
        }
        .recruit-section__img {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: calc(314 * 100vw / 375);
        display: flex;
        flex-direction: column;
        justify-content: end;   
        align-items: start;
        gap: calc(30 * 100vw / 1920);
        padding: calc(81 * 100vw / 1920) calc(72 * 100vw / 1920);
        }
        .recruit-section .links-section {
            padding: 0 calc(30 * 100vw / 375);
            padding-bottom: calc(50 * 100vw / 375);
        }
		.company-section-img__wrapper {
            width: 100%;
            display: flex;
			padding-top: calc(30 * 100vw / 375);
            justify-content: center;
        }
        .links-section-item {
            /* flex-direction: column; */
            align-items: start;
            gap: 0;
            min-height: unset;
            padding: calc(10 * 100vw / 375) calc(8 * 100vw / 375);
            gap: calc(8 * 100vw / 375);

        }
        .links-section-item__text-wrapper {
            display: flex;
            flex-direction: column;
            gap: calc(8 * 100vw / 375);
        }
        .links-section-item__number {
            padding-top: calc(3 * 100vw / 375);
            font-size: calc(24 * 100vw / 375);
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
        }
        .links-section-item__title {
            font-size: calc(40 * 100vw / 375);
        }
        .links-section-item__body {
            font-size: clamp(16px, calc(20 * 100vw / 375), 99px);
        }
        .links-section-item__title,
        .links-section-item__body {
            margin-top: calc(-5 * 100vw / 375);
        }
        .news-section {
            display: flex;
            flex-direction: column;
            padding: calc(100 * 100vw / 375) calc(30 * 100vw / 375);
            padding-top: 0;
            gap: calc(30 * 100vw / 375);
            justify-content: start;
            align-items: start;
        }
        .news-section__header {
            gap: calc(30 * 100vw / 375);
        }
        .news-section__list {
            gap: calc(30 * 100vw / 375);
            max-width: unset;
        }
        .news-section-item {
            flex-direction: column;
            border: calc(1 * 100vw / 375) solid var(--white-color);
            min-height: unset;
            padding: calc(30 * 100vw / 375);
            padding-bottom: calc(60 * 100vw / 375);
            gap: calc(10 * 100vw / 375);
        }
        .post-item__tag {
            border: calc(1 * 100vw / 375) solid var(--white-color);
            padding: calc(8 * 100vw / 375) calc(18 * 100vw / 375);
            font-size: clamp(14px, calc(16 * 100vw / 375), 99px);
        }
        .post-item__date {
            font-size: clamp(18px, calc(24 * 100vw / 375), 99px);
        }
        .news-section-item__arrow {
            position: absolute;
            bottom: calc(30 * 100vw / 375);
            right: calc(30 * 100vw / 375);
            width: calc(77 * 100vw / 375);
            height: calc(12 * 100vw / 375);
        }
        .blog-section {
            padding: 0 calc(30 * 100vw / 375);
            padding-bottom: calc(100 * 100vw / 375);
            gap: calc(30 * 100vw / 375);
        }
		.blog-section-grid-item:last-child {
            display: none;
        }
        .blog-section-grid-item .body2 {
            font-size: clamp(16px, calc(18 * 100vw / 375), 99px);
        }
        .blog-section .view-more-btn {
            order: 3;
        }
        .blog-section__grid {
            order: 2;
            display: flex;
            flex-direction: column;
            gap: calc(30 * 100vw / 375);
            justify-content: start;
        }
        .blog-section-grid-item {
            gap: calc(30 * 100vw / 375);
            padding-bottom: calc(24 * 100vw / 375);
            border-bottom: 1px solid var(--main-color);
        }
        .blog-section-grid-item:hover .blog-section-grid-item__img {
            border-top-left-radius: calc(82 * 100vw / 375);
            border-bottom-right-radius: calc(82 * 100vw / 375);
        }
        .blog-section-grid-item:hover .blog-section-grid-item__img::after {
            opacity: 0.5;
        }
        .blog-section-grid-item__body {
            gap: calc(24 * 100vw / 375);
        }
        .blog-section-grid-item__meta-data {
            gap: calc(16 * 100vw / 375);
        }
        .blog-section-grid-item__view-more {
            gap: calc(8 * 100vw / 375);
        }
        .blog-section-grid-item__view-more-text {
            font-size: clamp(12px, calc(14 * 100vw / 375), 99px);
            line-height: 2;
        }
        .blog-section-grid-item__view-more-icon {
            width: calc(24 * 100vw / 375);
        }
        .company-section {
            display: flex;
            flex-direction: column;
            padding: 0 calc(30 * 100vw / 375);
        }
        .company-section .section-header {
            margin-bottom: 0;
        }
        .company-section .links-section {
            padding-bottom: calc(50 * 100vw / 375);
        }
        .company-section-img__wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .company-section-img__decoration {
            position: relative;
            width: 100%;
            height: calc(221 * 100vw / 375);
            padding: calc(3 * 100vw / 375);
            box-sizing: border-box;
        }
        .company-section-img__border {
            position: relative;
            width: 100%;
            height: 100%;
            padding: calc(2 * 100vw / 375);
            box-sizing: border-box;
        }
        .company-section-img {
            position: relative;
            width: 100%;
            height: 100%;
            background-image: url("../img/top/company-img.webp");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .company-section .decoration-border--top-left {
            border-top-width: calc(1 * 100vw / 375);
            border-left-width: calc(1 * 100vw / 375);
        }
        .company-section .decoration-border--top-right {
            border-top-width: calc(1 * 100vw / 375);
            border-right-width: calc(1 * 100vw / 375);
        }
        .company-section .decoration-border--bottom-left {
            border-bottom-width: calc(1 * 100vw / 375);
            border-left-width: calc(1 * 100vw / 375);
        }
        .company-section .decoration-border--bottom-right {
            border-bottom-width: calc(1 * 100vw / 375);
            border-right-width: calc(1 * 100vw / 375);
        }
        .company-section .blink-border__vertical::before,
        .company-section .blink-border__vertical::after {
            width: calc(0.5 * 100vw / 375);
        }
        .company-section .blink-border__horizontal::before,
        .company-section .blink-border__horizontal::after {
            height: calc(0.5 * 100vw / 375);
        }
        .vr-section {
            display: flex;
            flex-direction: column;
            gap: calc(30 * 100vw / 375);
            padding: 0 calc(30 * 100vw / 375);
            margin-bottom: calc(100 * 100vw / 375);
        }
        .vr-section__header {
            padding: 0;
        }
        .vr-section-message {
            margin-top: 0;
        }
        .vr-section-video {
            width: 100%;
            height: calc(306 * 100vw / 375);
            position: relative;
        }
        .vr-section-video__bg {
            background-image: url("../img/top/contact-thumbnail-sp.webp");
            background-size: contain;
        }
        .vr-section-video__play-btn {
            top: 55%;
            gap: calc(7 * 100vw / 375);
        }
        .vr-section-video__play-btn-icon {
            width: calc(190 * 100vw / 375);
        }
        .vr-section-video__play-btn-text {
            font-size: calc(24 * 100vw / 375);
        }
        .company-section
            .links-section-item:nth-child(2)
            .links-section-item__title {
            line-height: 1;
            margin-bottom: calc(5 * 100vw / 375);
        }
        .no-content {
            min-height: calc(200 * 100vw / 375);
            /* Typography */
            font-size: calc(20 * 100vw / 375);
        }
    }
}
/* Top Loading */
.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.loading-mv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
.loading__text-row {
    display: flex;
    font-family: var(--font-syne-static);
    font-size: clamp(0px, calc(175 * 100vw / 1920), 175px);
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
}
.loading__text--highlight {
    -webkit-text-stroke-color: var(--accent-2-color);
}
.loading .reveal-letter span .before-el {
    background: url(../img/black-noise-bg.png);
}
.loading .reveal-letter span .after-el {
    background: var(--main-color);
}
.loading .reveal-letter span.loading__text--highlight .after-el {
    background: var(--accent-2-color);
}
.loading__text-row:nth-of-type(1) span:nth-of-type(6) {
    margin-left: calc(-40 * 100vw / 1920);
}

body[data-page-slug="home"] {
    .mv-title__row img,
    .reveal-letter span .before-el,
    .reveal-letter span .after-el,
    .slide-in-banner__text,
    .slide-in-banner::after,
    .text-up__text,
    .fade-in-up,
    .split-image,
    .section-text-up__text,
    .s-fade-in-up,
    .section-slide-in-banner::after,
    .section-slide-in-banner__text {
        animation-play-state: paused;
    }
}

body[data-page-slug="home"].page-loaded {
    .mv-title__row img,
    .reveal-letter span .before-el,
    .reveal-letter span .after-el,
    .slide-in-banner__text,
    .slide-in-banner::after,
    .text-up__text,
    .fade-in-up,
    .split-image,
    .section-text-up__text,
    .s-fade-in-up,
    .section-slide-in-banner::after,
    .section-slide-in-banner__text {
        animation-play-state: running;
    }
}

/* Header Layout */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9995;
}
/* Header Layout PC */
.site-header-pc {
    position: relative;
    width: 100%;
    height: calc(100 * 100vw / 1920);
    background-color: rgba(11, 11, 11, 0.3);
    box-sizing: border-box;
    border-bottom: calc(1 * 100vw / 1920) solid transparent;
    border-image-source: var(--yellow-gra);
    border-image-slice: 1;
    display: grid;
    grid-template-columns: calc(372 * 100vw / 1920) 1fr calc(372 * 100vw / 1920);
    grid-template-rows: auto;
    padding: 0 calc(80 * 100vw / 1920);
    z-index: 10;
    transition: background-color var(--link-hover-duration) ease;
}

.site-header-pc--transparent {
    background-color: transparent;
    border-bottom: unset;
}
.site-header-pc--transparent.show-dropdown {
    background-color: rgba(11, 11, 11, 0.3);
    border-bottom: calc(1 * 100vw / 1920) solid transparent;
}

.site-header-pc-logo {
    display: flex;
    align-items: top;
    padding-top: calc(32 * 100vw / 1920);
}

.site-header-pc-logo__text {
    font-family: var(--font-dela-gothic-one);
    font-size: calc(40 * 100vw / 1920);
    font-weight: 400;
    color: var(--main-color);
    background-color: var(--black-color);
    height: fit-content;
    -webkit-font-smoothing: antialiased;
}

.site-header-pc-contact {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.site-header-pc-contact__sdg {
    object-fit: contain;
    width: calc(110 * 100vw / 1920);
    height: auto;
    margin-top: calc(16 * 100vw / 1920);
}

.site-header-pc-contact .view-more-btn {
    margin-top: calc(26 * 100vw / 1920);
}

.site-header-pc-contact__sdg img {
    width: 100%;
    height: 100%;
}

.site-header-pc-nav {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.site-header-pc-nav__list {
    display: flex;
    align-items: stretch;
    gap: calc(24 * 100vw / 1920);
}

.site-header-pc-nav__list li {
    display: flex;
    align-items: stretch;
}

.site-header-pc-nav__list-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-jost);
    color: var(--main-color);
    font-weight: 450;
}

.site-header-pc-nav__item-label-en {
    background-color: var(--black-color);
    line-height: 1.33;
    font-size: clamp(16px, calc(18 * 100vw / 1920), 99px);
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    transition: border-color 0.4s ease;
    height: calc(24 * 100vw / 1920);
}

.site-header-pc-nav__list-item-wrapper.is-active .site-header-pc-nav__item-label-en {
    border-color: var(--main-color);
}

.site-header-pc-nav__list-item-wrapper.is-active .site-header-pc-dropdown {
    opacity: 1;
    transform: translateY(0);
}

.site-header-pc-nav__list-item-wrapper.is-active .site-header-pc-nav__item-label-jp {
    opacity: 1;
}

.site-header-pc-nav__item-label-jp {
    position: absolute;
    bottom: calc(16 * 100vw / 1920);
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(10px, calc(12 * 100vw / 1920), 99px);
    background-color: var(--black-color);
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.site-header-pc-dropdown__wrapper {
    position: absolute;
    top: 101%;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

.site-header-pc-dropdown__wrapper > * {
    pointer-events: all;
}

.site-header-pc-dropdown {
    display: flex;
    background-color: var(--black-color);
    padding: calc(30 * 100vw / 1920);
    padding-bottom: calc(17 * 100vw / 1920);
    box-sizing: border-box;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.75s ease, opacity 0.4s ease;
    z-index: 1;
    justify-content: center;
}

.site-header-pc-dropdown__grid {
    display: flex;
    gap: calc(24 * 100vw / 1920);
    justify-content: center;
    align-items: start;
    max-width: calc(1696 * 100vw / 1920);
}

.site-header-pc-dropdown__grid-item {
    display: flex;
    flex-direction: column;
    gap: calc(8 * 100vw / 1920);
    align-items: start;
    width: calc(319 * 100vw / 1920);
}

.site-header-pc-dropdown__img {
    width: 100%;
    height: calc(133 * 100vw / 1920);
    object-fit: contain;
}

.site-header-pc-dropdown__title {
    font-family: var(--font-noto-sans-jp);
    font-size: clamp(16px, calc(18 * 100vw / 1920), 99px);
    font-weight: 400;
    color: var(--main-color);
    line-height: 1.33;
}

/* Header SP Layout */
@media (max-width: 1024px) {
    .site-header {
        height: 100%;
        overflow: scroll;
        inset: 0;
        pointer-events: none;
    }

    .show-sp-nav {
        pointer-events: all;
    }

    .site-header-sp {
        display: flex;
        flex-direction: column;
        pointer-events: none;
        position: relative;
    }

    .site-header-sp.is-active {
        pointer-events: all;
    }

    .site-header-sp__top {
        position: sticky;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc(38 * 100vw / 375) calc(30 * 100vw / 375);
        pointer-events: auto;
        background-color: rgba(11, 11, 11, 0.8);
        z-index: 2;
    }

    .site-header-sp__logo-text {
        font-family: var(--font-dela-gothic-one);
        font-size: calc(22 * 100vw / 375);
        color: var(--main-color);
        background-color: var(--black-color);
    }

    .site-header-sp__drawer-btn {
        display: flex;
        position: relative;
        width: calc(24 * 100vw / 375);
        height: calc(24 * 100vw / 375);
        background-color: transparent;
        cursor: pointer;
    }

    .site-header-sp__drawer-btn-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        transition: opacity 0.4s ease;
    }

    .site-header-sp__drawer-btn-icon--open {
        width: calc(23 * 100vw / 375);
        height: auto;
    }

    .site-header-sp__drawer-btn-icon--close {
        width: calc(18 * 100vw / 375);
        height: auto;
        opacity: 0;
    }

    .site-header-sp.is-active .site-header-sp__drawer-btn-icon--open {
        opacity: 0;
    }

    .site-header-sp.is-active .site-header-sp__drawer-btn-icon--close {
        opacity: 1;
    }

    .site-header-sp-nav {
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: calc(11 * 100vw / 375) calc(30 * 100vw / 375)
            calc(39 * 100vw / 375) calc(30 * 100vw / 375);
        background-color: rgba(11, 11, 11, 0.8);
        opacity: 0;
        transition: opacity 0.5s ease;
        gap: calc(50 * 100vw / 375);
        z-index: 1;
        pointer-events: none;
    }

    .site-header-sp.is-active .site-header-sp-nav {
        display: flex;
        opacity: 1;
        pointer-events: all;
    }

    .site-header-sp-nav-link-list {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .site-header-sp-nav-link-list__separator {
        width: 100%;
        height: calc(1 * 100vw / 375);
        background-color: var(--main-color);
    }

    .site-header-sp-nav-link-list__item {
        display: flex;
        flex-direction: column;
        gap: calc(15 * 100vw / 375);
        padding: calc(15 * 100vw / 375) 0;
        border-top: calc(1 * 100vw / 375) solid var(--main-color);
        transition: all 0.4s ease-in-out;
    }

    .site-header-sp-nav-link-list__item:last-child {
        border-bottom: calc(1 * 100vw / 375) solid var(--main-color);
    }

    .site-header-sp-nav-link-list__item:nth-child(odd) {
        transform: translateX(-20%);
    }
    .site-header-sp-nav-link-list__item:nth-child(even) {
        transform: translateX(20%);
    }

    .site-header-sp.is-active .site-header-sp-nav-link-list__item {
        transform: translateX(0);
    }

    .site-header-sp-nav-link-list__menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .site-header-sp-nav-link-list__main-link {
        font-family: var(--font-jost);
        font-weight: 500;
        color: var(--main-color);
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .site-header-sp-nav-link-list__main-link span {
        background-color: var(--black-color);
    }
    .site-header-sp-nav-link-list__main-link--en {
        font-size: calc(18 * 100vw / 375);
        line-height: 1.33;
    }
    .site-header-sp-nav-link-list__main-link--jp {
        font-size: calc(12 * 100vw / 375);
        line-height: 1.25;
    }
    .site-header-sp-nav-link-list__menu-trigger {
        display: flex;
        width: calc(30 * 100vw / 375);
        aspect-ratio: 1;
        position: relative;
        background-image: url(../img/header/plus.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .site-header-sp-nav-link-list__item.is-active
        .site-header-sp-nav-link-list__menu-trigger {
        background-image: url(../img/header/minus.svg);
    }

    .site-header-sp-nav-link-list-sub-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        column-gap: calc(20 * 100vw / 375);
        row-gap: calc(10 * 100vw / 375);
    }

    .site-header-sp-nav-link-list-sub-menu__item {
        display: flex;
        gap: calc(2 * 100vw / 375);
        align-items: center;
        font-family: var(--font-jost);
        font-weight: 500;
        font-size: calc(12 * 100vw / 375);
        line-height: 1.25;
        color: var(--white-color);
        background-color: var(--black-color);
    }
    .site-header-sp-nav-link-list-sub-menu__item::before {
        content: "";
        width: calc(10 * 100vw / 375);
        height: calc(1 * 100vw / 375);
        background-color: var(--main-color);
    }

    /* Add after .site-header-sp-nav-link-list-sub-menu */
    .site-header-sp-nav-link-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(20 * 100vw / 375);
    }

    .site-header-sp-nav-link-footer__sdg {
        object-fit: contain;
        width: calc(110 * 100vw / 375);
        height: auto;
    }
}

/* Footer Layout */

.site-footer {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: black;
	z-index: 2;
}

.site-footer-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(115 * 100vw / 1920) calc(170 * 100vw / 1920);
    gap: calc(24 * 100vw / 1920);
    background-image: url(../img/footer/footer-contact-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.site-footer-contact__title {
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.site-footer-contact__title .h2-en {
    color: var(--white-color);
}
.back-to-top-btn__wrapper {
    position: absolute;
    bottom: calc(212 * 100vw / 1920);
    right: 0;
    z-index: 5;
}
.back-to-top-btn {
    width: calc(51 * 100vw / 1920);
    height: calc(120 * 100vw / 1920);
    background-image: url(../img/footer/back-to-top-bg.svg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(1 * 100vw / 1920);
    color: var(--white-color);
}
.back-to-top-btn__text {
    font-family: var(--font-jost);
    font-size: calc(17.9 * 100vw / 1920);
    font-weight: 500;
}
.back-to-top-btn__icon {
    width: calc(24 * 100vw / 1920);
    height: auto;
}

.footer-divider {
    background: var(--yellow-gra);
    padding: calc(25 * 100vw / 1920) calc(80 * 100vw / 1920);
    position: relative;
    z-index: 2;
}

.footer-divider-inner {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: calc(10.66 * 100vw / 1920) calc(10 * 100vw / 1920);
    gap: calc(11 * 100vw / 1920);
}

.footer-divider-inner__icon {
    width: auto;
    height: calc(52.68 * 100vw / 1920);
}

.footer-content {
    position: relative;
    display: flex;
    height: calc(779 * 100vw / 1920);
    padding: calc(48 * 100vw / 1920) calc(80 * 100vw / 1920) 0
        calc(80 * 100vw / 1920);
    justify-content: space-between;
    align-items: start;
    overflow: hidden;
    box-sizing: border-box;
}

.footer-content-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    container-type: inline-size;
}

.footer-content-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.621) 36.51%,
        rgba(0, 0, 0, 0.805) 56.51%,
        rgba(0, 0, 0, 0.929) 80.24%
    );
}

.footer-content-bg iframe {
    --aspect-ratio: 16 / 9;
    min-width: max(calc(100cqh * var(--aspect-ratio)), 100vh);
    aspect-ratio: var(--aspect-ratio);
    opacity: 0.2;
}

.footer-content-play {
    position: absolute;
    top: 44.5%;
    left: 50.5%;
    translate: -50% -50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: calc(6 * 100vw / 1920);
    color: var(--gray-color);
    z-index: 2;
}

.footer-content-play__icon {
    width: calc(160 * 100vw / 1920);
    height: auto;
}

.footer-content-play__text {
    margin-left: calc(-3 * 100vw / 1920);
    font-family: var(--font-syne);
    font-size: calc(24 * 100vw / 1920);
    font-weight: 800;
}

.footer-content-company-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: calc(-10 * 100vw / 1920);
    gap: calc(13 * 100vw / 1920);
    z-index: 2;
}

.footer-content-company-info__logo {
    width: calc(185 * 100vw / 1920);
    height: auto;
}

.footer-content-company-info__contact-info {
    display: flex;
    flex-direction: column;
    font-size: clamp(14px, calc(16 * 100vw / 1920), 99px);
    color: var(--gray-color);
    line-height: 1.5;
    gap: calc(8 * 100vw / 1920);
}

.footer-main-nav-link {
    display: flex;
    align-items: center;
    gap: calc(4 * 100vw / 1920);
    color: var(--white-color);
    font-weight: bold;
    font-size: clamp(12px, calc(14 * 100vw / 1920), 99px);
    line-height: 1.5;
    transition: color var(--link-hover-duration);
    -webkit-font-smoothing: antialiased;
}

.footer-main-nav-link::before {
    content: "";
    display: flex;
    width: calc(15 * 100vw / 1920);
    height: calc(1 * 100vw / 1920);
    background-color: var(--main-color);
}

.footer-main-nav-link:hover {
    color: var(--main-color);
}

.footer-main-sub-link {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.footer-main-sub-link__item {
    display: flex;
    padding: calc(8 * 100vw / 1920) 0;
    line-height: 1.5;
    color: var(--gray-color);
    justify-content: end;
    font-size: clamp(12px, calc(14 * 100vw / 1920), 99px);
    transition: color var(--link-hover-duration) ease;
}

.footer-main-sub-link__item-link:hover {
    color: var(--white-color);
}

.footer-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, auto);
    gap: calc(32 * 100vw / 1920);
    z-index: 2;
}

.footer-nav-grid-item {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: calc(8 * 100vw / 1920);
}

.footer-bottom {
    position: absolute;
    bottom: calc(16 * 100vw / 1920);
    left: 0;
    width: 100%;
    display: flex;
    padding: calc(70 * 100vw / 1920) calc(80 * 100vw / 1920)
        calc(170 * 100vw / 1920) calc(80 * 100vw / 1920);
    color: var(--gray-color);
    z-index: 2;
}

.footer-banner-wrapper {
    position: absolute;
    bottom: 0;
    left: calc(-257.5 * 100vw / 1920);
    display: flex;
    gap: calc(40 * 100vw / 1920);
}

.footer-banner {
    font-family: var(--font-syne);
    font-weight: 800;
    font-size: calc(159 * var(--vw-with-scrollbar) / 1920);
    white-space: nowrap;
    animation: banner-rtl-full 30s linear infinite;
}

.requirements-footer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(24 * 100vw / 1920);
    padding: calc(130 * 100vw / 1920) calc(170 * 100vw / 1920);
    padding-bottom: calc(128 * 100vw / 1920);
    margin-bottom: calc(1 * 100vw / 1920);
    box-sizing: border-box;
	z-index:2;
}

.requirements-footer-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.requirements-footer-bg__grid {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    z-index: 0;
}

.requirements-footer-bg__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.requirements-footer-bg__grid-center {
    background-color: var(--white-color);
}

.requirements-footer-bg__grid-center::before {
    background-color: black;
    opacity: 0.2;
    width: 100%;
    height: 100%;
}

.requirements-footer-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: url(../img/black-bg.png);
	background-size: 100%;
    opacity: 0.2;
    z-index: 1;
}
.requirements-footer-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #979797;
    opacity: 0.6;
    z-index: 1;
}

.requirements-footer__title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white-color);
    z-index: 2;
}

.requirements-footer__title .h2-en {
    color: var(--white-color);
}

.requirements-footer .view-more-btn {
    z-index: 2;
}

@media (min-width: 1025px) {
    .footer-nav-grid-item--full-col {
        gap: calc(16 * 100vw / 1920);
        grid-column: 3 / 4;
        grid-row: 1 / 3;
    }

    .footer-nav-grid-item:nth-child(1),
    .footer-nav-grid-item:nth-child(2) {
        min-height: calc(160 * 100vw / 1920);
    }

    .footer-nav-grid-item:nth-child(1) .footer-main-nav-link {
        margin-right: calc(-22 * 100vw / 1920);
    }

    .footer-nav-grid-item:nth-child(2)
        .footer-main-sub-link__item:nth-child(1) {
        margin-right: calc(-3 * 100vw / 1920);
    }

    .footer-nav-grid-item:nth-child(2),
    .footer-nav-grid-item:nth-child(4) {
        padding-right: calc(6 * 100vw / 1920);
    }

    .footer-banner:nth-child(2) {
        padding-right: calc(40 * 100vw / 1920);
    }
}

@media (max-width: 1024px) {
    .site-footer-contact {
        margin-top: calc(-252 * 100vw / 375);
        padding: calc(100 * 100vw / 375) calc(38 * 100vw / 375);
        gap: calc(24 * 100vw / 375);
        background-image: url(../img/footer/footer-contact-bg-sp.webp);
        background-size: contain;
    }
    .site-footer-contact__title .h2-en {
        font-size: calc(36 * 100vw / 375);
    }
    .site-footer-contact__title .h2-jp {
        font-size: clamp(16px, calc(20 * 100vw / 375), 99px);
    }
    .back-to-top-btn__wrapper {
        position: sticky;
        top: 0;
        bottom: unset;
        pointer-events: none;
    }
    .back-to-top-btn {
        width: calc(51 * 100vw / 375);
        height: calc(120 * 100vw / 375);
        gap: calc(1 * 100vw / 375);
        margin-top: calc(120 * 100vw / 375);
        margin-left: auto;
        pointer-events: auto;
    }
    .back-to-top-btn__text {
        font-size: calc(17.9 * 100vw / 375);
    }
    .back-to-top-btn__icon {
        width: calc(24 * 100vw / 375);
    }

    .footer-divider {
        padding: calc(20 * 100vw / 375) calc(30 * 100vw / 375);
    }

    .footer-divider-inner {
        flex-wrap: wrap;
        padding: 0;
        gap: calc(11 * 100vw / 375);
        align-items: center;
        justify-content: center;
    }

    .footer-divider-inner__icon {
        height: calc(52.68 * 100vw / 375);
    }

    .footer-divider-inner__icon--1 {
        order: 3;
    }
    .footer-divider-inner__icon--2 {
        order: 1;
    }
    .footer-divider-inner__icon--3 {
        order: 2;
    }
    .footer-divider-inner__icon--5 {
        order: 5;
    }
    .footer-divider-inner__icon--6 {
        order: 4;
    }
    .footer-divider-inner__icon--4 {
        order: 6;
    }

    .footer-content-bg {
        container-type: size;
    }

    .footer-content-bg iframe {
        min-width: unset;
        min-height: 100cqh;
    }

    .footer-content {
        height: unset;
        padding: calc(30 * 100vw / 375);
        flex-direction: column;
        align-items: stretch;
        justify-content: start;
        gap: calc(20 * 100vw / 375);
    }

    .footer-content-play {
        order: 1;
        position: relative;
        top: unset;
        left: unset;
        translate: unset;
        gap: calc(3 * 100vw / 375);
        display: flex;
        padding-top: calc(8 * 100vw / 375);
        padding-bottom: calc(15 * 100vw / 375);
        align-items: center;
    }

    .footer-content-play__icon {
        width: calc(44 * 100vw / 375);
        height: auto;
    }

    .footer-content-play__text {
        margin-left: 0;
        font-size: calc(18 * 100vw / 375);
    }

    .footer-main-nav-link {
        display: flex;
        align-items: center;
        gap: calc(10 * 100vw / 375);
        font-size: clamp(14px, calc(16 * 100vw / 375), 99px);
    }

    .footer-main-nav-link::before {
        content: "";
        display: flex;
        width: calc(15 * 100vw / 375);
        height: calc(1 * 100vw / 375);
        background-color: var(--main-color);
    }

    .footer-main-nav-link:hover {
        color: var(--main-color);
    }

    .footer-main-sub-link {
        display: flex;
        flex-direction: column;
        gap: calc(10 * 100vw / 375);
    }

    .footer-main-sub-link__item {
        padding: 0;
        justify-content: start;
        font-size: clamp(12px, calc(14 * 100vw / 375), 99px);
    }

    .footer-nav-grid {
        order: 2;
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(20 * 100vw / 375);
    }

    .footer-nav-grid-item {
        display: flex;
        align-items: start;
        box-sizing: border-box;
        gap: calc(15 * 100vw / 375);
        padding: 0 calc(5 * 100vw / 375);
        padding-top: calc(30 * 100vw / 375);
        border-top: 1px solid var(--main-color);
    }

    .footer-content-company-info {
        order: 3;
        margin: 0;
        gap: calc(13 * 100vw / 375);
        padding-top: calc(30 * 100vw / 375);
        border-top: 1px solid var(--main-color);
    }

    .footer-content-company-info__logo {
        width: calc(185 * 100vw / 375);
        height: auto;
    }

    .footer-content-company-info__contact-info {
        font-size: clamp(14px, calc(16 * 100vw / 375), 99px);
        gap: calc(8 * 100vw / 375);
    }

    .footer-bottom {
        order: 4;
        position: static;
        bottom: unset;
        left: unset;
        width: 100%;
        height: calc(120 * 100vw / 375);
        padding: 0;
    }

    .footer-banner-wrapper {
        position: absolute;
        bottom: 0;
        left: calc(-6 * 100vw / 375);
        display: flex;
        gap: calc(40 * 100vw / 375);
        opacity: 0.3;
    }

    .footer-banner {
        font-size: calc(45.83 * 100vw / 375);
        animation: banner-rtl-full 15s linear infinite;
        width: fit-content;
    }

    .footer-banner:nth-child(2) {
        padding-right: calc(40 * 100vw / 375);
    }

    .requirements-footer {
        gap: calc(24 * 100vw / 375);
        padding: calc(89 * 100vw / 375) calc(60 * 100vw / 375);
        padding-bottom: calc(63 * 100vw / 375);
        margin-bottom: 0;
    }

    .requirements-footer .h2-en {
        font-size: calc(36 * 100vw / 375);
    }

    .requirements-footer-bg__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .requirements-footer-bg::after {
        background: url(../img/black-noise-bg.png);
    }

    .footer-nav-grid-item:nth-child(1) {
        order: 1;
    }
    .footer-nav-grid-item:nth-child(2) {
        order: 3;
    }
    .footer-nav-grid-item:nth-child(3) {
        order: 2;
    }
    .footer-nav-grid-item:nth-child(4) {
        order: 4;
    }
    .footer-nav-grid-item:nth-child(5) {
        order: 5;
    }
}
/* End Footer CSS */

/* Start Number Page CSS */
@media (min-width: 1025px) {
    body[data-page-slug="number"] {
        .contact-btn__wrapper {
            position: absolute;
            top: clamp(0px, calc(1107 * 100vw / 1920), 1107px);
            right: 0;
            z-index: 10;
        }
    }
}

#number-page {
    --decoration-padding: calc(7 * 100vw / 1920);
    --decoration-margin: calc(-8 * 100vw / 1920);

    padding-bottom: calc(180 * 100vw / 1920);

    .border-effect {
        --border-effect-padding: calc(7 * 100vw / 1920);
    }

    /* Common Item */
    .number-page-connector {
        display: flex;
        align-items: stretch;
        height: calc(107 * 100vw / 1920);
        gap: calc(33 * 100vw / 1920);
        flex-shrink: 0;
    }
    .number-page-connector__item {
        width: calc(17 * 100vw / 1920);
        border: calc(1 * 100vw / 1920) solid var(--main-color);
        box-sizing: border-box;
    }

    .decoration-margin--top {
        margin-bottom: var(--decoration-margin);
    }
    .decoration-margin--bottom {
        margin-top: var(--decoration-margin);
    }
    .decoration-margin--vertical {
        margin: var(--decoration-margin) 0;
    }

    .border-frame {
        width: 100%;
        position: relative;
        padding: var(--decoration-padding);
        box-sizing: border-box;
    }

    .border-frame-decoration {
        position: absolute;
        width: calc(14 * 100vw / 1920);
        aspect-ratio: 1;
        box-sizing: border-box;
        border: calc(1 * 100vw / 1920) solid var(--main-color);
        border-radius: 100%;
        background-color: var(--black-color);
        z-index: 2;
    }

    .border-frame-decoration--top-left {
        top: 0;
        left: 0;
    }
    .border-frame-decoration--top-right {
        top: 0;
        right: 0;
    }
    .border-frame-decoration--bottom-left {
        bottom: 0;
        left: 0;
    }
    .border-frame-decoration--bottom-right {
        bottom: 0;
        right: 0;
    }

    .border-frame__inner {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        z-index: 1;
        overflow: hidden;
    }

    .border-frame__inner > * {
        position: absolute;
    }

    .number-item-header {
        font-family: var(--font-noto-sans-jp-static);
        font-size: calc(70 * 100vw / 1920);
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: calc(1 * 100vw / 1920) var(--main-color);
        white-space: nowrap;
    }

    .number-item-number {
        display: inline;
        font-family: var(--font-jost-static);
        font-size: calc(180 * 100vw / 1920);
        font-weight: 800;
        color: transparent;
        -webkit-text-stroke: calc(2.46 * 100vw / 1920) var(--main-color);
    }

    .number-item-sub-text {
        position: relative;
        display: inline;
        font-family: var(--font-noto-sans-jp-static);
        font-size: calc(80 * 100vw / 1920);
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: calc(2 * 100vw / 1920) var(--main-color);
    }

    .number-item-number-small {
        display: inline;
        font-family: var(--font-jost-static);
        font-size: calc(64 * 100vw / 1920);
        font-weight: 800;
        color: transparent;
        -webkit-text-stroke: calc(1 * 100vw / 1920) var(--main-color);
    }

    .number-item-sub-text-small {
        position: relative;
        display: inline;
        font-family: "JostStatic", "NotoSansJPStatic", sans-serif;
        font-size: calc(24 * 100vw / 1920);
        font-weight: 700;
        color: var(--black-color);
        -webkit-text-stroke: calc(2 * 100vw / 1920) var(--main-color);
        paint-order: stroke fill;
        line-height: 1.2;
    }

    /* Page layout */

    .hero-section-bg {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: var(--vw-with-scrollbar);
        height: calc(972 * 100vw / 1920);
        max-height: 972px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .hero-section-bg__bg-img {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        z-index: 0;
        background: var(--gra-ye);
    }
    .hero-section-bg__bg-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        background-image: url("../img/black-bg.png");
        opacity: 0.2;
        background-size: 100%;
    }

    .hero-section-bg-content__wrapper {
        position: relative;
        width: fit-content;
        height: 100%;
        box-sizing: border-box;
        /* animation: banner-rtl-full 30s linear infinite; */
        display: flex;
        flex-shrink: 0;
    }

    .hero-section-bg-content {
        position: relative;
        width: calc((1920 - 82 - 85) * 100vw / 1920);
        height: 100%;
    }

    .hero-section-bg-content__wrapper:nth-child(2) {
        padding-left: calc(82 * 100vw / 1920);
        padding-right: calc(85 * 100vw / 1920);
    }
    .hero-section-bg-content__wrapper:nth-child(3) {
        padding-right: calc(85 * 100vw / 1920);
    }

    .hero-section-bg-content__outline-text {
        position: absolute;
        font-family: var(--font-jost-static);
        font-weight: 800;
        font-size: clamp(0px, calc(220 * 100vw / 1920), 220px);
        color: transparent;
        -webkit-text-stroke: 1px var(--black-color);
    }

    .hero-section-bg-content__outline-text--10 {
        top: clamp(0px, calc(424 * 100vw / 1920), 424px);
        right: calc((575 - 85) * 100vw / 1920);
    }
    .hero-section-bg-content__outline-text--20 {
        top: clamp(0px, calc(148 * 100vw / 1920), 148px);
        right: calc((336 - 85) * 100vw / 1920);
    }
    .hero-section-bg-content__outline-text--40 {
        bottom: 0;
        left: 0;
    }
    .hero-section-bg-content__outline-text--percent {
        bottom: 0;
        left: calc((644 - 82) * 100vw / 1920);
    }
    .hero-section-bg-content__outline-text--80 {
        bottom: 0;
        right: calc((204 - 85) * 100vw / 1920);
    }

    .hero-section-bg-content__img {
        position: absolute;
    }

    .hero-section-bg-content__img svg {
        width: 100%;
        height: 100%;
    }

    .hero-section-bg-content__img--01 {
        top: clamp(0px, calc(179 * 100vw / 1920), 179px);
        left: calc(0 * 100vw / 1920);
        width: clamp(0px, calc(395 * 100vw / 1920), 395px);
        height: clamp(0px, calc(136 * 100vw / 1920), 136px);
    }
    .hero-section-bg-content__img--02 {
        top: clamp(0px, calc(183 * 100vw / 1920), 183px);
        left: calc((709 - 82) * 100vw / 1920);
        width: clamp(0px, calc(432 * 100vw / 1920), 432px);
        height: clamp(0px, calc(125 * 100vw / 1920), 125px);
    }
    .hero-section-bg-content__img--03 {
        bottom: clamp(0px, calc(287 * 100vw / 1920), 287px);
        right: 0;
        width: clamp(0px, calc(288 * 100vw / 1920), 288px);
        height: clamp(0px, calc(288 * 100vw / 1920), 288x);
    }
    .hero-section-bg-content__img--04 {
        bottom: clamp(0px, calc(30 * 100vw / 1920), 30px);
        right: calc((716 - 82) * 100vw / 1920);
        width: clamp(0px, calc(133 * 100vw / 1920), 133px);
        height: clamp(0px, calc(221 * 100vw / 1920), 221px);
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: calc(972 * 100vw / 1920);
        max-height: 972px;
        box-sizing: border-box;
        display: flex;
        padding: calc(82 * 100vw / 1920);
        align-items: center;
        justify-content: start;
        z-index: 2;
    }
    .hero-section-title {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .hero-section-title__jp {
        display: flex;
        background-color: var(--black-color);
        color: var(--white-color);
        padding-left: clamp(0px, calc(12 * 100vw / 1920), 12px);
        padding-right: clamp(0px, calc(18 * 100vw / 1920), 18px);
        padding-top: clamp(0px, calc(9 * 100vw / 1920), 9px);
        padding-bottom: clamp(0px, calc(9 * 100vw / 1920), 9px);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-family: var(--font-noto-serif-jp);
        font-weight: 700;
    }
    .hero-section-title__jp .highlight {
        color: var(--main-color);
    }
    .hero-section-title__en {
        display: flex;
        background-color: var(--main-color);
        color: var(--black-color);
        padding-right: clamp(0px, calc(25 * 100vw / 1920), 25px);
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 109px);
    }

    .section-fade {
        opacity: 0;
    }
    .section-animate.animate .section-fade {
        animation: fade-in 0.1s ease forwards;
    }
    .section-fade--group-1 {
        animation-delay: 0.5s !important;
    }
    .section-fade--group-2 {
        animation-delay: 1s !important;
    }
    .section-fade--group-3 {
        animation-delay: 1.5s !important;
    }
    .section-animate.animate .hero-section-bg-content__wrapper {
        animation: banner-rtl-full 30s linear infinite;
        animation-delay: 1.5s;
    }

    .category-section {
        display: flex;
        justify-content: center;
        gap: calc(16 * 100vw / 1920);
        padding-top: calc(211 * 100vw / 1920);
        padding-bottom: calc(161 * 100vw / 1920);
    }

    .content-section {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: calc(180 * 100vw / 1920);
        z-index: 1;
    }

    .content-section-item {
        display: flex;
        width: 100%;
    }
    .content-section-item::before {
        content: "";
        min-width: calc(210 * 100vw / 1920);
        height: calc(1446 * 100vw / 1920);
        margin-top: calc(718 * 100vw / 1920);
        background-image: url(../img/number/left-decoration.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .content-section-item::after {
        content: "";
        min-width: calc(210 * 100vw / 1920);
        height: calc(1446 * 100vw / 1920);
        margin-top: calc(230 * 100vw / 1920);
        background-image: url(../img/number/right-decoration.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .content-section-item__outer {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .content-section-item__inner {
        position: relative;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(29 * 100vw / 1920);
        padding: calc(180 * 100vw / 1920) calc(91 * 100vw / 1920);
        padding-top: calc(42 * 100vw / 1920);
        box-sizing: border-box;
    }
    .content-section-item-number {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .content-section-item-number__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: calc(871 * 100vw / 1920);
        column-gap: calc(60 * 100vw / 1920);
    }
    .content-section-item-number__grid > div {
        align-self: stretch;
        justify-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .content-section-item-number__row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content-section-item-number__row .number-grid-item__heading {
        top: calc(46 * 100vw / 1920);
    }

    .number-grid-item__heading {
        top: calc(81 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
    }
    #number-grid-item-01 .number-grid-item__content {
        top: calc(212 * 100vw / 1920);
        left: 0;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner {
        display: flex;
        align-items: end;
    }
    #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(1) {
        width: 100%;
        box-sizing: border-box;
        padding-left: calc(32 * 100vw / 1920);
    }
    #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(1) .number-item-sub-text {
        padding-left: calc(14 * 100vw / 1920);
        padding-bottom: calc(16 * 100vw / 1920);
    }
    #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(2) .number-item-sub-text {
        padding-left: calc(7 * 100vw / 1920);
        padding-bottom: calc(16 * 100vw / 1920);
    }

    #number-grid-item-02 .number-grid-item__content-inner {
        display: flex;
        align-items: end;
        top: calc(278 * 100vw / 1920);
        left: calc(146 * 100vw / 1920);
        gap: calc(10 * 100vw / 1920);
    }

    #number-grid-item-02 .number-item-sub-text {
        padding-bottom: calc(24 * 100vw / 1920);
    }

    .number-grid-item__under-line-list {
        position: absolute;
        bottom: calc(18 * 100vw / 1920);
        left: calc(45 * 100vw / 1920);
        right: calc(91 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        gap: calc(8 * 100vw / 1920);
    }
    .number-grid-item__under-line-list > li {
        position: relative;
        display: flex;
        align-items: end;
        justify-content: space-between;
        padding-bottom: calc(3 * 100vw / 1920);
    }
    .number-grid-item__under-line-list > li::before {
        position: absolute;
        content: "";
        left: calc(4.5 * 100vw / 1920);
        right: calc(2.5 * 100vw / 1920);
        bottom: 0;
        height: calc(1 * 100vw / 1920);
        background-color: var(--main-color);
    }
    .number-grid-item__under-line-list > li span {
        display: flex;
        align-items: end;
        gap: calc(8 * 100vw / 1920);
    }
    .number-grid-item__under-line-list .number-item-sub-text-small {
        padding-bottom: calc(8 * 100vw / 1920);
    }
    .number-grid-item__under-line-list-heading {
        font-size: calc(32 * 100vw / 1920);
        font-weight: 600;
        color: var(--main-color);
        padding-bottom: calc(10 * 100vw / 1920);
    }
    .number-grid-item__under-line-list-heading--bottom {
        font-weight: 700;
        padding-bottom: calc(6 * 100vw / 1920);
    }

    .number-percent-list {
        position: absolute;
        bottom: calc(94 * 100vw / 1920);
        left: calc(176 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        gap: calc(1 * 100vw / 1920);
    }

    .numer-percent-list__item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: calc(12 * 100vw / 1920);
    }
    .numer-percent-list__item-heading {
        display: flex;
        align-items: end;
    }
    .numer-percent-list__item-heading .number-item-sub-text-small {
        padding-bottom: calc(7 * 100vw / 1920);
    }
    .numer-percent-list__item-percent {
        position: relative;
        height: calc(85 * 100vw / 1920);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .numer-percent-list__item-percent-inner {
        display: flex;
        align-items: end;
        gap: calc(13 * 100vw / 375);
    }

    .numer-percent-list__item-percent::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--main-color);
    }
    .numer-percent-list__item-percent .number-item-sub-text-small {
        padding-bottom: calc(7 * 100vw / 1920);
        line-height: 1;
    }
    .numer-percent-list__item-percent .number-item-number-small,
    .numer-percent-list__item-percent .number-item-sub-text-small {
        color: var(--black-color);
        position: relative;
    }
    
    .numer-percent-list__item:nth-child(1) .numer-percent-list__item-percent::before {
        background-color: #7E6100;
    }
    .numer-percent-list__item:nth-child(2) .numer-percent-list__item-percent::before {
        background-color: #564200;
    }
    .numer-percent-list__item:nth-child(3) .numer-percent-list__item-percent::before,
    .numer-percent-list__item:nth-child(4) .numer-percent-list__item-percent::before {
        background-color: #A47E00;
    }
    .numer-percent-list__item:nth-child(5) .numer-percent-list__item-percent::before {
        background-color: var(--main-color);
    }
    .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent::before {
        background-color: #514D3E;
    }

    .numer-percent-list__item:nth-child(1) .numer-percent-list__item-percent-inner {
        gap: calc(6 * 100vw / 1920);
    }
    .numer-percent-list__item:nth-child(2) .numer-percent-list__item-percent-inner {
        gap: calc(7 * 100vw / 1920);
    }
    .numer-percent-list__item:nth-child(3) .numer-percent-list__item-percent-inner,
    .numer-percent-list__item:nth-child(4) .numer-percent-list__item-percent-inner {
        gap: calc(2 * 100vw / 1920);
    }
    .numer-percent-list__item:nth-child(5) .numer-percent-list__item-percent-inner {
        gap: calc(3 * 100vw / 1920);
    }
    .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent-inner {
        gap: calc(4 * 100vw / 1920);
    }

    .number-item-header-48 {
        position: relative;
        font-family: "JostStatic", "NotoSansJPStatic", sans-serif;
        font-size: calc(48 * 100vw / 1920);
        font-weight: 700;
        color: transparent;
        -webkit-text-stroke: calc(4 * 100vw / 1920) var(--main-color);
    }
    .number-item-header-48[data-text]::before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        height: calc(50 * 100vw / 1920);
        color: var(--black-color);
        -webkit-text-stroke: 0px transparent;
    }
    .number-item-header-48[data-text]::after {
        overflow: visible;
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/black-bg.png);
        background-size: 100vw;
        height: calc(50 * 100vw / 1920);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 0px transparent;
        white-space: nowrap;
        opacity: 0.2;
        z-index: 2;
    }

    .number-grid-item__list-with-header {
        position: absolute;
        bottom: calc(27 * 100vw / 1920);
        left: calc(10 * 100vw / 1920);
        right: calc(7 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: calc(12 * 100vw / 1920);
    }
    .number-grid-item__list-with-header-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(7 * 100vw / 1920);
    }
    .number-grid-item__list-with-header-content {
        display: flex;
        align-items: end;
    }
    .number-grid-item__list-with-header-content .number-item-sub-text {
        padding-bottom: calc(16 * 100vw / 1920);
        line-height: 1.2;
    }
    .number-grid-item__list-with-header-item:nth-child(1) .number-grid-item__list-with-header-content {
        gap: calc(8 * 100vw / 1920);
    }
    .number-grid-item__list-with-header-item:nth-child(2) .number-grid-item__list-with-header-content {
        gap: calc(13 * 100vw / 1920);
    }

    #number-grid-item-05 .number-grid-item__content-inner {
        top: calc(279 * 100vw / 1920);
        left: calc(146 * 100vw / 1920);
        gap: calc(11 * 100vw / 1920);
    }

    #number-grid-item-05 .number-item-sub-text {
        padding-bottom: calc(17 * 100vw / 1920);
    }

    #number-grid-item-06 .main-content {
        position: absolute;
        bottom: calc(20 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    #number-grid-item-06 .big-text {
        display: flex;
        align-items: end;
        gap: calc(14 * 100vw / 1920);
        padding-left: calc(49 * var(--vw-with-scrollbar) / 1920);
    }
    #number-grid-item-06 .number-item-sub-text {
        padding-bottom: calc(28 * 100vw / 1920);
    }
    #number-grid-item-06 h3 {
        font-size: calc(36 * 100vw / 1920);
        font-weight: 700;
        color: var(--main-color);
        line-height: 2;
    }

    .content-section-item__figure-list-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: calc(180 * 100vw / 1920) calc(92 * 100vw / 1920);
        padding-top: 0;
    }

    .content-section-item__figure-list-wrapper-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
    }

    .content-section-item__figure-list {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: calc(58 * 100vw / 1920) calc(152 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(28 * 100vw / 1920);
        gap: calc(73 * 100vw / 1920);
    }

    .content-section-item__figure-list::before {
        background-size: 200vw;
    }

    .content-section-item__figure-list h1[data-text]::before,
    .content-section-item__figure-list h2[data-text]::before,
    .content-section-item__figure-list h3[data-text]::before,
    .content-section-item__figure-list h4[data-text]::before {
        width: 100%;
        position: absolute;
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        color: var(--main-color);
        -webkit-text-stroke: 0px transparent;
    }
    .content-section-item__figure-list h1[data-text]::after,
    .content-section-item__figure-list h2[data-text]::after,
    .content-section-item__figure-list h3[data-text]::after,
    .content-section-item__figure-list h4[data-text]::after {
        width: 100%;
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/black-bg.png);
        background-size: 200vw;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 0px transparent;
        white-space: nowrap;
        opacity: 0.2;
        z-index: 2;
    }

    .content-section-item__figure-list h1 {
        position: relative;
        font-style: var(--font-noto-sans-jp-static);
        font-size: calc(70 * 100vw / 1920);
        -webkit-text-stroke: calc(4 * 100vw / 1920) var(--black-color);
    }
    .content-section-item__figure-list h1[data-text]::before {
        height: calc(72 * 100vw / 1920);
    }
    .content-section-item__figure-list h1[data-text]::after {
        height: calc(72 * 100vw / 1920);
    }
    .content-section-item__figure-list h2 {
        position: relative;
        font-family: var(--font-jost-static);
        font-style: var(--font-noto-sans-jp-static);
        font-size: calc(180 * 100vw / 1920);
        -webkit-text-stroke: calc(4.92 * 100vw / 1920) var(--black-color);
    }
    .content-section-item__figure-list h3 {
        position: relative;
        font-family: var(--font-noto-sans-jp-static);
        font-style: var(--font-noto-sans-jp-static);
        font-size: calc(80 * 100vw / 1920);
        -webkit-text-stroke: calc(4.5 * 100vw / 1920) var(--black-color);
    }

    .content-section-item__figure-list h4 {
        position: relative;
        font-family: "JostStatic", "NotoSansJPStatic", sans-serif;
        font-style: var(--font-noto-sans-jp-static);
        font-size: calc(40 * 100vw / 1920);
        -webkit-text-stroke: calc(4 * 100vw / 1920) var(--black-color);
    }

    .content-section-item__figure-list-inner {
        display: flex;
        width: 100%;
        flex-direction: column;
        position: relative;
    }
    .content-section-item__figure-list-sub-heading {
        display: flex;
        width: 100%;
        min-height: calc(48 * 100vw / 1920);
        align-items: start;
        justify-content: center;
        font-size: clamp(16px, calc(22 * 100vw / 1920), 99px);
        font-weight: 600;
        color: var(--main-color);
        line-height: 2;
    }
    .content-section-item__figure-list-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: calc(40 * 100vw / 1920) calc(17 * 100vw / 1920);
        gap: calc(40 * 100vw / 1920);
    }
    .content-section-item__figure-list-content-inner {
        width: 100%;
        display: flex;
        align-items: start;
        gap: calc(40 * 100vw / 1920);
        justify-content: center;
    }
    .content-section-item__figure-list-content-img {
        position: relative;
    }
    .content-section-item__figure-list-content-img img {
        width: calc(335 * 100vw / 1920);
    }
    .content-section-item__figure-list-content-img .section-split-image {
        background-color: var(--main-color);
    }
    .content-section-item__figure-list-content-img .section-split-image.texture-bg::before {
        background-size: 200vw;
    }
    .content-section-item__figure-list-content-text {
        position: relative;
        display: flex;
        align-items: end;
    }
    .content-section-item__figure-list-content-text h3 {
        padding-bottom: calc(20 * 100vw / 1920);
    }
    .content-section-item__figure-list-content-subtext {
        font-size: calc(22 * 100vw / 1920);
        font-weight: 600;
        color: var(--black-color);
    }
    .content-section-item__figure-list-content-subtext > span {
        line-height: 2;
    }
    .content-section-item__figure-list-content-subtext .small-text {
        font-size: calc(20 * 100vw / 1920);
    }
    #staff_number .content-section-item__wrapper {
        position: relative;
    }
    .vr-decoration {
        position: absolute;
        bottom: calc(33 * 100vw / 1920);
        right: calc(340 * 100vw / 1920);
        width: calc(411 * 100vw / 1920);
        height: calc(757 * 100vw / 1920);
        object-fit: contain;
        z-index: 10;
        background-image: url(../img/VR-decoration.webp);
        background-color: transparent;
    }

    .vr-decoration .channel::before {
        mask-image: url(../img/VR-decoration.webp);
        mask-size: contain;
    }

    #number-grid-item-07 .c-image {
        position: absolute;
        left: calc(64 * 100vw / 1920);
        bottom: calc(84 * var(--vw-with-scrollbar) / 1920);
        width: calc(517 * var(--vw-with-scrollbar) / 1920);
        height: calc(410 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/map-number.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #number-grid-item-08 .small-text {
        position: absolute;
        top: calc(256 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
    }

    #number-grid-item-08 .big-text {
        position: absolute;
        bottom: calc(148 * 100vw / 1920);
        left: calc(86 * var(--vw-with-scrollbar) / 1920);
        gap: calc(9 * 100vw / 1920);
        display: flex;
        align-items: end;
    }
    #number-grid-item-08 .number-item-number {
        vertical-align: middle;
    }
    #number-grid-item-08 .number-item-sub-text {
        padding-bottom: calc(30 * 100vw / 1920);
    }

    #number-grid-item-09 .c-content {
        top: calc(199 * 100vw / 1920);
        width: calc(1060 * var(--vw-with-scrollbar) / 1920);
        left: 49.5%;
        translate: -50% 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: calc(37 * 100vw / 1920);
    }

    #number-grid-item-10 .c-content {
        bottom: calc(31 * 100vw / 1920);
        left: calc(18 * 100vw / 1920);
        right: 0;
        box-sizing: border-box;
        gap: calc(28 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    #number-grid-item-10 .c-content-item {
        display: flex;
        flex-direction: column;
        gap: calc(7 * 100vw / 1920);
        align-items: center;
    }

    #number-grid-item-10 .c-content-text {
        display: flex;
        align-items: end;
    }
    #number-grid-item-10 .number-item-sub-text {
        padding-bottom: calc(24 * 100vw / 1920);
    }
    #number-grid-item-10 .c-content-item:nth-child(1) .number-item-number {
        margin-right: calc(-9.5 * 100vw / 1920);
    }
    #number-grid-item-10 .c-content-item:nth-child(2) .c-content-text {
        gap: calc(13 * 100vw / 1920);
    }

    #number-grid-item-11 .c-image {
        left: calc(31 * var(--vw-with-scrollbar) / 1920);
        bottom: calc(55 * 100vw / 1920);
        width: calc(507 * var(--vw-with-scrollbar) / 1920);
        height: calc(422 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/water-group.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #number-grid-item-19 .c-image {
        left: calc(18 * var(--vw-with-scrollbar) / 1920);
        bottom: calc(102 * 100vw / 1920);
        width: calc(619 * var(--vw-with-scrollbar) / 1920);
        height: calc(724 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/atmosphere.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #number-grid-item-12 .c-content {
        left: calc(14 * var(--vw-with-scrollbar) / 1920);
        bottom: calc(247 * 100vw / 1920);
        display: flex;
    }
    #number-grid-item-12 .c-content-item {
        display: flex;
        align-items: end;
    }
    #number-grid-item-12 .c-content-item:nth-child(1) {
        margin-right: calc(-21 * 100vw / 1920);
    }
    #number-grid-item-12 .c-content-item:nth-child(1) .number-item-sub-text {
        margin-left: calc(2 * 100vw / 1920);
        padding-bottom: calc(26 * 100vw / 1920);
    }
    #number-grid-item-12 .c-content-item:nth-child(2) .number-item-sub-text {
        padding-bottom: calc(15 * 100vw / 1920);
    }

    #number-grid-item-13 .c-content {
        top: calc(250 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(21 * 100vw / 1920);
    }

    #number-grid-item-13 .c-image {
        bottom: calc(79 * 100vw / 1920);
        left: calc(184 * var(--vw-with-scrollbar) / 1920);
        width: calc(264 * var(--vw-with-scrollbar) / 1920);
        height: calc(147 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/drink.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    #number-grid-item-14 .c-image {
        bottom: calc(53 * 100vw / 1920);
        left: calc(32 * var(--vw-with-scrollbar) / 1920);
        width: calc(558 * var(--vw-with-scrollbar) / 1920);
        height: calc(424 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/animal-chart.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    #number-grid-item-15 .c-image {
        bottom: calc(31 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
        width: calc(1059 * var(--vw-with-scrollbar) / 1920);
        height: calc(219 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/daily-stress.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    #number-grid-item-16 .c-image {
        bottom: calc(81 * 100vw / 1920);
        left: calc(25 * var(--vw-with-scrollbar) / 1920);
        width: calc(580 * var(--vw-with-scrollbar) / 1920);
        height: calc(437 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/lunch-chart.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #number-grid-item-17 .c-content {
        bottom: calc(57 * 100vw / 1920);
        left: calc(107 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(21 * 100vw / 1920);
    }
    #number-grid-item-17 .c-image {
        bottom: calc(27 * 100vw / 1920);
        left: 50%;
        translate: -50% 0;
        width: calc(533 * var(--vw-with-scrollbar) / 1920);
        height: calc(120 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/sport.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    #number-grid-item-18 .c-image {
        bottom: calc(39 * 100vw / 1920);
        left: calc(206 * var(--vw-with-scrollbar) / 1920);
        width: calc(876 * var(--vw-with-scrollbar) / 1920);
        height: calc(207 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/number/holiday.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1025px) {
    #number-page {
        #company_number .content-section-item__inner {
            padding-bottom: calc(46 * 100vw / 1920);
        }
        .content-section-item-number__row .border-frame {
            height: calc(419 * 100vw / 1920);
        }
        .content-section-item-number__grid > div:nth-child(odd) {
            justify-content: start;
        }
        .content-section-item-number__grid > div:nth-child(even) {
            justify-content: end;
        }
        .content-section-item-number__grid > div:nth-child(odd) .border-frame {
            height: calc(726 * 100vw / 1920);
        }
        .content-section-item-number__grid > div:nth-child(even) .border-frame {
            height: calc(672 * 100vw / 1920);
        }

        .content-section-item-number__row .number-grid-item__heading {
            padding-right: calc(26 * var(--vw-with-scrollbar) / 1920);
        }

        .numer-percent-list__item:nth-child(1) {
            width: calc(151 *  var(--vw-with-scrollbar) / 1920);
        }
        .numer-percent-list__item:nth-child(2) {
            width: calc(113.3 *  var(--vw-with-scrollbar) / 1920);
        }
        .numer-percent-list__item:nth-child(3),
        .numer-percent-list__item:nth-child(4) {
            width: calc(188.8 *  var(--vw-with-scrollbar) / 1920);
        }
        .numer-percent-list__item:nth-child(5) {
            width: calc(264.3 *  var(--vw-with-scrollbar) / 1920);
        }
        .numer-percent-list__item:nth-child(6) {
            width: calc(101.76 *  var(--vw-with-scrollbar) / 1920);
        }
        .numer-percent-list__item:nth-child(1) .numer-percent-list__item-heading {
            padding-left: calc(9 * 100vw / 1920);
        }
        .numer-percent-list__item:nth-child(2) .numer-percent-list__item-heading {
            padding-left: 0;
        }
        .numer-percent-list__item:nth-child(3) .numer-percent-list__item-heading,
        .numer-percent-list__item:nth-child(4) .numer-percent-list__item-heading {
            padding-left: calc(42.7 * 100vw / 1920);
        }
        .numer-percent-list__item:nth-child(5) .numer-percent-list__item-heading {
            padding-left: calc(74.1 * 100vw / 1920);
        }
        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-heading {
            padding-left: calc(0 * 100vw / 1920);
        }
        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent {
            padding-left: calc(8.8 * 100vw / 1920);
            justify-content: left;
        }
        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent::before {
            max-width: calc(37.76 * 100vw / 1920);
        }

        .content-section-item__figure-list-heading {
            display: flex;
        }

        .content-section-item__figure-list-item:last-child .content-section-item__figure-list-content {
            display: flex;
            padding-bottom: 0;
        }

        .content-section-item__figure-list h3::before,
        .content-section-item__figure-list h3::after {
            height: calc(82 * 100vw / 1920);
        }

        .content-section-item__figure-list-item:nth-child(1) .content-section-item__figure-list-content-text {
            gap: calc(15 * 100vw / 1920);
        }
        .content-section-item__figure-list-item:nth-child(3) .content-section-item__figure-list-content-text {
            padding-top: calc(38 * 100vw / 1920);
            gap: calc(8 * 100vw / 1920);
        }
        .content-section-item__figure-list-item:nth-child(3) h4 {
            position: absolute;
            top: 0;
            left: 0;
        }

        .content-section-item__figure-list-item:nth-child(4) .content-section-item__figure-list-content-text {
            gap: calc(9 * 100vw / 1920);
        }

        .content-section-item__figure-list-item:nth-child(5) h2 {
            width: calc(443 * 100vw / 1920);
            text-align: center;
            margin-right: calc(-53 * 100vw / 1920) ;
        }

        .content-section-item__figure-list-item:nth-child(7) .content-section-item__figure-list-content-text {
            gap: calc(21 * 100vw / 1920);
        }

        #staff_number .content-section-item-number__grid:last-of-type {
            margin-top: var(--decoration-margin);
            grid-template-rows: calc(1068 * 100vw / 1920);
        }
        #staff_number .content-section-item-number__grid:last-child > div:nth-child(even) {
            justify-content: start;
        }
        #number-grid-item-19 {
            height: 100%;
        }
        #number-grid-item-12 {
            height: calc(711 * 100vw / 1920);
        }

        #number-grid-item-01 .number-grid-item__content {
            animation-delay: 0.5s;
        }
        #number-grid-item-02 .number-grid-item__content-inner {
            animation-delay: 0.5s;
        }
        #number-grid-item-02 .number-grid-item__under-line-list {
            animation-delay: 1s;
        }
        #number-grid-item-03 .number-percent-list {
            animation-delay: 0.5s;
        }
        #number-grid-item-04 .number-grid-item__list-with-header {
            animation-delay: 0.5s;
        }
        #number-grid-item-05 .number-grid-item__content-inner {
            animation-delay: 0.5s;
        }
        #number-grid-item-06 .big-text {
            animation-delay: 0.5s;
        }
        #number-grid-item-06 h3 {
            animation-delay: 1s;
        }
        #number-grid-item-07 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-08 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-08 .big-text,
        #number-grid-item-08 .small-text {
            animation-delay: 0.5s;
        }
        #number-grid-item-09 .c-content {
            animation-delay: 0.5s;
        }
        #number-grid-item-10 .c-content {
            animation-delay: 0.5s;
        }
        #number-grid-item-11 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-19 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-12 .c-content {
            animation-delay: 0.5s;
        }
        #number-grid-item-13 .c-content {
            animation-delay: 0.5s;
        }
        #number-grid-item-13 .c-image {
            animation-delay: 1s;
        }
        #number-grid-item-14 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-15 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-16 .c-image {
            animation-delay: 0.5s;
        }
        #number-grid-item-17 .c-content {
            animation-delay: 0.5s;
        }
        #number-grid-item-17 .c-image {
            animation-delay: 1s;
        }
        #number-grid-item-18 .c-image {
            animation-delay: 0.5s;
        }

        #staff_number .content-section-item-number__grid:last-of-type .number-grid-item__heading {
            top: calc(46 * 100vw / 1920);
        }

        #number-grid-item-13 .number-grid-item__heading {
            padding-left: calc(9 * 100vw / 1920);
        }
        #number-grid-item-14 .number-grid-item__heading {
            padding-left: calc(17 * 100vw / 1920);
        }

        .content-section-item__figure-list-item {
            --animation-delay-1: 0.65s;
            --animation-delay-2: 1.45s;
            --animation-delay-3: 1.95s;

            .section-split-image:nth-child(1) {
                animation-delay: var(--animation-delay-1);
            }
            .section-split-image:nth-child(2) {
                animation-delay: calc(var(--animation-delay-1) + 0.2s);
            }
            .section-split-image:nth-child(3) {
                animation-delay: calc(var(--animation-delay-1) + 0.4s);
            }
            .section-split-image:nth-child(4) {
                animation-delay: calc(var(--animation-delay-1) + 0.6s);
            }
            .content-section-item__figure-list-content-text {
                animation-delay: var(--animation-delay-2);
            }
            .content-section-item__figure-list-content-subtext {
                animation-delay: var(--animation-delay-3);
            }

            &:nth-child(4) .content-section-item__figure-list-content-text,
            &:nth-child(7) .content-section-item__figure-list-content-text {
                animation-delay: var(--animation-delay-1);
            }

            &:nth-child(5) .content-section-item__figure-list-content-text h3 {
                width: calc(104 * 100vw / 1920);
                text-align: center;
            }
            &:nth-child(6) .content-section-item__figure-list-content-text h2 {
                width: calc(443 * 100vw / 1920);
                text-align: center;
            }
        }
    }
}

@media (max-width: 1024px) {
    #number-page {
        --decoration-padding: calc(2.86 * 100vw / 375);
        --decoration-padding-num: 2.86 * 2;
        --decoration-margin: calc(-3.86 * 100vw / 375);
        padding-bottom: 0;

        /* Common Item */
        .number-page-connector {
            height: calc(43.63 * 100vw / 375);
            gap: calc(13.46 * 100vw / 375);
        }
        .number-page-connector__item {
            width: calc(6.93 * 100vw / 375);
            border: calc(1 * 100vw / 375) solid var(--main-color);
        }

        .decoration-margin--top,
        .decoration-margin--bottom,
        .decoration-margin--vertical {
            margin: 0;
        }

        .border-frame {
            margin-top: var(--decoration-margin) !important;
        }

        .border-frame-decoration {
            position: absolute;
            width: calc(5.71 * 100vw / 375);
            border: calc(1 * 100vw / 375) solid var(--main-color);
        }

        .border-effect {
            --border-effect-padding: calc(2.86 * 100vw / 375);
        }

        .number-item-header {
            font-family: var(--font-noto-sans-jp-static);
            font-size: calc(34 * 100vw / 375);
            font-weight: 900;
            color: transparent;
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
        }
    
        .number-item-number {
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
        }
    
        .number-item-sub-text {
            font-size: calc(18 * 100vw / 375);
            font-weight: 700;
            color: var(--black-color);
            paint-order: stroke fill;
            -webkit-text-stroke: calc(2 * 100vw / 375) var(--main-color);
        }

        .number-item-number-small {
            font-size: calc(34 * 100vw / 375);
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
        }
    
        .number-item-sub-text-small {
            font-size: calc(16 * 100vw / 375);
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
            line-height: 1.2;
        }

        /* Page layout */

        .hero-section-bg {
            position: fixed;
            width: 100%;
            height: calc(820 * 100vw / 375);
            max-height: unset;
        }
        .hero-section-bg-content {
            position: relative;
            width: calc((375 - 40) * 100vw / 375);
            height: 100%;
        }
        .hero-section-bg-content__outline-text {
            font-size: calc(77.3 * 100vw / 375);
            -webkit-text-stroke-width: calc(0.35 * 100vw / 375);
        }
        .hero-section-bg-content__outline-text--10 {
            top: calc(282 * 100vw / 375);
            right: calc((46 - 10) * 100vw / 375);
        }
        .hero-section-bg-content__outline-text--20 {
            top: calc(168 * 100vw / 375);
            right: calc((195 - 10) * 100vw / 375);
        }
        .hero-section-bg-content__outline-text--40 {
            bottom: calc(32 * 100vw / 375);
            left: calc((58 - 30) * 100vw / 375);
        }
        .hero-section-bg-content__outline-text--percent {
            bottom: calc(179 * 100vw / 375);
            left: 0;
        }
        .hero-section-bg-content__outline-text--80 {
            bottom: calc(212 * 100vw / 375);
            right: calc((92 - 10) * 100vw / 375);
        }

        .hero-section-bg-content__img--01 {
            top: calc(13 * 100vw / 375);
            left: calc((152 - 30) * 100vw / 375);
            width: calc(138.77 * 100vw / 375);
            height: calc(47.78 * 100vw / 375);
        }
        .hero-section-bg-content__img--02 {
            top: calc(209 * 100vw / 375);
            left: calc((209 - 30) * 100vw / 375);
            width: calc(155.39 * 100vw / 375);
            height: calc(42.16 * 100vw / 375);
        }
        .hero-section-bg-content__img--03 {
            bottom: calc(309 * 100vw / 375);
            left: calc((91 - 30) * 100vw / 375);
            right: unset;
            width: calc(101.18 * 100vw / 375);
            height: calc(101.18 * 100vw / 375);
        }
        .hero-section-bg-content__img--04 {
            bottom: calc(96.36 * 100vw / 375);
            right: calc((111 - 10) * 100vw / 375);
            width: calc(46.72 * 100vw / 375);
            height: calc(77.64 * 100vw / 375);
        }

        .hero-section-bg-content__wrapper {
            padding-top: calc(100 * 100vw / 375);
            animation-duration: 15s !important;
        }

        .hero-section-bg-content__wrapper:nth-child(2) {
            padding-left: calc(30 * 100vw / 375);
            padding-right: calc(10 * 100vw / 375);
        }
        .hero-section-bg-content__wrapper:nth-child(3) {
            padding-right: calc(10 * 100vw / 375);
        }

        .hero-section {
            height: fit-content;
            max-height: unset;
            padding: calc(50 * 100vw / 375) calc(18 * 100vw / 375)
                calc(42 * 100vw / 375) calc(18 * 100vw / 375);
            align-items: start;
        }
        .hero-section-title {
            display: flex;
            flex-direction: row-reverse;
            align-items: start;
        }
        .hero-section-title__jp {
            padding: 0;
            font-size: calc(58.58 * 100vw / 375);
            display: flex;
            flex-direction: column;
        }
        .hero-section-title__jp > span {
            padding: calc(3 * 100vw / 375);
        }
        .hero-section-title__en {
            padding-right: 0;
            font-size: calc(40 * 100vw / 375);
            writing-mode: vertical-lr;
        }

        .content-section {
            display: flex;
            flex-direction: column;
            gap: calc(30 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
            padding-bottom: calc(50 * 100vw / 375);
        }

        .content-section-item {
            display: flex;
            flex-direction: column;
        }

        .content-section-item-number__row .number-item-header {
            top: calc(42 * 100vw / 375);
        }

        .content-section-item::before,
        .content-section-item::after {
            display: none;
        }

        .content-section-item__outer {
            gap: calc(20 * 100vw / 375);
        }

        .content-section-item__inner {
            margin: 0;
            padding: 0;
            gap: 0;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }

        .content-section-item-number__grid {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .content-section-item-number__grid > div:nth-child(even) {
            flex-direction: column-reverse;
        }

        .content-section-item__figure-list h1[data-text]::after,
        .content-section-item__figure-list h2[data-text]::after,
        .content-section-item__figure-list h3[data-text]::after,
        .content-section-item__figure-list h4[data-text]::after {
            background-size: 600vw;
        }
        
        #number-grid-item-01, 
        #number-grid-item-02,
        #number-grid-item-08,
        #number-grid-item-16 {
            height: calc((290.33 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-03 {
            height: calc((547 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-04,
        #number-grid-item-09,
        #number-grid-item-10 {
            height: calc((361 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-05, 
        #number-grid-item-06, 
        #number-grid-item-12 {
            height: calc((237 + var(--decoration-padding-num)) * 100vw / 375);
        }

        #number-grid-item-07,
        #number-grid-item-13,
        #number-grid-item-14 {
            height: calc((301 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-09,
        #number-grid-item-17 {
            height: calc((463 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-11 {
            height: calc((327 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-19 {
            height: calc((486 + var(--decoration-padding-num)) * 100vw / 375);
        }

        #number-grid-item-15 {
            height: calc((686 + var(--decoration-padding-num)) * 100vw / 375);
        }
        #number-grid-item-18 {
            height: calc((607 + var(--decoration-padding-num)) * 100vw / 375);
        }

        #number-grid-item-01 .number-grid-item__heading {
            top: calc(43.77 * 100vw / 375);
        }
        #number-grid-item-01 .number-grid-item__content {
            top: calc(89.77 * 100vw / 375);
            align-items: center;
        }
        #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner {
            justify-content: center;
        }
        #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(1) {
            padding-left: 0;
            text-align: center;
        }
        #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(1) .number-item-sub-text {
            padding-left: calc(5 * 100vw / 375);
            padding-bottom: calc(8 * 100vw / 375);
        }
        #number-grid-item-01 .number-grid-item__content .number-grid-item__content-inner:nth-child(2) .number-item-sub-text {
            padding-left: calc(5 * 100vw / 375);
            padding-bottom: calc(10 * 100vw / 375);
        }

        #number-grid-item-02 .number-grid-item__heading {
            top: calc(54.15 * 100vw / 375);
        }
        #number-grid-item-02 .number-grid-item__content-inner {
            top: calc(99 * 100vw / 375);
            left: calc(80.9 * 100vw / 375);
            gap: calc(1 * 100vw / 375);
        }
        #number-grid-item-02 .number-item-sub-text {
            padding-bottom: calc(10 * 100vw / 375);
        }
    
        .number-grid-item__under-line-list {
            bottom: calc(21 * 100vw / 375);
            left: calc(24 * 100vw / 375);
            right: calc(24 * 100vw / 375);
            gap: 0;
        }
        .number-grid-item__under-line-list > li {
            padding: calc(3 * 100vw / 375) 0;
            align-items: center;
        }
        .number-grid-item__under-line-list > li::before {
            left: 0;
            right: 0;
            bottom: 0;
            height: calc(1 * 100vw / 375);
        }
        .number-grid-item__under-line-list > li span {
            display: flex;
            align-items: end;
            gap: calc(3 * 100vw / 375);
        }
        .number-grid-item__under-line-list .number-item-sub-text-small {
            padding-bottom: calc(5 * 100vw / 375);
        }
        .number-grid-item__under-line-list-heading {
            font-size: calc(16 * 100vw / 375);
            font-weight: 700;
            color: var(--main-color);
            padding-bottom: 0 !important;
        }
        .number-grid-item__under-line-list-heading--bottom {
            font-weight: 700;
            letter-spacing: -0.05em;
        }

        .number-percent-list {
            width: calc(174 * 100vw / 375);
            position: absolute;
            bottom: calc(34 * 100vw / 375);
            left: 50%;
            translate: -50% 0;
            gap: calc(1 * 100vw / 375);
            flex-direction: column;
        }
        .numer-percent-list__item {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: space-between;
            gap: 0;
        }
        .numer-percent-list__item-heading .number-item-sub-text-small {
            padding-bottom: calc(5 * 100vw / 375);
        }
        .numer-percent-list__item-percent .number-item-sub-text-small {
            padding-bottom: calc(5 * 100vw / 375);
        }
        .numer-percent-list__item-percent {
            position: relative;
            padding: 0;
            width: calc(95 * 100vw / 375);
            padding-right: calc(14 * 100vw / 375);
            box-sizing: border-box;
            justify-content: end;
            height: 100%;
        }
        .numer-percent-list__item-percent::before {
            width: 100%;
            height: 100%;
        }

        .numer-percent-list__item:nth-child(1) {
            height: calc(61.13 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(2) {
            height: calc(45.86 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(3) {
            height: calc(76.41 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(4) {
            height: calc(76.41 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(5) {
            height: calc(110 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(6) {
            height: calc(34 * 100vw / 375);
        }
        
        .numer-percent-list__item:nth-child(1) .numer-percent-list__item-percent-inner {
            gap: calc(3 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(2) .numer-percent-list__item-percent-inner {
            gap: calc(3 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(3) .numer-percent-list__item-percent-inner {
            gap: 0;
        }
        .numer-percent-list__item:nth-child(4) .numer-percent-list__item-percent-inner {
            gap: 0;
        }
        .numer-percent-list__item:nth-child(5) .numer-percent-list__item-percent-inner {
            gap: calc(1 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent-inner {
            gap: calc(11 * 100vw / 375);
        }

        .numer-percent-list__item:nth-child(1) .numer-percent-list__item-heading {
            gap: calc(3 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(2) .numer-percent-list__item-heading {
            gap: calc(4 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(3) .numer-percent-list__item-heading {
            gap: calc(2 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(4) .numer-percent-list__item-heading {
            gap: calc(4 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(5) .numer-percent-list__item-heading {
            gap: calc(3 * 100vw / 375);
        }
        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-heading {
            gap: calc(4 * 100vw / 375);
        }

        .numer-percent-list__item:nth-child(6) .numer-percent-list__item-percent::before {
            max-height: calc(15.3 * 100vw / 375);
        }

        .number-item-header-48 {
            font-size: calc(28 * 100vw / 375);
            -webkit-text-stroke: calc(2 * 100vw / 375) var(--main-color);
        }
        .number-item-header-48[data-text]::before {
            height: calc(30 * 100vw / 375);
        }
        .number-item-header-48[data-text]::after {
            height: calc(30 * 100vw / 375);
        }

        .number-grid-item__list-with-header {
            position: absolute;
            bottom: calc(42 * 100vw / 375);
            left: calc(81 * 100vw / 375);
            right: unset;
            display: flex;
            flex-direction: column;
            align-items: end;
            gap: calc(31.66 * 100vw / 375);
        }
        .number-grid-item__list-with-header-item {
            display: flex;
            flex-direction: column;
            align-items: end;
            gap: calc(3.6 * 100vw / 375);
        }
        .number-grid-item__list-with-header-item .number-item-header-48 {
            margin-right: calc(22 * 100vw / 375);
        }
        .number-grid-item__list-with-header-content {
            display: flex;
            align-items: end;
        }
        .number-grid-item__list-with-header-content .number-item-sub-text {
            padding-bottom: calc(8.6 * 100vw / 375);
            line-height: 1;
        }
        .number-grid-item__list-with-header-item:nth-child(1) .number-grid-item__list-with-header-content {
            gap: calc(1 * 100vw / 375);
        }
        .number-grid-item__list-with-header-item:nth-child(2) .number-grid-item__list-with-header-content {
            gap: calc(2 * 100vw / 375);
        }

        #number-grid-item-04 .number-grid-item__heading {
            top: calc(36 * 100vw / 375);
        }
        #number-grid-item-05 .number-grid-item__heading {
            top: calc(64 * 100vw / 375);
        }
        
        #number-grid-item-05 .number-grid-item__content-inner {
            top: calc(118 * 100vw / 375);
            left: calc(81 * 100vw / 375);
            gap: calc(1 * 100vw / 375);
        }
        #number-grid-item-05 .number-item-sub-text {
            padding-bottom: calc(8.6 * 100vw / 375);
        }

        #number-grid-item-06 .number-grid-item__heading {
            top: calc(50 * 100vw / 375);
        }

        #number-grid-item-06 .main-content {
            bottom: calc(20 * 100vw / 375);
            left: calc(54 * 100vw / 375);
            translate: unset;
            gap: calc(15 * 100vw / 375);
        }
        #number-grid-item-06 .big-text {
            display: flex;
            align-items: end;
            gap: calc(4 * 100vw / 375);
            padding-left: calc(13 * 100vw / 375);
        }
        #number-grid-item-06 .number-item-sub-text {
            padding-bottom: calc(8.6 * 100vw / 375);
        }
        #number-grid-item-06 h3 {
            max-width: calc(140 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--main-color);
            line-height: 1.5;
            text-align: center;
        }

        .content-section-item__figure-list-wrapper {
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        .content-section-item__figure-list-wrapper-bg {
            display: none;
        }
        .content-section-item__figure-list::before {
            background-size: cover;
        }

        .content-section-item__trigger {
            padding: 0 calc(17.5 * 100vw / 375);
        }
    
        .content-section-item__figure-list {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            padding: 0;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            box-sizing: border-box;
        }

        .content-section-item__figure-list-heading {
            display: flex;
            flex-direction: column;
        }

        .content-section-item__figure-list h1 {
            font-style: var(--font-noto-sans-jp-static);
            font-size: calc(34 * 100vw / 375);
            -webkit-text-stroke-width: calc(4 * 100vw / 375);
            line-height: 1.2;
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .content-section-item__figure-list h1[data-text]::before {
            height: calc(41 * 100vw / 375);
        }
        .content-section-item__figure-list h1[data-text]::after {
            height: calc(41 * 100vw / 375);
        }

        .content-section-item__figure-list h2 {
            position: relative;
            font-family: var(--font-jost-static);
            font-style: var(--font-noto-sans-jp-static);
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: calc(4 * 100vw / 375) var(--black-color);
        }

        .content-section-item__figure-list h3,
        .content-section-item__figure-list h4 {
            font-size: calc(18 * 100vw / 375);
            -webkit-text-stroke: calc(4 * 100vw / 375) var(--black-color);
        }

        .is-active .content-section-item__inner,
        .is-active .content-section-item__figure-list {
            max-height: calc(5000 * 100vw / 375);
            opacity: 1;
            overflow: visible;
            margin-top: calc(10 * 100vw / 375);
        }

        .is-active .content-section-item__inner {
            padding: calc(30 * 100vw / 375);
            padding-top: calc(10 * 100vw / 375);
        }
        .is-active .content-section-item__figure-list {
            border: calc(3 * 100vw / 375) solid var(--black-color);
            padding: calc(30 * 100vw / 375) calc(57 * 100vw / 375);
            gap: calc(30 * 100vw / 375);
        }
        #staff_number .is-active .content-section-item__inner {
            padding-bottom: calc(200 * 100vw / 375);
        }
        #staff_number .content-section-item__outer .is-active ~ .vr-decoration {
            animation: fade-in 1s ease forwards;
        }

        .content-section-item__figure-list-inner {
            gap: calc(30 * 100vw / 375);
        }
        .content-section-item__figure-list-item {
            display: flex;
            flex-direction: column;
            gap: calc(5 * 100vw / 375);
        }
        .content-section-item__figure-list-sub-heading {
            font-size: calc(18 * 100vw / 375);
            text-align: center;
        }
        .content-section-item__figure-list-content {
            padding: 0;
            gap: calc(5 * 100vw / 375);
        }
        .content-section-item__figure-list-content-inner {
            flex-direction: column;
            align-items: center;
            gap: calc(5 * 100vw / 375);
        }
        .content-section-item__figure-list-content-inner h3 {
            padding-bottom: calc(9 * 100vw / 375);
        }
        .content-section-item__figure-list-content-img {
            width: 100%;
        }
        .content-section-item__figure-list-content-img img {
            width: 100%;
            height: auto;
        }
        .content-section-item__figure-list-content-subtext,
        .content-section-item__figure-list-content-subtext .small-text {
            font-size: calc(18 * 100vw / 375);
        }

        .content-section-item__figure-list-item:nth-child(3) .content-section-item__figure-list-sub-heading,
        .content-section-item__figure-list-item:nth-child(5) .content-section-item__figure-list-sub-heading {
            line-height: 1.2;
        }

        .content-section-item__figure-list-item:nth-child(1) .content-section-item__figure-list-content-text {
            gap: calc(4 * 100vw / 375);
        }

        .content-section-item__figure-list-item:nth-child(3) h4 {
            margin-right: calc(8.75 * 100vw / 375);
            margin-bottom: calc(16.4 * 100vw / 375);
        } 
        .content-section-item__figure-list-item:nth-child(3) h3 {
            margin-left: calc(4.5 * 100vw / 375);
            padding-bottom: calc(12 * 100vw / 375);
        } 

        .content-section-item__figure-list-item:nth-child(4) h2 {
            margin-right: calc(-2 * 100vw / 375);
        }

        .content-section-item__figure-list-item:nth-child(5) .content-section-item__figure-list-content-text {
            gap: calc(4 * 100vw / 375);
        }
        .content-section-item__figure-list-item:nth-child(7) .content-section-item__figure-list-content-text {
            gap: calc(2 * 100vw / 375);
        }

        .vr-decoration {
            bottom: calc(-1.6 * 100vw / 375);
            right: calc(28 * 100vw / 375);
            height: calc(293 * 100vw / 375);
            width: calc(159 * 100vw / 375);
            opacity: 0;
            pointer-events: none;
        }

        #number-grid-item-07 .number-grid-item__heading {
            top: calc(29 * 100vw / 375);
        }

        #number-grid-item-07 .c-image {
            left: calc(9 * 100vw / 375);
            bottom: calc(34 * 100vw / 375);
            width: calc(230 * 100vw / 375);
            height: calc(192 * 100vw / 375);
            background-image: url(../img/number/map-number-sp.svg);
        }

        #number-grid-item-08 .number-grid-item__heading {
            top: calc(63 * 100vw / 375);
        }

        #number-grid-item-08 .small-text {
            top: calc(137 * 100vw / 375);
            color: var(--main-color);
            -webkit-text-stroke-width: 0px;
        }
        #number-grid-item-08 .small-text::before,
        #number-grid-item-08 .small-text::after {
            display: none;
        }
    
        #number-grid-item-08 .big-text {
            position: absolute;
            bottom: calc(66.5 * 100vw / 375);
            left: 50%;
            translate: -50% 0;
            gap: calc(7 * 100vw / 375);
            display: flex;
            align-items: end;
            white-space: nowrap;
        }
        #number-grid-item-08 .number-item-sub-text {
            padding-bottom: calc(10 * 100vw / 375);
        }

        #number-grid-item-09 .number-grid-item__heading {
            top: calc(54 * 100vw / 375);
            text-align: center;
            line-height: 1.2;
        }

        #number-grid-item-09 .c-content {
            top: unset;
            bottom: calc(58 * 100vw / 375);
            left: 0;
            right: 0;
            width: 100%;
            box-sizing: border-box;
            translate: unset;
            gap: calc(20 * 100vw / 375);
            gap: calc(25 * 100vw / 375);
        }

        #number-grid-item-10 .number-grid-item__heading {
            top: calc(37 * 100vw / 375);
            padding-bottom: calc(18.7 * 100vw / 375);
        }

        #number-grid-item-10 .c-content {
            bottom: calc(42.3 * 100vw / 375);
            left: calc(83 * 100vw / 375);
            gap: calc(31.6 * 100vw / 375);
            width: fit-content;
        }
        #number-grid-item-10 .c-content-item {
            gap: calc(3.6 * 100vw / 375);
            align-items: start;
        }
        #number-grid-item-10 .number-item-header-48 {
            margin-left: calc(15 * 100vw / 375);
        }
        #number-grid-item-10 .c-content-text {
            bottom: calc(42.3 * 100vw / 375);
            left: calc(83 * 100vw / 375);
        }
        #number-grid-item-10 .number-item-sub-text {
            padding-bottom: calc(12 * 100vw / 375);
        }
        #number-grid-item-10 .c-content-item:nth-child(1) .number-item-number {
            margin-right: calc(2 * 100vw / 375);
        }
        #number-grid-item-10 .c-content-item:nth-child(2) .c-content-text {
            gap: calc(4 * 100vw / 375);
        }

        #number-grid-item-11 .number-grid-item__heading {
            top: calc(41 * 100vw / 375);
        }

        #number-grid-item-11 .c-image {
            left: calc(19 * 100vw / 375);
            bottom: calc(25 * 100vw / 375);
            width: calc(220 * 100vw / 375);
            height: calc(205 * 100vw / 375);
            background-image: url(../img/number/water-group-sp.svg);
        }

        #number-grid-item-19 .number-grid-item__heading {
            top: calc(28 * 100vw / 375);
            left: calc(45 * 100vw / 375);
            translate: unset;
            text-align: center;
            line-height: 1.2;
        }

        #number-grid-item-19 .c-image {
            left: calc(7 * 100vw / 375);
            bottom: calc(34 * 100vw / 375);
            width: calc(241 * 100vw / 375);
            height: calc(309 * 100vw / 375);
            background-image: url(../img/number/atmosphere-sp.svg);
        }

        #number-grid-item-12 .number-grid-item__heading {
            top: calc(50 * 100vw / 375);
            translate: unset;
            left: calc(24 * 100vw / 375);
        }

        #number-grid-item-12 .c-content {
            left: calc(36 * 100vw / 375);
            bottom: calc(86 * 100vw / 375);
            display: flex;
        }
        #number-grid-item-12 .c-content-item {
            display: flex;
            align-items: end;
        }
        #number-grid-item-12 .c-content-item:nth-child(1) {
            margin-right: calc(2 * 100vw / 375);
        }
        #number-grid-item-12 .c-content-item:nth-child(1) .number-item-sub-text {
            margin-left: calc(4 * 100vw / 375);
            padding-bottom: calc(9 * 100vw / 375);
        }
        #number-grid-item-12 .c-content-item:nth-child(2) .number-item-sub-text {
            margin-left: calc(3 * 100vw / 375);
            padding-bottom: calc(10 * 100vw / 375);
        }

        #number-grid-item-13 .number-grid-item__heading {
            top: calc(41 * 100vw / 375);
            text-align: center;
            line-height: 1.2;
        }

        #number-grid-item-13 .c-content {
            top: unset;
            left: 0;
            bottom: calc(70 * 100vw / 375);
            width: 100%;
            translate: unset;
            box-sizing: border-box;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: center;
            padding: 0 calc(20 * 100vw / 375);
            gap: calc(20 * 100vw / 375);
        }
        #number-grid-item-13 .number-item-header-48 {
            font-size: calc(24 * 100vw / 375);
        }

        #number-grid-item-14 .number-grid-item__heading {
            top: calc(42 * 100vw / 375);
            left: calc(32 * 100vw / 375);
            translate: unset;
        }

        #number-grid-item-14 .c-image {
            bottom: calc(15 * 100vw / 375);
            left: calc(11 * 100vw / 375);
            width: calc(233 * 100vw / 375);
            height: calc(172 * 100vw / 375);
            background-image: url(../img/number/animal-chart-sp.svg);
        }

        #number-grid-item-15 .number-grid-item__heading {
            top: calc(29 * 100vw / 375);
            left: calc(45 * 100vw / 375);
            translate: unset;
            line-height: 1.2;
            text-align: center;
        }

        #number-grid-item-15 .c-image {
            bottom: calc(38 * 100vw / 375);
            left: calc(15 * 100vw / 375);
            translate: unset;
            width: calc(219 * var(--vw-with-scrollbar) / 375);
            height: calc(453 * var(--vw-with-scrollbar) / 375);
            background-image: url(../img/number/daily-stress-sp.svg);
        }

        #number-grid-item-16 .number-grid-item__heading {
            top: calc(42 * 100vw / 375);
            left: calc(32 * 100vw / 375);
            translate: unset;
        }

        #number-grid-item-16 .c-image {
            bottom: calc(23 * 100vw / 375);
            left: calc(6 * 100vw / 375);
            width: calc(242 * 100vw / 375);
            height: calc(171 * 100vw / 375);
            background-image: url(../img/number/lunch-chart-sp.svg);
        }

        #number-grid-item-17 .number-grid-item__heading {
            top: calc(54 * 100vw / 375);
            text-align: center;
            line-height: 1.2;
        }

        #number-grid-item-17 .c-content {
            bottom: calc(58 * 100vw / 375);
            left: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: calc(20 * 100vw / 375);
            padding: 0 calc(10 * 100vw / 375);
        }

        #number-grid-item-18 .number-grid-item__heading {
            top: calc(40 * 100vw / 375);
            left: calc(30 * 100vw / 375);
            translate: unset;
            text-align: center;
            line-height: 1.2;
        }

        #number-grid-item-18 .c-image {
            bottom: calc(34 * 100vw / 375);
            left: calc(22 * 100vw / 375);
            width: calc(220 * 100vw / 375);
            height: calc(409 * 100vw / 375);
            background-image: url(../img/number/holiday-sp.svg);
        }

        .r-3d-small-button--bottom .r-3d-small-button__content {
            background-image: url(../img/number/bottom-3d-bg.png);
            background-size: 100vw;
            background-color: transparent;
            background-position: center;
        }
        .r-3d-small-button--bottom .r-3d-small-button__connect {
            background-image: url(../img/number/bottom-3d-bg.png);
            background-size: 100vw;
            background-color: transparent;
            background-position: center;
        }
    }
}

/* End Number Page CSS */

/* Start Recruit Page CSS */
@media (min-width: 1025px) {
    body[data-page-slug="recruit"] .contact-btn__wrapper {
        position: absolute;
        top: 57.4479vw;
        right: 0;
        pointer-events: none;
    }
}

#recruit-page {
    .texture-bg.texture-bg--main {
        z-index: 2;
    }
    .sp-mode {
        display: none;
    }
    .pc-mode {
        display: block;
    }
    .right-symbol-scroll {
        position: relative;
        bottom: 0;
        z-index: 9999;
        left: 4.47916vw;
        height: 15.2604vw;
        width: 2.25vw;
        padding: 0 0.5vw;
        border-left: 1px solid #000;
    }
    .right-symbol-scroll .symbol-image {
        width: 1.25vw;
        height: 4.73958vw;
        position: absolute;
        bottom: 0;
    }
    /* Hero Container */
    .hero-container {
        position: relative;
        min-height: 56.35416vw;
        overflow: hidden;
        background-color: #374151;
    }

    /* Background Image */
    .background-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .background-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Team Members Section */
    .team-members {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
    }

    .member {
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .member-1 {
        width: 22.2%;
    }

    .member-1 img {
        position: absolute;
        left: 2.3%;
        top: 10.2%;
        width: 95.3%;
        height: 93.7%;
        object-fit: contain;
        object-position: center;
    }

    .member-2 {
        width: 15.4%;
    }

    .member-2 .member-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .member-2 img {
        position: absolute;
        left: 0;
        top: 10.1%;
        width: 100%;
        height: 89.9%;
        object-fit: contain;
        object-position: center;
    }

    .member-3 {
        width: 18.9%;
    }

    .member-3 .member-image {
        position: absolute;
        left: 0;
        top: 6%;
        width: 100%;
        height: 94%;
        object-fit: contain;
        object-position: center;
    }

    .member-4 {
        width: 20.4%;
    }

    .member-4 .member-image {
        position: absolute;
        left: 0;
        top: 6.3%;
        width: 100%;
        height: 93.7%;
        object-fit: contain;
        object-position: center;
    }

    .member-5 {
        width: 19.3%;
    }

    .member-5 .member-image {
        position: absolute;
        left: 0;
        top: 3.4%;
        width: 100%;
        height: 96.6%;
        object-fit: contain;
        object-position: center;
    }

    .spacer {
        width: 3.8%;
        height: 100%;
    }

    /* Main Title Section */
    .main-title-section {
        position: absolute;
        bottom: 17.6%;
        left: 50%;
        transform: translateX(-50%);
        width: 42.8%;
        z-index: 20;
    }

    .title-container {
        position: relative;
    }

    .vertical-japanese {
        position: absolute;
        left: -4.5%;
        top: 6.9%;
        height: 87%;
        width: 4.5%;
        color: var(--white-color);
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: clamp(24px, 2.3vw, 44px);
        line-height: 1;
        writing-mode: vertical-rl;
        text-orientation: upright;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .kamiya-title {
        color: var(--white-color);
        text-align: center;
        font-family: "Syne", sans-serif;
        font-weight: 800;
        font-size: clamp(60px, 6.25vw, 120px);
        line-height: 1;
        margin-bottom: clamp(8px, 1vw, 16px);
        position: relative;
        z-index: 15;
    }

    .black-bar {
        background-color: var(--black-color);
        height: clamp(33px, 3.4vw, 66px);
        width: 92.5%;
        margin-left: 6.9%;
        margin-top: clamp(8px, 1vw, 16px);
        position: relative;
    }

    .japanese-text-left {
        position: absolute;
        top: 50%;
        left: 7.8%;
        width: 45%;
        height: clamp(36px, 3.75vw, 72px);
        display: flex;
        transform: translateY(-50%);
        z-index: 20;
    }

    .japanese-text-right {
        position: absolute;
        top: 50%;
        right: 7.8%;
        width: 45%;
        height: clamp(36px, 3.75vw, 72px);
        display: flex;
        transform: translateY(-50%);
        z-index: 20;
    }

    .japanese-text-left .text-white,
    .japanese-text-right .text-white {
        width: 50%;
        height: 100%;
        color: var(--white-color);
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: clamp(18px, 1.875vw, 36px);
        line-height: 2;
        background-color: var(--black-color);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: clamp(4px, 0.5vw, 8px);
    }

    .japanese-text-left .text-outlined,
    .japanese-text-right .text-outlined {
        width: 50%;
        height: 100%;
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: clamp(18px, 1.875vw, 36px);
        line-height: 2;
        -webkit-text-stroke: 1px var(--main-color);
        -webkit-text-fill-color: transparent;
        background-color: var(--black-color);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: clamp(4px, 0.5vw, 8px);
    }

    .electric-title {
        text-align: center;
        font-family: "Syne", sans-serif;
        font-weight: 800;
        font-size: clamp(45px, 4.69vw, 90px);
        line-height: 1;
        margin-left: 2.4%;
        width: 93.9%;
        margin-top: clamp(24px, 2.5vw, 48px);
        -webkit-text-stroke: 1px var(--white-color);
        -webkit-text-fill-color: transparent;
        position: relative;
        z-index: 15;
    }

    /* Right Side Vertical Text */
    .right-sidebar {
        position: absolute;
        top: 9.3%;
        right: 1.6%;
        width: 10.7%;
        height: 83.6%;
        z-index: 20;
    }

    .sidebar-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .black-bg-main {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 96.5%;
        background-color: var(--black-color);
    }

    .black-bg-secondary {
        position: absolute;
        left: 2.9%;
        top: 0;
        width: 50%;
        height: 28.5%;
        background-color: var(--black-color);
    }

    .vertical-text-main {
        position: absolute;
        right: 0;
        top: 0.9%;
        width: 53.4%;
        height: 99.1%;
        color: var(--white-color);
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: clamp(32px, 3.33vw, 64px);
        line-height: 1;
        writing-mode: vertical-rl;
        text-orientation: upright;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
    }

    .vertical-text-secondary {
        position: absolute;
        left: 0;
        top: 0.9%;
        width: 53.4%;
        height: 28.3%;
        color: var(--white-color);
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: clamp(32px, 3.33vw, 64px);
        line-height: 1;
        writing-mode: vertical-rl;
        text-orientation: upright;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
    }

    /* Scroll Indicator */
    .scroll-indicator {
        position: absolute;
        bottom: 8.4%;
        left: 2.6%;
        z-index: 20;
    }

    .scroll-line {
        width: 1px;
        height: clamp(200px, 27.1vw, 520px);
        background-color: var(--black-color);
        margin-bottom: 8px;
    }

    .scroll-text {
        font-family: "Syne", sans-serif;
        font-weight: 400;
        font-size: clamp(12px, 1.25vw, 24px);
        line-height: 1;
        transform: rotate(90deg);
        transform-origin: left bottom;
        -webkit-text-stroke: 1px var(--black-color);
        -webkit-text-fill-color: transparent;
        width: clamp(43px, 5.7vw, 109px);
        height: clamp(12px, 1.25vw, 24px);
    }

    /* Mobile Responsive Adjustments */
    @media (max-width: 768px) {
        .vertical-japanese,
        .vertical-text-main,
        .vertical-text-secondary {
            writing-mode: horizontal-tb !important;
            text-orientation: mixed !important;
        }

        .main-title-section {
            width: 80%;
            bottom: 10%;
        }

        .right-sidebar {
            width: 15%;
            top: 5%;
        }

        .team-members {
            flex-direction: column;
        }

        .member {
            width: 100% !important;
            height: 20%;
        }

        .member img {
            position: static !important;
            width: 100% !important;
            height: 100% !important;
            left: 0 !important;
            top: 0 !important;
        }
    }

    @media (max-width: 480px) {
        .kamiya-title {
            font-size: clamp(40px, 8vw, 60px);
        }

        .electric-title {
            font-size: clamp(30px, 6vw, 45px);
        }

        .main-title-section {
            width: 90%;
            bottom: 5%;
        }

        .japanese-text-left,
        .japanese-text-right {
            position: static;
            width: 100%;
            margin-top: 16px;
            justify-content: center;
        }

        .vertical-text-main,
        .vertical-text-secondary {
            font-size: clamp(16px, 4vw, 24px);
        }
    }

    .recruit-section__container {
        display: flex;
        height: auto;
        width: 100%;
        margin: 0 auto;
        padding: 8.0729vw 0;
        position: relative;
    }

    .contact-btn__wrapper {
        height: fit-content;
        width: fit-content;
        position: absolute;
        right: 0;
        top: -6vw;
    }

    /* Sidebar with vertical text */
    .recruit-section__sidebar {
        position: absolute;
        left: 10.9375vw;
        width: fit-content;
        height: auto;
    }

    .recruit-section__sidebar-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
    }

    .recruit-section__sidebar-bg-left {
        width: 50%;
        background-color: #0b0b0b;
    }

    .recruit-section__sidebar-bg-right {
        width: 50%;
        background-color: #0b0b0b;
        margin-left: -8px;
    }

    .recruit-section__sidebar-content {
        position: relative;
        z-index: 10;
        display: flex;
    }

    .recruit-section__sidebar-text {
        position: relative;
        z-index: 0;
        color: #fff;
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: 3.33333vw;
        line-height: 100%;
        text-align: center;
        font-feature-settings: "vert" on;
        writing-mode: vertical-rl;
        text-orientation: upright;
        padding: 0.2083vw 0.4vw;
        opacity: 0;
    }

    .recruit-section__sidebar-text-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--black-color);
        z-index: -1;
        transform: scaleY(0);
        transform-origin: top;
        opacity: 1;
        pointer-events: none;
    }

    .recruit-section__sidebar-text-block.section-animate-pc.animate::before {
        animation: banner-slide-down 0.4s ease-in-out forwards;
    }

    .recruit-section__sidebar-text-block.section-animate-pc.animate
        .recruit-section__sidebar-text {
        animation: fade-in-blur 0.2s 0.45s ease-in-out forwards;
    }

    .recruit-section__content {
        max-width: 100%;
    }

    .recruit-section__text {
        color: #0b0b0b;
        font-family: "Noto Sans JP";
        font-style: normal;
        font-weight: 700;
        font-size: 1.6666vw;
        line-height: 200%;

        color: #0b0b0b;
    }

    .recruit-section__intro {
        margin-bottom: 2.66666vw;
        opacity: 0;
    }

    .recruit-section__quotes p {
        margin-bottom: 0.2vw;
    }

    .recruit-section__quotes {
        margin-bottom: 3vw;
        opacity: 0;
    }

    .recruit-section__message {
        opacity: 0;
    }

    .recruit-section__message p {
        margin-bottom: 0.625vw;
    }

    .recruit-section__intro.section-animate.animate,
    .recruit-section__quotes.section-animate.animate,
    .recruit-section__message.section-animate.animate {
        animation: fade-in-up-text-animation-custom-position 0.2s 0.45s
            ease-in-out forwards;
    }

    /* Desktop styles */
    @media (min-width: 1025px) {
        .recruit-section__sidebar-content {
            flex-direction: row;
            top: 0 !important;
        }

        .vertical-text.section-slide-down.animate::before {
            animation: banner-slide-down 0.4s ease-in-out forwards;
        }
        .vertical-text.section-slide-down.animate .section-slide-down__text {
            animation: fade-in-blur 0.2s 0.45s ease-in-out forwards;
        }
        .recruit-section__main {
            width: 48.8541vw;
            margin-left: 27.1875vw;
        }

        .hero-slide--1.texture-bg .vertical-text.section-slide-down::before,
        .hero-slide--2.texture-bg .vertical-text.section-slide-down::before,
        .hero-slide--3.texture-bg .vertical-text.section-slide-down::before {
            animation: unset;
            transform: scaleY(0);
        }

        .hero-slide--1.texture-bg
            .vertical-text.section-slide-down
            .section-slide-down__text,
        .hero-slide--3.texture-bg
            .vertical-text.section-slide-down
            .section-slide-down__text,
        .hero-slide--2.texture-bg
            .vertical-text.section-slide-down
            .section-slide-down__text {
            opacity: 0;
            filter: blur(5px);
            animation: unset;
        }

        .hero-slide--1.texture-bg.active
            .vertical-text.section-slide-down.animate::before,
        .hero-slide--3.texture-bg.active
            .vertical-text.section-slide-down.animate::before,
        .hero-slide--2.texture-bg.active
            .vertical-text.section-slide-down.animate::before {
            animation: banner-slide-down 0.4s ease-in-out 2s forwards;
        }

        .hero-slide--1.texture-bg.active
            .vertical-text.section-slide-down.animate
            .section-slide-down__text,
        .hero-slide--3.texture-bg.active
            .vertical-text.section-slide-down.animate
            .section-slide-down__text,
        .hero-slide--2.texture-bg.active
            .vertical-text.section-slide-down.animate
            .section-slide-down__text {
            animation: fade-in-blur 0.2s 2.4s ease-in-out forwards;
        }

        .hero-slide--1.texture-bg.exit-left
            .vertical-text.section-slide-down.animate::before,
        .hero-slide--3.texture-bg.exit-left
            .vertical-text.section-slide-down.animate::before,
        .hero-slide--2.texture-bg.exit-left
            .vertical-text.section-slide-down.animate::before {
            transform: scaleY(100%);
        }

        .hero-slide--1.texture-bg.exit-left
            .vertical-text.section-slide-down.animate
            .section-slide-down__text,
        .hero-slide--3.texture-bg.exit-left
            .vertical-text.section-slide-down.animate
            .section-slide-down__text,
        .hero-slide--2.texture-bg.exit-left
            .vertical-text.section-slide-down.animate
            .section-slide-down__text {
            opacity: 1;
            filter: blur(0);
        }
    }

    .recruit-content {
        min-height: 100vh;
    }

    /* Main Title Section */
    .title-section {
        text-align: center;
        padding: 4rem 0 6rem 0;
    }

    .main-title {
        font-family: "Syne", sans-serif;
        font-weight: 800;
        font-size: 6rem;
        line-height: 0.9;
        letter-spacing: -0.02em;
        color: var(--design-black);
    }

    .title-line {
        display: block;
    }

    /* Content Wrapper */
    .content-wrapper {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 2rem;
        display: flex;
        flex-direction: column;
        gap: 11rem;
        padding-bottom: 8rem;
    }

    /* Section Cards */
    .section-card {
        position: relative;
        width: 100%;
        height: 642px;
        border-radius: 0.5rem;
        overflow: hidden;
        box-shadow: 5px 4px 60px rgba(0, 0, 0, 0.45);
    }

    .card-content {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .background-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .overlay-gradient {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
            to right,
            rgba(251, 146, 60, 0.6),
            rgba(253, 224, 71, 0.6)
        );
    }

    .overlay-red {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
            to right,
            rgba(252, 165, 165, 0.4),
            rgba(254, 215, 170, 0.4)
        );
    }

    /* Bottom Content */
    .bottom-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .bottom-content-left {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .description-bar {
        background-color: var(--design-black);
    }

    .description-text {
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: 4rem;
        line-height: 1;
        background: black;
    }

    .highlight-char {
        color: #f5bd04;
    }

    .white-text {
        color: white;
    }

    .title-bar {
        background-color: #f5bd04;
    }

    .section-title {
        font-family: "Syne", sans-serif;
        font-weight: 800;
        font-size: 6.8rem;
        line-height: 1;
        color: var(--design-black);
    }

    /* Arrow Button */
    .arrow-button {
        position: absolute;
        bottom: 2rem;
        right: 2rem;
    }

    .arrow-container {
        width: 4rem;
        height: 4rem;
        background-color: var(--design-black);
        border: 2px solid var(--design-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .arrow-container.transparent {
        background-color: transparent;
    }

    .arrow-container:hover {
        background-color: var(--design-yellow);
    }

    .arrow-container:hover .arrow {
        color: var(--design-black);
    }

    .arrow {
        color: var(--design-yellow);
        font-size: 1.875rem;
        font-family: "Syne", sans-serif;
        transform: rotate(90deg);
        transition: color 0.3s ease;
    }

    /* Numbers Section Specific */
    .data-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .numbers-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4rem;
        align-items: center;
    }

    .number-item {
        text-align: center;
    }

    .big-number {
        font-family: "Jost", sans-serif;
        font-weight: 800;
        font-size: 11.75rem;
        line-height: 1;
        color: var(--design-black);
        -webkit-text-stroke: 1px var(--design-black);
    }

    /* Charts */
    .charts-left {
        position: absolute;
        top: 4rem;
        left: 4rem;
    }

    .chart-bars {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .bar {
        height: 1.5rem;
        border: 2px solid var(--design-black);
    }

    .bar-1 {
        width: 12rem;
    }

    .bar-2 {
        width: 9rem;
    }

    .bar-3 {
        width: 6rem;
    }

    .charts-right {
        position: absolute;
        top: 4rem;
        right: 4rem;
    }

    .pie-chart {
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        border: 2px solid var(--design-black);
        position: relative;
        overflow: hidden;
    }

    .pie-fill {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: conic-gradient(
            from 0deg,
            var(--design-yellow) 0deg 270deg,
            transparent 270deg 360deg
        );
    }

    /* VR Section Specific */
    .degree-text {
        position: absolute;
        top: 4rem;
        right: 4rem;
    }

    .degree-number {
        font-family: "Zen Dots", cursive;
        font-size: 12rem;
        font-weight: 400;
        color: transparent;
        -webkit-text-stroke: 3px var(--design-yellow);
        text-stroke: 3px var(--design-yellow);
    }

    .facility-model {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .model-container {
        width: 31.25rem;
        height: 15rem;
        background: linear-gradient(to right, #d1d5db, #9ca3af);
        border: 2px solid var(--design-black);
        border-radius: 0.5rem;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
        transform: perspective(1000px) rotateY(12deg);
    }

    .model-inner {
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom right, #e5e7eb, #6b7280);
        border-radius: 0.5rem;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .title-section {
            padding: 2rem 0 4rem 0;
        }

        .main-title {
            font-size: 4rem;
        }

        .content-wrapper {
            padding: 0 1rem;
            gap: 8rem;
            padding-bottom: 4rem;
        }

        .section-card {
            height: 500px;
        }

        .section-title {
            font-size: 4rem;
            padding: 1.5rem 1rem;
        }

        .description-text {
            font-size: 2rem;
        }

        .title-bar {
            padding: 1.5rem 1rem;
        }

        .description-bar {
            padding: 0.5rem 1rem;
        }

        .numbers-grid {
            gap: 2rem;
        }

        .big-number {
            font-size: 6rem;
        }

        .charts-left {
            top: 2rem;
            left: 2rem;
        }

        .charts-right {
            top: 2rem;
            right: 2rem;
        }

        .degree-text {
            top: 2rem;
            right: 2rem;
        }

        .degree-number {
            font-size: 6rem;
        }

        .model-container {
            width: 16rem;
            height: 8rem;
        }

        .arrow-button {
            bottom: 1.5rem;
            right: 1.5rem;
        }

        .arrow-container {
            width: 3rem;
            height: 3rem;
        }

        .arrow {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 480px) {
        .main-title {
            font-size: 3rem;
        }

        .section-card {
            height: 400px;
        }

        .section-title {
            font-size: 3rem;
        }

        .description-text {
            font-size: 1.5rem;
        }

        .big-number {
            font-size: 4rem;
        }

        .degree-number {
            font-size: 4rem;
        }

        .model-container {
            width: 12rem;
            height: 6rem;
        }

        .charts-left {
            top: 1rem;
            left: 1rem;
        }

        .charts-right {
            top: 1rem;
            right: 1rem;
        }

        .degree-text {
            top: 1rem;
            right: 1rem;
        }

        .bar {
            height: 1rem;
        }

        .bar-1 {
            width: 8rem;
        }

        .bar-2 {
            width: 6rem;
        }

        .bar-3 {
            width: 4rem;
        }

        .pie-chart {
            width: 6rem;
            height: 6rem;
        }
    }
    .company-section-img__wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .company-section-img__decoration {
        position: relative;
        width: calc(888 * 100vw / 1920);
        .company-section-img__wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        min-height: 100vh;
        position: relative;
        overflow: hidden;
    }

    /* Hero Section */
    .ENVIRONMENT-hero-section {
        position: relative;
        width: 100%;
        height: 48.80208vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ENVIRONMENT-hero-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .ENVIRONMENT-hero-background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Hero Images - Desktop */
    .ENVIRONMENT-hero-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    /* Mobile Hero Image */
    .ENVIRONMENT-hero-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: none;
    }

    .ENVIRONMENT-hero-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Title Section */
    .ENVIRONMENT-title-section {
        position: absolute;
        left: 0;
        bottom: 0px;
        z-index: 10;
    }

    .ENVIRONMENT-title-container {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .ENVIRONMENT-japanese-title {
        width: 15.10416vw;
        height: 4.270833vw;
        background-color: #0b0b0b;
        position: relative;
    }

    .ENVIRONMENT-japanese-title h1 {
        position: absolute;
        left: 0.625vw;
        top: 0.416666vw;
        font-size: 3.3333vw;
        font-weight: 700;
        line-height: 100%;
        font-family: var(--font-noto-serif-jp);
    }

    .yellow-text {
        color: #f5bd04; /* Yellow color */
    }

    .white-text {
        color: #ffffff; /* White color */
    }

    .ENVIRONMENT-english-title {
        width: 74.791666vw;
        background-color: #f5bd04; /* Yellow background */
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
    }

    .ENVIRONMENT-english-title h2 {
        color: #0b0b0b; /* Dark color for text */
        text-align: center;
        font-family: "Syne", sans-serif;
        font-size: 5.67708vw;
        font-weight: 800;
        line-height: 100%;
        letter-spacing: -2px;
        padding: 0;
    }

    /* Content Section */
    .ENVIRONMENT-content-section {
        position: relative;
        width: 100%;
        min-height: 35.2083vw;
        padding-bottom: 0;
    }

    .ENVIRONMENT-content-container {
        position: absolute;
        left: 0;
        top: 4.1666vw;
        width: 100%;
        height: 31.04166vw;
    }

    /* Team Photo */
    .ENVIRONMENT-team-photo {
        position: absolute;
        right: 0;
        top: 0;
        width: 55.5729vw;
        height: 31.0416vw;
    }

    .ENVIRONMENT-team-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Text Content */
    .ENVIRONMENT-text-content {
        position: absolute;
        left: 4.21875vw;
        top: 0;
        width: 535px;
    }

    .ENVIRONMENT-text-blocks {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: fit-content;
    }

    .ENVIRONMENT-text-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.4166vw;
        padding: 0.2083vw 0.52083vw;
        opacity: 1;
        background: var(--black-color);
    }

    .ENVIRONMENT-text-block.no-padding-text {
        padding: unset !important;
    }

    .ENVIRONMENT-text-block-wide {
        width: 27.70833vw;
    }

    .ENVIRONMENT-text-block p {
        color: #ffffff;
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: 1.66666vw;
        line-height: 200%;
        opacity: 1;
    }

    .ENVIRONMENT-main-line {
        z-index: 999;
    }

    .ENVIRONMENT-text-block.section-slide-in-banner.no-padding-text.animate
        .ENVIRONMENT-main-line,
    .ENVIRONMENT-text-block.section-slide-in-banner.padding-text.animate
        .ENVIRONMENT-main-line {
        animation: slide-left-fade-in 0.2s 0.45s ease-in-out forwards;
    }

    .ENVIRONMENT-text-content.section-animate-pc.animate
        .section-slide-in-banner__text,
    ENVIRONMENT-view-more.section-animate-pc.animate
        .section-slide-in-banner__text {
        animation: unset;
        opacity: 1;
        transform: translateX(0px);
        filter: blur(0px);
        opacity: 1;
    }

    /* View More Button */
    .ENVIRONMENT-view-more {
        position: absolute;
        left: 4.21875vw;
        top: 12.6666vw;
    }

    .ENVIRONMENT-view-more-btn {
        width: 12.625vw;
        height: 2.42vw;
        background-color: #0b0b0b;
        border: 1px solid #f5bd04;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .ENVIRONMENT-view-more-btn:hover {
        background-color: #f5bd04;
    }

    .ENVIRONMENT-view-more-btn span {
        color: #ffffff;
        font-family: var(--font-jost);
        font-size: 0.833333vw;
        font-weight: 400;
        line-height: 150%;
        text-align: center;
        transition: color 0.3s ease;
    }

    .ENVIRONMENT-view-more-btn:hover span {
        color: #0b0b0b;
    }

    /* Certification Badges */
    .ENVIRONMENT-certification-badges {
        position: absolute;
        left: 3.4375vw;
        top: 21.25vw;
        width: 39.1666vw;
        height: 13.9583vw;
    }

    .ENVIRONMENT-certification-badges .recruit-image-logo img {
        width: 39.1666vw;
        height: 13.9583vw;
    }

    .ENVIRONMENT-badge {
        position: relative;
        width: 10.5729vw;
        height: 7.760416vw;
    }

    .ENVIRONMENT-badge-hexagon {
        width: 100%;
        height: 100%;
    }

    .ENVIRONMENT-badge img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .company-section .blink-border__vertical::before,
    .company-section .blink-border__vertical::after {
        width: calc(0.5 * 100vw / 375);
    }
    .company-section .blink-border__horizontal::before,
    .company-section .blink-border__horizontal::after {
        height: calc(0.5 * 100vw / 375);
    }
}
#recruit-page {
    /* Hero Container */
    .hero-container {
        position: relative;
        height: calc(1080 * var(--vw-with-scrollbar) / 1920);
        max-height: 1080px;
        overflow: hidden;
    }
    .hero-container > * {
        position: absolute;
    }
    .hero-slide {
        inset: 0;
        opacity: 0;
        transition: opacity 1s ease;
    }
    .hero-slide--1 {
        background: linear-gradient(180deg, #d9d9d9 15.53%, #0b0b0b 107.62%);
    }
    .hero-slide--2 {
        background: linear-gradient(180deg, #d9d9d9 5.59%, #c82100 108.32%);
    }
    .hero-slide--3 {
        background: linear-gradient(180deg, #d9d9d9 12.43%, #f5bd04 100%);
    }

    /* Hero Slide */
    .hero-slide > * {
        position: absolute;
        overflow: hidden;
    }
    .hero-slide-img img {
        width: 100%;
        height: 100%;
    }
    .hero-slide--1 .hero-slide-img {
        top: 0;
        height: clamp(
            0px,
            calc(1080 * var(--vw-with-scrollbar) / 1920),
            1080px
        );
    }
    .glitch-effect {
        inset: 0;
    }
    .hero-slide--1 .hero-slide-img--1 {
        width: clamp(0px, calc(426 * var(--vw-with-scrollbar) / 1920), 462px);
        background-image: url(../img/recruit/member-01.webp);
    }
    .hero-slide--1 .hero-slide-img--2 {
        width: clamp(0px, calc(296 * var(--vw-with-scrollbar) / 1920), 296px);
    }
    .hero-slide--1 .hero-slide-img--3 {
        width: clamp(0px, calc(363 * var(--vw-with-scrollbar) / 1920), 462px);
    }
    .hero-slide--1 .hero-slide-img--4 {
        width: clamp(0px, calc(391 * var(--vw-with-scrollbar) / 1920), 462px);
    }
    .hero-slide--1 .hero-slide-img--5 {
        width: clamp(0px, calc(371 * var(--vw-with-scrollbar) / 1920), 462px);
    }
    /* Main Title Section */
    .hero-main-title {
        left: 50%;
        bottom: clamp(0px, calc(61 * var(--vw-with-scrollbar) / 1920), 61px);
        translate: -50% 0;
        display: flex;
        align-items: start;
        z-index: 5;
        gap: clamp(0px, calc(11 * var(--vw-with-scrollbar) / 1920), 11px);
    }

    .hero-main-title__left-text {
        font-family: var(--font-noto-serif-jp);
        padding-top: clamp(
            0px,
            calc(18 * var(--vw-with-scrollbar) / 1920),
            18px
        );
        font-size: clamp(
            0px,
            calc(44.5 * var(--vw-with-scrollbar) / 1920),
            44.5px
        );
        font-weight: 600;
        line-height: 1;
        color: var(--white-color);
        writing-mode: vertical-rl;
    }

    .hero-main-title__col {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .hero-main-title__top {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(
            0px,
            calc(120 * var(--vw-with-scrollbar) / 1920),
            120px
        );
        color: var(--white-color);
        margin-bottom: clamp(
            -9px,
            calc(-9 * var(--vw-with-scrollbar) / 1920),
            0px
        );
    }

    .hero-main-title__banner {
        width: clamp(0px, calc(760 * var(--vw-with-scrollbar) / 1920), 760px);
        height: clamp(0px, calc(66 * var(--vw-with-scrollbar) / 1920), 66px);
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: end;
        box-sizing: border-box;
        background-color: var(--black-color);
        margin-left: clamp(0px, calc(9 * var(--vw-with-scrollbar) / 1920), 9px);
        margin-right: clamp(
            0px,
            calc(4 * var(--vw-with-scrollbar) / 1920),
            4px
        );
        padding-left: clamp(
            0px,
            calc(7 * var(--vw-with-scrollbar) / 1720),
            9px
        );
        padding-right: clamp(
            0px,
            calc(5 * var(--vw-with-scrollbar) / 1920),
            5px
        );
        gap: clamp(0px, calc(8 * var(--vw-with-scrollbar) / 1920), 8px);
    }
    .hero-main-title__banner-inner {
        display: flex;
        gap: clamp(0px, calc(10 * var(--vw-with-scrollbar) / 1920), 10px);
    }
    .hero-main-title__banner-text {
        font-family: var(--font-noto-serif-jp);
        font-weight: 700;
        font-size: clamp(0px, calc(36 * var(--vw-with-scrollbar) / 1920), 36px);
        line-height: 2;
        color: var(--white-color);
        white-space: nowrap;
    }

    .hero-main-title__banner-text--dark {
        color: var(--black-color);
        -webkit-text-stroke: clamp(
                0px,
                calc(2 * var(--vw-with-scrollbar) / 1920),
                2px
            )
            var(--main-color);
        paint-order: stroke fill;
    }

    .hero-main-title__bottom-text {
        margin-left: clamp(0px, calc(2 * var(--vw-with-scrollbar) / 1920), 2px);
        margin-top: clamp(
            -5px,
            calc(-5 * var(--vw-with-scrollbar) / 1920),
            0px
        );
        font-family: var(--font-syne-static);
        font-weight: 800;
        font-size: clamp(0px, calc(90 * var(--vw-with-scrollbar) / 1920), 90px);
        color: transparent;
        -webkit-text-stroke: clamp(
                0px,
                calc(1 * var(--vw-with-scrollbar) / 1920),
                1px
            )
            var(--white-color);
    }
    /* Vertical Text Row */
    .vertical-text-row {
        top: clamp(0px, calc(100 * var(--vw-with-scrollbar) / 1920), 100px);
        right: clamp(0px, calc(79 * var(--vw-with-scrollbar) / 1920), 79px);
        display: flex;
        align-items: start;
        z-index: 9999;
    }
    .recruit-section__sidebar .vertical-text-row {
        right: 0;
        display: flex;
        align-items: start;
        z-index: 9999;
    }
    .vertical-text {
        display: flex;
        align-items: center;
        width: clamp(0px, calc(110 * var(--vw-with-scrollbar) / 1920), 110px);
        padding: clamp(0px, calc(8 * var(--vw-with-scrollbar) / 1920), 8px) 3px;
        position: relative;
        font-family: var(--font-noto-serif-jp);
        color: var(--white-color);
        font-size: clamp(0px, calc(64 * var(--vw-with-scrollbar) / 1920), 64px);
        writing-mode: vertical-lr;
        font-weight: 600;
    }
    .vertical-text::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--black-color);
        z-index: 0;
    }
    .vertical-text__inner {
        width: fit-content;
        position: relative;
        writing-mode: vertical-rl;
        white-space: nowrap;
    }
    .vertical-text:nth-child(2)::before {
        left: clamp(0px, calc(8 * var(--vw-with-scrollbar) / 1920), 8px);
        bottom: clamp(0px, calc(33 * var(--vw-with-scrollbar) / 1920), 33px);
    }
    .vertical-text:nth-child(1)::before {
        left: clamp(0px, calc(3 * var(--vw-with-scrollbar) / 1920), 3px);
        right: clamp(0px, calc(4 * var(--vw-with-scrollbar) / 1920), 4px);
        bottom: clamp(0px, calc(6 * var(--vw-with-scrollbar) / 1920), 6px);
    }
    .vertical-text:nth-child(1) {
        margin-right: clamp(
            -14px,
            calc(-14 * var(--vw-with-scrollbar) / 1920),
            0px
        );
    }

    .recruit-content {
        min-height: 100vh;
    }

    /* Main Title Section */
    .title-section {
        text-align: center;
        padding-top: calc(40 * 100vw / 1920);
        padding-bottom: calc(80 * 100vw / 1920);
    }

    .main-title {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: calc(130 * 100vw / 1920);
        line-height: 1;
        color: var(--black-color);
    }

    .title-line {
        display: block;
        transform: scaleX(0);
        transform-origin: left;
    }

    .title-line.section-animate-pc.animate,
    title-line.title-line--outline.section-animate-pc.animate {
        animation: slide-in-banner-bg-animation 0.4s ease-in-out forwards;
    }

    .main-title.section-animate-pc.hidden-pc.animate .title-line {
        animation: slide-in-banner-bg-animation 0.4s ease-in-out forwards;
    }

    .title-line--outline {
        font-family: var(--font-syne-static);
        color: transparent;
        -webkit-text-stroke: calc(1.4 * 100vw / 1920) var(--black-color);
    }

    /* Card Section */
    .card-section {
        display: flex;
        flex-direction: column;
        gap: calc(180 * 100vw / 1920);
        padding-bottom: calc(180 * 100vw / 1920);
        align-items: center;
    }

    .card-section-card {
        position: relative;
        display: flex;
        align-items: end;
        justify-content: space-between;
        width: calc(1500 * 100vw / 1920);
        height: calc(642 * 100vw / 1920);
        overflow: hidden;
        filter: drop-shadow(5px 4px 60px rgba(0, 0, 0, 0.45));
    }

    .card-section-card__bg {
        position: absolute;
        inset: 0;
        background-size: contain;
        z-index: 0;
    }

    .card-section-card__icon-wrapper {
        width: calc(165 * 100vw / 1920);
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--black-color);
        z-index: 1;
        position: relative;
    }

    .card-section-card__icon {
        width: calc(100 * 100vw / 1920);
        height: calc(100 * 100vw / 1920);
        position: absolute;
        left: 2.4vw;
    }

    .card-section-card__heading {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: start;
        z-index: 1;
    }

    .card-section-card__heading.border-card__heading {
        bottom: 0.10208vw;
        left: 0.10208vw;
    }

    .card-section-card__title-jp {
        box-sizing: border-box;
        padding: calc(9 * 100vw / 1920) calc(12 * 100vw / 1920);
        padding-right: calc(8 * 100vw / 1920);
        background-color: var(--black-color);
        font-family: var(--font-noto-serif-jp);
        font-size: calc(64 * 100vw / 1920);
        color: var(--white-color);
        font-weight: 700;
    }
    .card-section-card__title-jp .highlight-text {
        color: var(--main-color);
    }

    .card-section-card__title-en {
        box-sizing: border-box;
        padding-right: calc(16 * 100vw / 1920);
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: calc(110 * 100vw / 1920);
        color: var(--black-color);
        background-color: var(--main-color);
    }

    #card-1 .card-section-card__bg {
        background-image: url(../img/recruit/interview-bg.webp);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #card-1 .card-section-card__title-jp {
        /* width: calc(792 * 100vw / 1920); */
        width: fit-content;
    }
    #card-1 .card-section-card__title-en {
        width: calc(1081 * 100vw / 1920);
    }
    #card-2 .card-section-card__bg {
        background-image: url(../img/recruit/number-bg.webp);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #card-2 .card-section-card__title-jp {
        width: calc(670 * 100vw / 1920);
    }
    #card-2 .card-section-card__title-en {
        width: calc(863 * 100vw / 1920);
    }
    #card-3 .card-section-card__bg {
        background-image: url(../img/recruit/vr-bg.webp);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #card-3 .card-section-card__title-jp {
        width: calc(788 * 100vw / 1920);
    }
    #card-3 .card-section-card__title-en {
        width: calc(286 * 100vw / 1920);
    }
}
@media (max-width: 1024px) {
    #recruit-page {
        .hero-container {
            position: relative;
            height: calc(720 * 100vw / 375);
            max-height: unset;
            overflow: hidden;
        }
        .hero-horizontal-text__col {
            top: calc(50 * 100vw / 375);
            left: calc(30 * 100vw / 375);
            display: flex;
            flex-direction: column;
            align-items: start;
        }
        .hero-horizontal-text {
            padding-top: calc(8 * 100vw / 375);
            padding-left: calc(6 * 100vw / 375);
            padding-bottom: calc(9 * 100vw / 375);
        }
        .hero-horizontal-text__text {
            font-family: var(--font-noto-serif-jp);
            font-weight: 600;
            font-size: calc(28 * 100vw / 375);
            color: var(--white-color);
        }
        .hero-horizontal-text:nth-child(1) {
            padding-right: calc(10 * 100vw / 375);
        }
        .hero-horizontal-text:nth-child(2)::after {
            width: unset;
            right: calc(7 * 100vw / 375);
        }
        .hero-horizontal-text:nth-child(3)::after {
            width: unset;
            right: calc(16 * 100vw / 375);
        }
        /* Main Title Section */
        .hero-main-title {
            left: calc(30 * 100vw / 375);
            bottom: calc(74 * 100vw / 375);
            translate: unset;
            gap: 0;
        }

        .hero-main-title__top {
            font-size: calc(44.5 * 100vw / 375);
            margin-bottom: calc(-3.83 * 100vw / 375);
        }

        .hero-main-title__banner {
            width: fit-content;
            height: calc(25 * 100vw / 375);
            margin-left: calc(3.3 * 100vw / 375);
            margin-right: calc(1.78 * 100vw / 375);
            padding-left: calc(2.6 * 100vw / 375);
            padding-right: calc(1.6 * 100vw / 375);
            gap: calc(2.7 * 100vw / 375);
        }
        .hero-main-title__banner-inner {
            display: flex;
            gap: calc(3.47 * 100vw / 375);
        }
        .hero-main-title__banner-text {
            font-size: calc(13.35 * 100vw / 375);
        }

        .hero-main-title__banner-text--dark {
            -webkit-text-stroke: calc(1 * 100vw / 375) var(--main-color);
        }

        .hero-main-title__bottom-text {
            margin-left: 0;
            margin-top: calc(-1.85 * 100vw / 375);
            font-size: calc(33.33 * 100vw / 375);
            -webkit-text-stroke: calc(1 * 25vw / 375) var(--white-color);
        }

        .recruit-content {
            overflow: hidden;
            min-height: 183.333vw;
        }

        .title-section {
            padding: 0;
        }
        .main-title {
            margin-left: calc(-11.5 * 100vw / 375);
            font-size: calc(46.32 * 100vw / 375);
        }
        .card-section {
            padding: calc(30 * 100vw / 375);
            padding-top: calc(20 * 100vw / 375);
            padding-bottom: 0;
        }

        .card-section:last-child {
            padding-bottom: calc(20 * 100vw / 375);
        }

        .card-section-card {
            width: 100%;
            box-sizing: border-box;
            height: calc(167 * 100vw / 375);
            filter: drop-shadow(
                1.59333px 1.27467px 19.12px rgba(0, 0, 0, 0.45)
            );
        }
        #card-1 .card-section-card__bg {
            background-image: url(../img/recruit/interview-bg-sp.webp);
        }

        .card-section-card__icon-wrapper {
            width: calc(54 * 100vw / 375);
        }

        .card-section-card__icon {
            width: calc(31 * 100vw / 375);
            height: calc(36 * 100vw / 375);
            position: absolute;
            left: 3.7vw;
        }

        .card-section-card__title-jp {
            padding: calc(1.3 * 100vw / 375) calc(4.4 * 100vw / 375)
                calc(2.7 * 100vw / 375) 0;
            font-size: calc(17 * 100vw / 375);
        }

        .card-section-card__title-en {
            padding-right: calc(3 * 100vw / 375) 0;
            font-size: calc(26 * 100vw / 375);
        }

        #card-1 .card-section-card__title-jp {
            width: calc(220 * 100vw / 375);
        }
        #card-1 .card-section-card__title-en {
            width: calc(261 * 100vw / 375);
        }
        #card-2 .card-section-card__bg {
            background-image: url(../img/recruit/number-bg-sp.webp);
        }
        #card-2 .card-section-card__title-jp {
            width: calc(191 * 100vw / 375);
        }
        #card-2 .card-section-card__title-en {
            width: calc(200 * 100vw / 375);
        }
        #card-3 .card-section-card__bg {
            background-image: url(../img/recruit/vr-bg-sp.webp);
        }
        #card-3 .card-section-card__title-jp {
            width: calc(220.4 * 100vw / 375);
        }
        #card-3 .card-section-card__title-en {
            width: calc(63 * 100vw / 375);
        }
    }
}
@media (min-width: 1025px) {
    #card-3 .card-section-card__icon-wrapper {
        background-color: transparent;
        border: calc(1 * 100vw / 1920) solid var(--main-color);
    }
}
#recruit-page {
    /* New fix slide */
    .hero-container {
        position: relative;
        overflow: hidden;
    }

    .hero-slide {
        position: absolute;
        inset: 0;
        transition: transform 0.8s ease-in-out, opacity 1s ease-in-out;
        transform: translateX(0);
        opacity: 0;
        z-index: 0;
    }

    .hero-slide.active {
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
        transition: transform 1s ease-in-out;
        transition: transform 1s ease-in-out, opacity 1s ease-in-out 1s;
    }

    .hero-slide.exit-left {
        transform: translateX(-100%);
        opacity: 0;
        z-index: 0;
    }
    /* End new fix slide */

    .ENVIRONMENT-hero-images {
        position: relative;
        overflow: hidden;
    }

    .ENVIRONMENT-hero-images img {
        position: absolute;
        object-fit: cover;
        opacity: 0;
        pointer-events: none;
        transition: opacity 400ms ease;
    }

    .ENVIRONMENT-hero-images img.is-active {
        opacity: 1;
        pointer-events: auto;
    }

    .ENVIRONMENT-hero-img-1 {
        left: 10vw;
        top: -8vw;
        width: 77vw;
        height: auto;
    }

    .ENVIRONMENT-hero-img-2 {
        left: 0vw;
        top: 0vw;
        width: 100vw;
        height: auto;
    }

    .ENVIRONMENT-hero-img-3 {
        left: 0vw;
        top: 0vw;
        width: 100vw;
        height: auto;
    }

    .enviro-tabs {
        position: absolute;
        right: 0;
        top: 11vw;
        width: 12.70833vw;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 5;
    }

    .enviro-tab {
        appearance: none;
        border: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f5bd04;
        color: #000;
        padding: 0 1.66666vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 0.9375vw;
        line-height: 1.25vw;
        cursor: pointer;
        transition: transform 0.15s ease, background-color 0.2s ease,
            color 0.2s ease;
        white-space: nowrap;
        height: 3.75vw;
    }

    .enviro-tab::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: calc(5 * 100vw / 1920);
        height: 100%;
        background: #000;
    }

    .enviro-tab__icon {
        width: calc(8 * 100vw / 1920);
        height: calc(12 * 100vw / 1920);
    }

    .enviro-tab:hover {
        transform: translateX(2px);
    }

    .enviro-tab[aria-selected="true"] {
        background: #000;
        color: #f5bd04;
    }

    .enviro-tab[aria-selected="true"]::before {
        background: #f5bd04;
    }

    .enviro-tab[aria-selected="true"]::after {
        color: #f5bd04;
    }

    @keyframes env-slide-up {
        from {
            transform: translateY(24px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes env-slide-down {
        from {
            transform: translateY(-24px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes env-fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    .ENVIRONMENT-hero-img-1.is-active,
    .ENVIRONMENT-hero-img-2.is-active,
    .ENVIRONMENT-hero-img-3.is-active {
        animation: env-fade-in 700ms ease both;
    }

    @media (prefers-reduced-motion: reduce) {
        .ENVIRONMENT-hero-images img,
        .ENVIRONMENT-hero-images img.is-active {
            transition: none !important;
            animation: none !important;
        }
    }
    .hero-container {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .hero-slide {
        position: absolute;
        inset: 0;
        opacity: 0;
    }

    .hero-slide img {
        object-fit: cover;
        position: absolute;
    }

    .hero-slide-image--1 {
        width: 76.25vw;
        height: 56.30208vw;
        bottom: 0;
        left: 10vw;
        background-image: url("../img/recruit/header_1.webp") !important;
    }

    .hero-slide-image--2 {
        width: 55vw;
        height: 56.30208vw;
        bottom: -1vw;
        left: 23vw;
        background-image: url("../img/recruit/header_2.webp") !important;
    }

    .hero-slide-image--3 {
        width: 69vw;
        height: 56.30208vw;
        bottom: 0;
        left: 14vw;
        background-image: url("../img/recruit/header_3.webp") !important;
    }

    .hero-slide.active {
        opacity: 1;
        z-index: 1;
    }
    .company-section-content-box {
        width: 100%;
        height: auto;
        padding: 13.5416vw 0 9.375vw;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .company-section-content-box .background-title {
        position: absolute;
        top: 42%;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 4.55293vw;
        background-image: url(../img/recruit/title.png);
        background-repeat: repeat-x;
        background-size: auto 100%;
        animation: bgMove 50s linear infinite;
    }
    .company-section-content-box .content-image {
        display: flex;
        align-items: start;
        z-index: 9999;
        margin: auto;
        width: 46.25vw;
        height: 32.44791vw;
        background-image: url(../img/recruit/border-image.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .main-image {
        display: none;
    }
    .top-glitch {
        background: transparent;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .top-glitch .channel,
    .top-glitch:after,
    .top-glitch:before {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .top-glitch .channel.r,
    .top-glitch .channel.g,
    .top-glitch .channel.b {
        background-size: cover;
    }
    .company-section-content-box .content-text {
        width: fit-content;
        margin: auto;
        display: flex;
        flex-direction: column;
        margin-top: 1vw;
    }
    .company-section-content-box .content-text .japan-title {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 1.875vw;
        line-height: 100%;
        text-align: center;

        color: #0b0b0b;
    }
    .company-section-content-box .content-text .eng-title {
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 800;
        font-size: 3.3333vw;
        line-height: 100%;
        display: flex;
        align-items: flex-end;
        text-align: center;
    }
    .company-section-content-box .content-text .ENVIRONMENT-view-more {
        position: relative;
        left: unset;
        top: 1vw;
        width: fit-content;
        margin: auto;
    }

    @media (max-width: 1024px) {
        .pc-mode {
            display: none;
        }
        .sp-mode {
            display: block;
        }
        .padding-left-sentence {
            margin-left: 4.5vw;
        }

        .title-line--outline {
            -webkit-text-stroke: 0.13333vw var(--black-color) !important;
        }

        .recruit-section__intro {
            margin-bottom: 10vw;
        }

        .recruit-section__quotes {
            margin-bottom: 10vw;
        }

        .section-title {
            font-size: 5rem;
        }

        .description-text {
            font-size: 3rem;
        }

        .big-number {
            font-size: 8rem;
        }

        .degree-number {
            font-size: 8rem;
        }

        .model-container {
            width: 24rem;
            height: 12rem;
        }
        .recruit-section__sidebar {
            position: relative;
            left: unset;
            margin: auto;
        }
        .recruit-section__container {
            flex-direction: column;
        }
        .recruit-section__sidebar-text {
            position: relative;
            z-index: 0;
            color: #fff;
            font-family: var(--font-noto-serif-jp);
            font-weight: 600;
            font-size: 6.4vw;
            line-height: 100%;
            text-align: left;
            font-feature-settings: unset;
            writing-mode: unset;
            text-orientation: unset;
            padding: 1.33333vw 2.66666vw 2.66666vw;
            opacity: 0;
        }
        .recruit-section__sidebar-content {
            display: flex;
            flex-direction: column;
        }
        .recruit-section__text {
            font-size: 4.8vw;
            font-style: normal;
            font-weight: 700;
            line-height: 200%;
            color: #0b0b0b;
        }
        .recruit-section__content {
            width: 84vw;
            margin: 5.3333vw auto;
        }
        .hero-container {
            min-height: unset;
            height: calc(720 * 100vw / 375);
            max-height: unset;
        }
        .hero-slide-image--1 {
            position: fixed;
            width: calc(452.666 * 100vw / 375);
            height: calc(401 * 100vw / 375);
            top: calc(146 * 100vw / 375);
            left: -13vw;
            background-image: url("../img/recruit/header_1-sp.webp") !important;
        }

        .hero-slide-image--2 {
            position: fixed;
            width: calc(334 * 100vw / 375);
            height: calc(452 * 100vw / 375);
            top: calc(164 * 100vw / 375);
            left: 50%;
            translate: -50% 0;
            background-image: url("../img/recruit/header_2-sp.webp") !important;
        }

        .hero-slide-image--3 {
            position: fixed;
            width: calc(422.666 * 100vw / 375);
            height: calc(368.666 * 100vw / 375);
            top: calc(187 * 100vw / 375);
            left: -11vw;
            background-image: url("../img/recruit/header_3-sp.webp") !important;
        }
        .ENVIRONMENT-title-section {
            top: 2.6666vw;
            left: 8vw !important;
            height: fit-content;
        }
        .ENVIRONMENT-japanese-title h1 {
            font-family: var(--font-noto-serif-jp) !important;
            font-style: normal;
            font-weight: 700 !important;
            font-size: 4.8vw !important;
            position: unset !important;
            margin: 0.5vw;
        }
        .ENVIRONMENT-japanese-title {
            width: 21.8666vw !important;
            height: 5.8666vw !important;
        }
        .ENVIRONMENT-english-title {
            width: 84vw !important;
            height: 8vw;
            justify-content: flex-start !important;
        }
        .ENVIRONMENT-english-title h2 {
            font-size: 6.6vw !important;
        }
        .enviro-tabs {
            position: absolute;
            left: 8vw;
            bottom: -14vw;
            top: unset !important;
            width: 48vw !important;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 1.33333vw !important;
            z-index: 5;
        }
        .enviro-tab {
            height: 11.73333vw !important;
            font-size: 4.8vw !important;
            padding-left: 4vw !important;
			padding-right: calc(9 * 100vw / 375);
        }
        .enviro-tab::before {
            left: unset !important;
            right: 0;
			width: calc(9 * 100vw / 375)
        }

        .enviro-tab__icon {
            width: calc(8 * 100vw / 375);
            height: calc(12 * 100vw / 375);
        }
        .ENVIRONMENT-hero-images img {
            bottom: 0 !important;
            top: unset !important;
        }
        .ENVIRONMENT-hero-section {
            height: 93.33333vw !important;
        }
        .ENVIRONMENT-hero-images img {
            bottom: 0 !important;
            top: unset !important;
        }
        .ENVIRONMENT-hero-img-1 {
            left: -10vw !important;
            width: 114vw !important;
            height: auto !important;
        }
        .ENVIRONMENT-hero-img-2 {
            left: -28vw !important;
            width: 161vw !important;
            height: auto !important;
        }
        .ENVIRONMENT-hero-img-3 {
            left: -30vw !important;
            width: 155vw !important;
            height: auto !important;
        }
        .ENVIRONMENT-hero-section {
            height: 93.33333vw !important;
        }
        .ENVIRONMENT-content-section {
            min-height: 200.8133vw !important;
        }
        .ENVIRONMENT-content-container {
            height: 100% !important;
            top: 0 !important;
        }
        .ENVIRONMENT-team-photo {
            width: 100% !important;
            height: 56vw !important;
        }
        .ENVIRONMENT-text-content {
            width: 100% !important;
            top: 64vw !important;
            left: 0 !important;
        }
        .ENVIRONMENT-text-content.section-animate-pc.animate
            .section-slide-in-banner__text {
            animation: slide-left-fade-in 0.2s 0.45s ease-in-out forwards;
        }
        .ENVIRONMENT-text-blocks {
            width: 84vw;
            margin: auto;
        }
        .ENVIRONMENT-view-more {
            bottom: 0 !important;
            left: 18vw !important;
            top: unset !important;
        }
        .ENVIRONMENT-view-more.section-animate-pc.animate
            .section-slide-in-banner__text {
            animation: slide-left-fade-in 0.2s 0.45s ease-in-out forwards;
        }
        .ENVIRONMENT-certification-badges {
            top: 97vw !important;
            width: 84vw !important;
            height: unset;
            left: 9vw !important;
        }
        .ENVIRONMENT-certification-badges .recruit-image-logo img {
            width: 84vw !important;
            height: unset;
        }
        .ENVIRONMENT-certification-badges.section-animate-pc.animate
            .section-slide-in-banner__text {
            animation: slide-left-fade-in 0.2s 0.45s ease-in-out forwards;
        }
        .ENVIRONMENT-text-block p {
            font-size: 4.8vw !important;
        }
        .ENVIRONMENT-text-block-wide {
            width: 80vw !important;
        }
        .ENVIRONMENT-text-block {
            padding-left: 2vw !important;
        }
        .ENVIRONMENT-view-more-btn {
            width: 65.06666vw !important;
            height: 12.8vw !important;
        }
        .company-section-content-box {
            padding: 20.3333vw 0 13.3333vw !important;
        }
        .company-section-content-box .content-image {
            width: 65.0666vw !important;
            height: 45.6vw !important;
            margin: 10.33333vw auto 0 !important;
        }
        .company-section-content-box .content-text .japan-title {
            font-size: 4.8vw !important;
        }
        .company-section-content-box .content-text .eng-title {
            font-size: 6.4vw !important;
            align-items: center !important;
            justify-content: center;
            text-align: center !important;
            margin-bottom: 8vw;
            margin-top: 1vw;
        }
        .company-section-content-box .content-text {
            margin-top: 2.666666vw !important;
        }
        .company-section-content-box .content-text .ENVIRONMENT-view-more {
            left: 0vw !important;
        }
        .recruit-section__container .contact-btn__wrapper {
            top: -106vw !important;
        }
        .card-section-card__heading.border-card__heading {
            bottom: 0 !important;
            left: 0 !important;
        }
        .company-section-content-box .background-title-sp {
            z-index: 0;
            width: 100%;
            height: 10.3333vw;
            background-image: url(../img/recruit/title.png);
            background-repeat: repeat-x;
            background-size: auto 100%;
            animation: bgMove 50s linear infinite;
        }
    }
}
/* End Recruit Page CSS */

/* Start VR CSS*/

body[data-page-slug="vr"] {
    background-color: var(--black-color);
    color: #ffffff;
}
body[data-page-slug="vr"] {
    .bg {
        position: absolute;
        inset: 0;
        background: linear-gradient(
                90deg,
                rgb(209 72 19 / 40%) 0%,
                rgb(223 79 23 / 35%) 1%,
                rgb(239 105 82 / 25%) 3%,
                rgb(219 99 77 / 25%) 5%,
                rgb(255 255 255 / 0%) 12%
            ),
            linear-gradient(
                -90deg,
                rgb(209 72 19 / 40%) 0%,
                rgb(223 79 23 / 35%) 1%,
                rgb(239 105 82 / 25%) 3%,
                rgb(219 99 77 / 25%) 5%,
                rgba(255, 255, 255, 0) 12%
            );
        z-index: 2;
        pointer-events: none;
    }
    #vr-page {
        margin-top: calc(100 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: column;
        gap: calc(180 * var(--vw-with-scrollbar) / 1920);
        z-index: 0;
    }
    #vr-page-content {
        display: flex;
        flex-direction: column;
        gap: calc(180 * var(--vw-with-scrollbar) / 1920);
    }
    @media (max-width: 1024px) {
        #vr-page {
            margin: 0 !important;
        }
        #vr-page-content {
            position: relative;
        }
    }

    .gradient-overlay {
        display: none;
    }

    .gradient-left {
        display: none;
    }

    .gradient-right {
        display: none;
    }
    .background-pattern-section {
        position: relative;
        min-height: 100vh;
        z-index: 0;
        display: flex;
        justify-content: center;
    }

    .pattern-background {
        height: auto;
    }

    .pattern-center-black {
        position: relative;
        margin: 0 auto 0;
        width: calc(636 * var(--vw-with-scrollbar) / 1920);
        max-width: 636px;
    }
    .pattern_top {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .pattern-svg-top {
        z-index: 5;
        margin: 0 calc(15 * var(--vw-with-scrollbar) / 1920);
        height: auto;
        overflow: hidden;
    }

    .pattern-svg-top::before {
        content: "";
        position: absolute;
        top: calc(-80 * var(--vw-with-scrollbar) / 1920);
        left: calc(-15 * var(--vw-with-scrollbar) / 1920);
        right: calc(-15 * var(--vw-with-scrollbar) / 1920);
        height: calc(220 * var(--vw-with-scrollbar) / 1920);
        max-height: 220px;
        border-radius: 0 0 400px 400px;
        z-index: -1;
        border: 1px solid #f5bd04;
        transform: scaleX(1);
        opacity: 1;
        transform-origin: center;
    }
    .pattern-svg-top .border-effect__border--y::before,
    .pattern-svg-top .border-effect__border--y::after {
        width: calc(0.5 * var(--vw-with-scrollbar) / 1920) !important;
    }
    @media (max-width: 1024px) {
        .pattern-center-black {
            width: 100% !important;
            margin: 0 auto;
        }
        .pattern_top {
            width: 100% !important;
        }
        .pattern-background {
            width: 100% !important;
        }

        .pattern-svg-top {
            min-height: 70vh !important;
            width: 84%;
            margin: 0 30px !important;
            overflow: unset !important;
        }
        .pattern-svg-top::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: calc(67 * var(--vw-with-scrollbar) / 375);
            max-height: 220px;
            z-index: -1;
            border: 1px solid #f5bd04;
            transform: scaleX(1);
            opacity: 1;
            transform-origin: center;
            border-radius: 0 0 600px 600px;
            border-top: none;
        }

        .pattern-svg-top .border-effect__border--x::before {
            display: none;
        }
    }
    @media (max-width: 430px) {
        .pattern-svg-top::after {
            bottom: -20px;
        }
    }

    .pattern-svg-top .pattern-content {
        position: relative;
        z-index: 2;
        padding: calc(20 * var(--vw-with-scrollbar) / 1920);
        margin: 23% 0;
        text-align: center;
    }
    .pattern-svg-top .pattern-content img {
        width: calc(400 * var(--vw-with-scrollbar) / 1920);
        max-width: 400px;
    }

    @media (max-width: 1024px) {
        .pattern-svg-top .pattern-content {
            margin: 22% 0 35% 0;
        }
        .pattern-svg-top .pattern-content img {
            width: calc(400 * var(--vw-with-scrollbar) / 1024) !important;
        }
    }

    .pattern-svg-top .pattern-content,
    .pattern-svg-top .pattern-svg-image,
    .pattern-svg-top .pattern-text {
        pointer-events: auto;
    }

    @keyframes arcTop {
        0% {
            transform: scaleX(0.3);
            opacity: 0.5;
        }
        50% {
            transform: scaleX(1.1);
            opacity: 1;
        }
        100% {
            transform: scaleX(1);
            opacity: 1;
        }
    }

    @keyframes arcBottom {
        0% {
            transform: scaleX(0.3);
            opacity: 0.5;
        }
        50% {
            transform: scaleX(1.1);
            opacity: 1;
        }
        100% {
            transform: scaleX(1);
            opacity: 1;
        }
    }

    .pattern-svg-top.animate::before {
        animation: arcTop 0.8s cubic-bezier(0.85, 0.25, 0.37, 0.85) 0s 1
            forwards;
    }

    .pattern-svg-top.animate::after {
        animation: arcBottom 0.8s cubic-bezier(0.85, 0.25, 0.37, 0.85) 0.4s 1
            forwards;
    }

    .pattern-svg-top .border-effect__border--x::before,
    .pattern-svg-top .border-effect__border--x::after {
        content: "";
        background: none !important;
    }

    .pattern-svg-image {
        width: 100%;
        height: auto;
        object-fit: contain;
        z-index: 1;
    }

    .pattern-text {
        color: #ffffff;
        margin: calc(40 * var(--vw-with-scrollbar) / 1920) calc(70 * var(--vw-with-scrollbar) / 1920);
        letter-spacing: 0;
        text-align: justify;
        font-family: var(--font-noto-sans-jp);
        font-weight: 600;
        font-size: calc(22 * var(--vw-with-scrollbar) / 1920);
        line-height: 200%;
    }

    .pattern-frame {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 30px;
        z-index: 3;
    }

    .frame-image {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    @media (max-width: 1024px) {
        .pattern-svg-overlay {
            width: 90vw;
            max-width: 636px;
        }

        .pattern-text {
            font-family: var(--font-noto-sans-jp);
            font-weight: 500;
            font-size: 18px;
            leading-trim: NONE;
            line-height: 200%;
            letter-spacing: 0;
        }

        .pattern-frame {
            margin-top: 15px;
        }
    }

    @media (max-width: 390px) {
        .pattern-text {
            font-size: 14px;
            line-height: 1.7;
        }
    }

    .video-section {
        position: relative;
    }

    @media (max-width: 1024px) {
        .background-pattern-section {
            padding-top: 30px !important;
        }
    }

    .video-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .video-bg {
        display: flex;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(873 * var(--vw-with-scrollbar) / 1920);
        z-index: 1;
        overflow: hidden;
        container-type: inline-size;
    }
    .video-bg video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .video-overlay {
        position: absolute;
        left: 50%;
        bottom: calc(98 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
        translate: -50% 0;
        pointer-events: auto;
        padding-left: calc(166 * var(--vw-with-scrollbar) / 1920);
    }

    .play-button {
        width: calc(158 * var(--vw-with-scrollbar) / 1920);
        height: calc(158 * var(--vw-with-scrollbar) / 1920);
        cursor: pointer;
        transition: transform var(--link-hover-duration) ease,
            opacity var(--link-hover-duration) ease;
        position: relative;
        z-index: 3;
        pointer-events: auto;
        border: calc(1 * var(--vw-with-scrollbar) / 1920) solid var(--main-color);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        gap: calc(7 * var(--vw-with-scrollbar) / 1920);
        justify-content: start;
        padding-top: calc(46 * var(--vw-with-scrollbar) / 1920);
        align-items: center;
        box-sizing: border-box;
        display: none;
    }

    .play-button__text {
        width: calc(124 * var(--vw-with-scrollbar) / 1920);
        height: calc(26 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/vr/STOP_text.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .paused .play-button__text {
        width: calc(109 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/vr/PLAY_text.svg);
    }

    .play-button__icon {
        width: calc(41 * var(--vw-with-scrollbar) / 1920);
        aspect-ratio: 1;
    }

    .play-button:hover {
        transform: scale(1.05);
        opacity: 0.4;
    }

    .play-circle {
        background-image: url(../img/vr/play.webp);
        transition: all 0.3s ease;
        filter: drop-shadow(0 8px 32px rgba(250, 204, 21, 0.3));
        width: calc(158 * var(--vw-with-scrollbar) / 1920);
        max-width: 158px;
        height: calc(158 * var(--vw-with-scrollbar) / 1920);
        max-height: 158px;
        position: relative;
        z-index: 1002;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    @media (max-width: 1024px) {
        .video-overlay {
            top: 65%;
            left: 50%;
            transform: translate(-50%, -50%) !important;
            z-index: 1100;
        }
    }

    .play-button:hover .play-circle {
        transform: scale(1.1);
        filter: drop-shadow(0 12px 40px rgba(250, 204, 21, 0.5));
    }

    .play-icon {
        display: block;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        margin-top: 10px;
    }

    .sticky-item-wrapper {
        position: absolute;
        display: flex;
        inset: 0;
        width: 100%;
        justify-content: space-between;
        align-items: start;
        z-index: 2;
        pointer-events: none;
    }
    .vr-title-overlay {
        margin-top: calc(38 * var(--vw-with-scrollbar) / 1920);
        position: sticky;
        top: calc(38 * var(--vw-with-scrollbar) / 1920);
        right: calc(198 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/vr/vr-title-top.webp);
        width: calc(458 * var(--vw-with-scrollbar) / 1920);
        height: calc(974 * var(--vw-with-scrollbar) / 1920);
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
    }

    .vr-title-yl {
        font-family: var(--font-syne-static);
        opacity: 1;
        background: #f5bd04;
        font-weight: 800;
        font-size: clamp(16px, calc(110 * var(--vw-with-scrollbar) / 1920), 110px);
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: bottom;
        position: absolute;
        white-space: nowrap;
        box-sizing: border-box;
        color: #000;
        bottom: clamp(100px, calc(100 * var(--vw-with-scrollbar) / 1920), 110px);
        z-index: 1;
    }
    @media (min-width: 1024px) {
        .vr-title-mobile {
            display: none;
        }
    }

    .top-glitch .r:before,
    .top-glitch .g:before,
    .top-glitch .b:before {
        background: none !important;
    }

    .play-button:focus .play-circle {
        outline: none;
    }

    .play-circle:focus {
        outline: none;
    }

    .btn.loading {
        opacity: 0.7;
        pointer-events: none;
    }

    .btn.loading::after {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px solid transparent;
        border-top: 2px solid currentColor;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin-left: 8px;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }
    .proud_gr {
        position: relative;
        /* margin-top: calc(-409 * var(--vw-with-scrollbar) / 1920); */
    }
    .proud_point {
        width: calc(439 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: visible;
        z-index: 1;
        transition: all 0.3s ease;
        padding-bottom: calc(116 * var(--vw-with-scrollbar) / 1920);
        gap: calc(160 * var(--vw-with-scrollbar) / 1920);
    }

    .img_point {
        width: fit-content;
        box-sizing: border-box;
        position: relative;
        left: calc(-5 * var(--vw-with-scrollbar) / 1920);
    }
    .img_point span {
        position: relative;
        font-family: var(--font-noto-serif-jp);
        font-size: calc(48 * var(--vw-with-scrollbar) / 1920);
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0;
        color: var(--main-color);
    }
    span.bg {
        padding: 5px;
        display: inline-block;
        width: calc(65 * var(--vw-with-scrollbar) / 1920);
        height: calc(65 * var(--vw-with-scrollbar) / 1920);
        line-height: calc(47 * var(--vw-with-scrollbar) / 1920);
        text-align: center;
        box-sizing: border-box;
    }
    span.bg_y {
        background: var(--main-color);
        color: #0b0b0b;
    }

    span.bg_w {
        background: #ffffff;
        color: #0b0b0b;
    }
    .img_bg {
        position: absolute;
        right: calc(-76 * var(--vw-with-scrollbar) / 1920);
        bottom: calc(-42 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/vr/point_bg.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        background-size: contain;
        width: calc(110 * var(--vw-with-scrollbar) / 1920);
        height: calc(76 * var(--vw-with-scrollbar) / 1920);
    }

    .proud_point .point_number,
    .proud_point img,
    .proud_point .point {
        position: relative;
        z-index: 2;
    }

    .proud_point img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .proud_point .point_number {
        position: relative;
        color: transparent;
        font-size: calc(96 * var(--vw-with-scrollbar) / 1920);
        font-family: var(--font-zen-dots);
        font-weight: 400;
        line-height: 0.8;
        text-align: center;
        margin-top: calc(24 * var(--vw-with-scrollbar) / 1920);
        margin-bottom: calc(43 * var(--vw-with-scrollbar) / 1920);
        -webkit-text-stroke: calc(2 * var(--vw-with-scrollbar) / 1920) #facc15;
    }

    .g_point {
        position: relative;
    }

    #subtract_1.border-effect {
        --border-effect-padding: 0px;
    }

    #subtract_1.animate .border-effect__border--x::after {
        width: 34% !important;
    }

    #subtract_1.animate .border-effect__border--y::after {
        height: 46% !important;
    }

    #subtract_1 {
        position: relative;
        overflow: visible;
    }

    @media (max-width: 1024px) {
        .g_point {
            padding: 0;
        }
        .img_point span {
            font-size: calc(33 * var(--vw-with-scrollbar) / 375);
            line-height: calc(40 * var(--vw-with-scrollbar) / 375) !important;
        }
        span.bg {
            width: calc(50 * var(--vw-with-scrollbar) / 375) !important;
            height: calc(50 * var(--vw-with-scrollbar) / 375) !important;
        }
        .proud_point .point_number {
            margin-top: calc(17 * var(--vw-with-scrollbar) / 375);
            margin-bottom: calc(40 * var(--vw-with-scrollbar) / 375);
            font-size: calc(68 * var(--vw-with-scrollbar) / 375);
            -webkit-text-stroke-width: calc(1.5 * var(--vw-with-scrollbar) / 375);
        }
        .img_point {
            left: calc(2 * var(--vw-with-scrollbar) / 375) !important;
        }
        .img_bg {
            right: calc(-54.54 * var(--vw-with-scrollbar) / 375);
            bottom: calc(-30.39 * var(--vw-with-scrollbar) / 375);
            width: calc(79 * var(--vw-with-scrollbar) / 375);
            height: calc(54 * var(--vw-with-scrollbar) / 375);
            background-image: url(../img/vr/point_bg_sp.svg);
            z-index: 1;
        }
    }

    #subtract_1 .women {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 5;
        pointer-events: none;
    }

    #subtract_1 .women img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    #subtract_1 .sub_title {
        font-family: "Noto Serif JP";
        font-size: calc(47 * var(--vw-with-scrollbar) / 1920);
        line-height: 100%;
        color: #0b0b0b;
        position: absolute;
        bottom: calc(50 * var(--vw-with-scrollbar) / 1920);
        left: calc(1 * var(--vw-with-scrollbar) / 1920);
        padding: calc(3 * var(--vw-with-scrollbar) / 1920) calc(5 * var(--vw-with-scrollbar) / 1920);
        font-weight: 700;
        z-index: 400;
        text-align: left;
    }
    #subtract_1 .sub_title::after {
        background-color: var(--main-color);
    }

    #subtract_1 .section-slide-in-banner::after {
        background-color: #f5bd04 !important;
    }
    #subtract_1 .section-slide-in-banner__text-up {
        transform: unset !important;
    }

    @media (max-width: 1024px) {
        #subtract_1 .women {
            bottom: 0;
            right: 0;
        }

        #subtract_1 .women img {
            max-width: 80%;
        }

        .proud_point {
            width: calc(315 * var(--vw-with-scrollbar) / 375);
            margin: 0 auto;
            border-radius: 0;
            padding: 0;
            gap: calc(200 * var(--vw-with-scrollbar) / 375);
        }
    }
    /* @media (min-width: 1025px) {
        .proud_point {
            background:
                    linear-gradient(90deg, rgb(200 33 0 / 35%) 0%, rgba(217, 217, 217, 0) 8%),
                    linear-gradient(-90deg, rgba(200, 33, 0, 0.35) 0%, rgba(217, 217, 217, 0) 8%);
        }
    } */

    .subtract_title span {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 500;
        font-size: calc(22 * var(--vw-with-scrollbar) / 1920);
        line-height: 200%;
        letter-spacing: 0;
        color: #ffffff;
        text-align: left;
        margin: 20px 0;
        z-index: 99999;
        width: 100%;
    }

    .subtract_title .view-more-btn {
        align-self: flex-start;
        margin-top: 20px;
    }

    .point {
        padding-right: calc(18.65 * var(--vw-with-scrollbar) / 1920);
    }

    .point-list {
        display: flex;
        flex-direction: column;
        gap: calc(80 * var(--vw-with-scrollbar) / 1920);
    }

    #pattern-spacer {
        width: 100%;
        height: 0;
        position: relative;
        z-index: 1;
        overflow: visible;
    }

    .vr_logo {
        position: relative;
    }

    @media (max-width: 1024px) {
        .vr_logo {
            display: none !important;
        }
    }

    .view-phone-section {
        position: absolute;
        left: 11%;
        top: 92vh;
    }

    @media (max-width: 1024px) {
        .view-phone-section {
            display: none !important;
        }
    }

    .view-phone {
        position: sticky;
        z-index: 306;
        display: flex;
        align-items: center;
        top: calc(0 * var(--vw-with-scrollbar) / 1920);
        left: 0;
        width: calc(695 * var(--vw-with-scrollbar) / 1920);
        height: calc(1080 * var(--vw-with-scrollbar) / 1920);
        margin-top: calc(1082 * var(--vw-with-scrollbar) / 1920);
        padding: calc(307 * var(--vw-with-scrollbar) / 1920) calc(66 * var(--vw-with-scrollbar) / 1920)
            calc(115 * var(--vw-with-scrollbar) / 1920) calc(43 * var(--vw-with-scrollbar) / 1920);
        box-sizing: border-box;
    }

    .view-phone-inner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .view-phone-inner__content {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        text-align: start;
        width: 100%;
        max-width: calc(427 * var(--vw-with-scrollbar) / 1920);
        box-sizing: border-box;
    }

    .view-phone-inner-frame {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .view-phone .decoration-margin--right {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: center;
        margin-left: calc(-8 * var(--vw-with-scrollbar) / 1920);
    }

    .view-phone .decoration-margin--right .number-page-connector__item {
        width: calc(64 * var(--vw-with-scrollbar) / 1920);
        max-width: 64px;
        height: calc(18 * var(--vw-with-scrollbar) / 1920);
        max-height: 18px;
        border: calc(1 * var(--vw-with-scrollbar) / 1920) solid var(--main-color);
        border-left: none;
        background: transparent;
    }

    .view-phone .number-page-connector {
        display: flex;
        align-items: stretch;
        gap: calc(15 * var(--vw-with-scrollbar) / 1920);
        flex-shrink: 0;
    }
    .view-phone .number-page-connector__item {
        width: calc(17 * var(--vw-with-scrollbar) / 1920);
        border: calc(1 * var(--vw-with-scrollbar) / 1920) solid var(--main-color);
        box-sizing: border-box;
    }
    .view-phone .border-frame {
        width: 100%;
        position: relative;
        padding: var(--decoration-padding);
        box-sizing: border-box;
    }
    .view-phone .border-frame-decoration {
        position: absolute;
        width: calc(20 * var(--vw-with-scrollbar) / 1920);
        aspect-ratio: 1;
        box-sizing: border-box;
        border: calc(1 * var(--vw-with-scrollbar) / 1920) solid var(--main-color);
        border-radius: 100%;
        background-color: var(--black-color);
        z-index: 2;
    }

    .view-phone .border-frame-decoration--top-left {
        top: 0;
        left: 0;
    }
    .view-phone .border-frame-decoration--top-right {
        top: 0;
        right: 0;
    }
    .view-phone .border-frame-decoration--bottom-left {
        bottom: 0;
        left: 0;
    }
    .view-phone .border-frame-decoration--bottom-right {
        bottom: 0;
        right: 0;
    }

    .view-phone .border-frame__inner {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        z-index: 1;
        gap: calc(38 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        overflow: hidden;
        padding-top: calc(80 * var(--vw-with-scrollbar) / 1920);
    }

    .view-phone .border-effect {
        --border-effect-padding: calc(7 * var(--vw-with-scrollbar) / 1920);
    }
    .view-phone .border-frame__inner {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        z-index: 1;
        overflow: hidden;
    }

    .view-phone .border-frame {
        height: calc(388 * var(--vw-with-scrollbar) / 1920);
        max-height: 388px;
    }

    .view-grid-text {
        font-size: calc(21 * var(--vw-with-scrollbar) / 1920);
        color: #fff;
        text-align: center;
    }

    .bg_white {
        background: #d9d9d9;
        width: calc(137 * 100vw / 1920);
        height: calc(137 * 100vw / 1920);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bg_white img{
        width: 100%;
    }
    .women_mb {
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(292 * var(--vw-with-scrollbar) / 1920);
        height: calc(519 * var(--vw-with-scrollbar) / 1920);
        background-image: url(../img/vr/women_mb.svg) !important;
        background-size: contain;
        z-index: 10;
    }

    #point_top {
        position: relative;
        width: calc(636 * var(--vw-with-scrollbar) / 1920);
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 9999;
        left: 50%;
        transform: translateX(-50%);
        min-height: 987px;
        height: auto;
        overflow: visible;
    }

    #point_top .border-frame__inner {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        z-index: 1;
        overflow: visible;
    }

    #point_top .border-frame__inner img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        z-index: 2;
    }

    #point_top.border-effect {
        --border-effect-padding: 15px;
    }

    #point_top .border-effect__border--x::before,
    #point_top .border-effect__border--x::after {
        height: 3px !important;
    }

    #point_top .border-effect__border--y::before,
    #point_top .border-effect__border--y::after {
        width: 3px !important;
    }

    #point_top .border-effect__border--x::before {
        border-radius: 0 0 50% 50%;
    }

    #point_top.border-effect .border-effect__border--x::after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #point_top.border-effect .border-effect__border--y::before,
    #point_top.border-effect .border-effect__border--y::after {
        display: block !important;
    }

    #point_top.border-effect .border-effect__border--x::before {
        display: block !important;
    }

    @media (max-width: 1024px) {
        #point_top {
            width: 90%;
            min-height: auto;
            left: 50%;
            transform: translateX(-50%);
        }

        #point_top .border-frame__inner img {
            width: 100%;
            height: auto;
        }

        #point_top.border-effect {
            --border-effect-padding: 10px;
        }
    }

    @media (max-width: 1024px) {
        .vr_method {
            z-index: 2;
            position: absolute;
            pointer-events: none;
            inset: 0;
        }
        .method_img {
            width: calc(97 * var(--vw-with-scrollbar) / 375);
            height: calc(173 * var(--vw-with-scrollbar) / 375);
            position: absolute;
            top: calc(671 * var(--vw-with-scrollbar) / 375);
            left: 0;
            object-fit: contain;
            transition: opacity 0.5s ease-in-out;
        }
        .method_btn {
            position: sticky;
            margin-top: calc(518 * var(--vw-with-scrollbar) / 375);
            top: calc(200 * var(--vw-with-scrollbar) / 375);
            border-width: calc(1 * var(--vw-with-scrollbar) / 375);
            border-style: solid;
            border-image-source: var(--yellow-gra);
            border-image-slice: 1;
            padding: calc(9 * var(--vw-with-scrollbar) / 375) calc(4 * var(--vw-with-scrollbar) / 375);
            background: url(../img/black-bg.png);
            background-size: cover;
            width: calc(40 * var(--vw-with-scrollbar) / 375);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: calc(18 * var(--vw-with-scrollbar) / 375);
            line-height: 1.33;
            font-weight: 500;
            color: white;
            pointer-events: all;
        }
    }

    .vr_popup {
        margin-top: calc(30 * var(--vw-with-scrollbar) / 1920);
        margin-left: calc(8 * var(--vw-with-scrollbar) / 1920);
        pointer-events: auto;
        position: relative;
        z-index: 100;
    }
    .vr_popup li {
        padding-top: calc(4 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(4 * var(--vw-with-scrollbar) / 1920);
        pointer-events: auto;
    }
    .vr_popup a {
        pointer-events: auto !important;
        cursor: pointer !important;
        position: relative;
        z-index: 101;
    }

    .view-phone-section,
    .border-frame,
    .border-frame__inner,
    .view-content {
        pointer-events: auto !important;
    }
    .popup_item {
        font-family: "Noto Serif JP";
        font-weight: 700;
        font-size: calc(24 * var(--vw-with-scrollbar) / 1920);
        line-height: 1;
        letter-spacing: 0;
        background: linear-gradient(
            180deg,
            #d9d9d9 0%,
            rgba(200, 33, 0, 0.866667) 100%
        );
        opacity: 1;
        color: #000000;
        padding-top: calc(4 * var(--vw-with-scrollbar) / 1920);
        padding-right: calc(10 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(4 * var(--vw-with-scrollbar) / 1920);
        padding-left: calc(10 * var(--vw-with-scrollbar) / 1920);
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        pointer-events: auto;
        position: relative;
        z-index: 10;
    }

    .popup_item:hover {
        opacity: 0.8;
        transform: scale(1.02);
        transition: all 0.2s ease;
    }

    .vr-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .vr-popup.active {
        display: block;
        opacity: 1;
    }

    .vr-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        cursor: pointer;
    }

    .vr-popup__content {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #000;
        box-shadow: 0 calc(10 * var(--vw-with-scrollbar) / 1920)
            calc(30 * var(--vw-with-scrollbar) / 1920) rgb(224 207 207 / 16%);
        z-index: 9999;
        padding: calc(60 * var(--vw-with-scrollbar) / 1920)
            calc(100 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(145 * var(--vw-with-scrollbar) / 1920);
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        max-width: calc(1520 * var(--vw-with-scrollbar) / 1920);
        box-sizing: border-box;
        height: 100vh;
        border-radius: 0;
    }

    .vr-popup__content::-webkit-scrollbar {
        width: calc(8 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup__content::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1);
        border-radius: calc(4 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup__content::-webkit-scrollbar-thumb {
        background: #f5bd04;
        border-radius: calc(4 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup__content::-webkit-scrollbar-thumb:hover {
        background: #e6a800;
    }

    .vr-popup__body {
        display: flex;
        flex-direction: column;
        color: #fff;
    }
    .vr-popup__body .close-buttom{
        font-size: 30px;
        color: #f5bd04;
        position: fixed;
        right: 20px;
        top: 20px;

    }

    .vr-popup__header {
        position: relative;
    }
    #modal_vr .popup_title {
        position: relative;
        margin-bottom: calc(-30 * var(--vw-with-scrollbar) / 1920);
        width: calc(300 * var(--vw-with-scrollbar) / 1920) !important;
        height: calc(60 * var(--vw-with-scrollbar) / 1920) !important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-width: calc(1 * var(--vw-with-scrollbar) / 1920);
        border-style: solid;
        border-color: transparent;
        border-image-repeat: initial;
        border-image-source: linear-gradient(
            90deg,
            rgb(245, 189, 4) 0%,
            rgb(0, 0, 0) 57%,
            rgb(245, 189, 4) 100%
        );
        border-image-slice: 1;
        background: var(--black-color);
        box-sizing: border-box;
        align-self: center;
        z-index: 1;
    }
    .vr-popup__title {
        font-size: calc(32 * var(--vw-with-scrollbar) / 1920);
        font-weight: 700;
        margin: 0;
        padding: calc(20 * var(--vw-with-scrollbar) / 1920);
        color: var(--main-color);
    }

    .vr-popup__section {
        display: flex;
        justify-content: space-between;
        padding: calc(100 * var(--vw-with-scrollbar) / 1920)
            calc(68 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(62 * var(--vw-with-scrollbar) / 1920);
        border: calc(2 * var(--vw-with-scrollbar) / 1920) solid #f5bd04;
        margin-bottom: calc(125 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup__section .col {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(30 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup-scroll-separator {
        display: flex;
        flex-direction: column;
        align-items: start;
        align-self: center;
        padding-left: calc(7 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup-scroll-separator h4 {
        font-weight: bold;
        font-size: clamp(
            16px,
            calc(24 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        line-height: 2.46;
        color: var(--main-color);
    }
    .vr-popup-scroll-separator__icon-div {
        width: calc(50 * var(--vw-with-scrollbar) / 1920);
        aspect-ratio: 1;
        box-sizing: border-box;
        background: linear-gradient(
            180deg,
            #f5bd04 0%,
            #000000 57%,
            #f5bd04 100%
        );
        padding: calc(3 * var(--vw-with-scrollbar) / 1920);
        border-radius: 100%;
        margin-top: calc(-4 * var(--vw-with-scrollbar) / 1920);
        margin-left: calc(4 * var(--vw-with-scrollbar) / 1920);
    }
    .vr-popup-scroll-separator__icon-div-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background: var(--black-color);
    }
    .vr-popup-scroll-separator__icon-div svg {
        width: calc(20 * var(--vw-with-scrollbar) / 1920);
        height: calc(20 * var(--vw-with-scrollbar) / 1920);
        fill: var(--main-color);
    }

    .section-header {
        position: relative;
        border-left: calc(18 * var(--vw-with-scrollbar) / 1920) solid #cf1606;
        padding-left: calc(10 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(30 * var(--vw-with-scrollbar) / 1920);
    }

    .section-header h3 {
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(
            16px,
            calc(24 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        font-weight: 500;
        margin: 0;
        color: #fff;
    }

    .section-icon {
        border: calc(3 * var(--vw-with-scrollbar) / 1920) solid #f5bd04;
        color: #f5bd04;
        width: calc(30 * var(--vw-with-scrollbar) / 1920);
        aspect-ratio: 1;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .section-icon svg {
        width: calc(20 * var(--vw-with-scrollbar) / 1920);
        height: calc(20 * var(--vw-with-scrollbar) / 1920);
        fill: var(--main-color);
    }

    .vr-popup__section h3 {
        font-size: calc(22 * var(--vw-with-scrollbar) / 1920);
        font-weight: 700;
        margin: 0;
        color: #fff;
        text-shadow: 0 0 8px rgba(245, 189, 4, 0.3);
    }

    .section-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .section-list li {
        color: #fff;
        font-size: clamp(12px, calc(16 * var(--vw-with-scrollbar) / 1920), 99px);
        line-height: 1;
        position: relative;
    }
    .section-list li:not(:last-child) {
        margin-bottom: calc(15 * var(--vw-with-scrollbar) / 1920);
    }

    .section-list li:before {
        content: "・";
    }
    .section-list li.large {
        line-height: 1.8;
    }

    .section-list-wrapper {
        display: flex;
        gap: calc(50 * var(--vw-with-scrollbar) / 1920);
    }

    .menu-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: calc(30 * var(--vw-with-scrollbar) / 1920);
    }

    .menu-column {
        background: rgba(255, 255, 255, 0.03);
        padding: calc(15 * var(--vw-with-scrollbar) / 1920);
        border-radius: calc(4 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup__section .col:first-child {
        margin-left: 0;
    }

    .vr-popup__section .col:last-child {
        margin-right: 0;
    }

    #vr_basic {
        margin-top: calc(25 * var(--vw-with-scrollbar) / 1920);
        margin-bottom: calc(139 * var(--vw-with-scrollbar) / 1920);
    }

    .item_popup {
        display: flex;
        flex-direction: column;
        gap: calc(100 * var(--vw-with-scrollbar) / 1920);
    }

    .col_item {
        display: inline-block;
        width: calc(23% - calc(15 * var(--vw-with-scrollbar) / 1920));
        margin: 0 calc(7.5 * var(--vw-with-scrollbar) / 1920);
        padding: calc(15 * var(--vw-with-scrollbar) / 1920);
        text-align: justify;
        font-weight: 400;
        font-size: calc(19 * var(--vw-with-scrollbar) / 1920);
        line-height: 180%;
        vertical-align: top;
    }

    .col_item img {
        width: calc(330 * var(--vw-with-scrollbar) / 1920) !important;
        height: calc(248 * var(--vw-with-scrollbar) / 1920) !important;
    }

    .col_item:first-child {
        margin-left: 0;
    }

    .col_item:last-child {
        margin-right: 0;
    }
    .col_item_title {
        background: #f5bd04;
        padding: calc(5 * var(--vw-with-scrollbar) / 1920)
            calc(15 * var(--vw-with-scrollbar) / 1920);
        margin-bottom: calc(20 * var(--vw-with-scrollbar) / 1920);
        position: relative;
        text-align: center;
    }
    .col_item_title h2 {
        border-right: 1px solid;
        border-bottom: 1px solid;
        font-weight: 500;
        font-size: calc(19 * var(--vw-with-scrollbar) / 1920);
        color: #000;
    }

    .vr-mouse-guide-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, auto);
        column-gap: calc(69 * var(--vw-with-scrollbar) / 1920);
        row-gap: calc(145 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-mouse-guide-grid__item {
        display: flex;
        align-items: start;
        gap: calc(40 * var(--vw-with-scrollbar) / 1920);
    }
    .vr-mouse-guide-grid__item img {
        width: 100%;
        height: auto;
        max-width: calc(300 * var(--vw-with-scrollbar) / 1920);
        object-fit: contain;
    }

    .vr-mouse-guide-grid__item-inner {
        display: flex;
        flex-direction: column;
        max-width: calc(280 * var(--vw-with-scrollbar) / 1920);
        width: 100%;
        gap: calc(20 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-popup h1 {
        position: relative;
        width: 100%;
        padding: calc(5 * var(--vw-with-scrollbar) / 1920);
        color: black;
        font-size: clamp(
            16px,
            calc(19 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        font-weight: 500;
        line-height: 1.8;
        overflow: visible;
        text-align: center;
        z-index: 1;
        box-sizing: border-box;
    }

    .vr-popup h1::before {
        content: "";
        position: absolute;
        top: calc(6 * var(--vw-with-scrollbar) / 1920);
        left: calc(6 * var(--vw-with-scrollbar) / 1920);
        width: 100%;
        height: 100%;
        background-color: var(--main-color);
        z-index: -1;
    }
    .vr-popup h1::after {
        content: "";
        position: absolute;
        inset: 0;
        border: solid calc(1.5 * var(--vw-with-scrollbar) / 1920)
            var(--black-color);
        z-index: 0;
    }

    .vr-popup p {
        font-size: clamp(
            12px,
            calc(19 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        line-height: 1.8;
        letter-spacing: -0.03em;
        text-align: justify;
    }

    .vr-popup__content {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .vr-popup__content::-webkit-scrollbar {
        display: none;
    }

    #vr_menu {
        padding: 0 calc(30 * var(--vw-with-scrollbar) / 1920);
        margin-bottom: calc(127 * var(--vw-with-scrollbar) / 1920);
    }

    #vr_work {
        display: flex;
        flex-direction: column;
        gap: calc(100 * var(--vw-with-scrollbar) / 1920);
    }

    #vr_work .top_content {
        padding-top: 0;
        padding-left: calc(166 * var(--vw-with-scrollbar) / 1920);
        padding-right: calc(154 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: 0;
        gap: calc(82 * var(--vw-with-scrollbar) / 1920);
    }

    #vr_work .vr-mouse-guide-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        column-gap: calc(66 * var(--vw-with-scrollbar) / 1920);
        row-gap: calc(145 * var(--vw-with-scrollbar) / 1920);
    }

    .menu_description {
        display: flex;
        justify-content: space-between;
        gap: calc(30 * var(--vw-with-scrollbar) / 1920);
        margin: calc(30 * var(--vw-with-scrollbar) / 1920) 0;
    }

    .menu_description .col_menu {
        width: calc(50% - calc(15 * var(--vw-with-scrollbar) / 1920));
        padding: calc(20 * var(--vw-with-scrollbar) / 1920);
    }

    .menu_description .col_menu .img {
        width: calc(25% - calc(20 * var(--vw-with-scrollbar) / 1920));
        float: left;
        margin-right: calc(20 * var(--vw-with-scrollbar) / 1920);
    }

    .menu_description .col_menu .img img {
        width: calc(194 * var(--vw-with-scrollbar) / 1920) !important;
        height: calc(125 * var(--vw-with-scrollbar) / 1920) !important;
        border-radius: calc(6 * var(--vw-with-scrollbar) / 1920);
    }

    .menu_description .col_menu .menu_text {
        width: 60%;
        float: left;
        padding-left: calc(20 * var(--vw-with-scrollbar) / 1920);
        box-sizing: border-box;
    }
    .menu_text_title {
        margin-bottom: calc(20 * var(--vw-with-scrollbar) / 1920);
        position: relative;
        font-weight: 600;
        font-size: calc(16 * var(--vw-with-scrollbar) / 1920);
        color: #f5bd04;
    }

    .menu_text_title::after {
        content: "";
        position: absolute;
        bottom: calc(-8 * var(--vw-with-scrollbar) / 1920);
        left: 0;
        right: 0;
        height: calc(3 * var(--vw-with-scrollbar) / 1920);
        background: linear-gradient(to right, #f5bd04 0%, #000 100%);
        border-radius: calc(2 * var(--vw-with-scrollbar) / 1920);
    }

    .menu_description .col_menu::after {
        content: "";
        display: table;
        clear: both;
    }

    .top_content {
        padding-top: calc(100 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(208 * var(--vw-with-scrollbar) / 1920);
        padding-left: calc(160 * var(--vw-with-scrollbar) / 1920);
        padding-right: calc(100 * var(--vw-with-scrollbar) / 1920);
        display: flex;
        flex-direction: column;
        gap: calc(50 * var(--vw-with-scrollbar) / 1920);
    }
    .top_content img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .vr-menu-guide-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(5, auto);
        column-gap: calc(60 * var(--vw-with-scrollbar) / 1920);
        row-gap: calc(80 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-menu-guide-grid__item {
        display: flex;
        gap: calc(20 * var(--vw-with-scrollbar) / 1920);
        justify-content: space-between;
        align-items: center;
    }
    .vr-menu-guide-grid__item img {
        width: auto;
        height: calc(110 * var(--vw-with-scrollbar) / 1920);
        object-fit: contain;
    }

    .vr-menu-guide-grid__item-inner {
        display: flex;
        flex-direction: column;
        gap: calc(18 * var(--vw-with-scrollbar) / 1920);
        align-items: start;
        max-width: calc(400 * var(--vw-with-scrollbar) / 1920);
        width: 100%;
    }

    .vr-menu-guide-grid__item-inner h2 {
        position: relative;
        font-size: clamp(
            16px,
            calc(19 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        font-weight: 500;
        line-height: 1.8;
        color: var(--main-color);
        overflow: visible;
    }
    .vr-menu-guide-grid__item-inner h2::before {
        content: "";
        position: absolute;
        bottom: calc(-4.5 * var(--vw-with-scrollbar) / 1920);
        left: calc(-1.5 * var(--vw-with-scrollbar) / 1920);
        width: calc(50 * var(--vw-with-scrollbar) / 1920);
        height: calc(3 * var(--vw-with-scrollbar) / 1920);
        background: var(--yellow-gra);
        border-radius: 999px;
    }

    #vr_360 {
        position: absolute;
        z-index: 3;
        background-image: url(../img/vr/360.webp);
        width: calc(636 * var(--vw-with-scrollbar) / 1920);
        height: calc(154 * var(--vw-with-scrollbar) / 1920);
        background-color: transparent;
        background-size: contain;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    @media (width: 1024px) {
        #vr_360 .top-glitch {
            width: calc(636 * var(--vw-with-scrollbar) / 1024) !important;
            height: calc(154 * var(--vw-with-scrollbar) / 1024) !important;
        }
    }
    @media (min-width: 431px) and (max-width: 768px) {
        #vr_360 .top-glitch {
            width: calc(636 * var(--vw-with-scrollbar) / 768) !important;
            height: calc(154 * var(--vw-with-scrollbar) / 768) !important;
        }
    }
    @media (max-width: 430px) {
        #vr_360 .top-glitch {
            background: url(../img/vr/360_sm.webp) no-repeat center !important;
            width: calc(411 * var(--vw-with-scrollbar) / 414) !important;
            max-width: 411px;
            height: calc(104 * var(--vw-with-scrollbar) / 414) !important;
            top: 0;
            left: 10px;
        }
    }

    #vr_360 .top-glitch .r:before,
    #vr_360 .top-glitch .g:before,
    #vr_360 .top-glitch .b:before {
        background: none !important;
    }

    .bor_round_top {
        width: 95%;
        height: calc(315 * var(--vw-with-scrollbar) / 1920);
        position: relative;
        border-bottom: none;
        margin: 0 auto;
        z-index: 500;
        transition: all 0.3s ease;
        bottom: calc(148 * var(--vw-with-scrollbar) / 1920);
    }
    @media (max-width: 1024px) {
        .bor_round_top {
            width: calc(322 * var(--vw-with-scrollbar) / 375) !important;
            height: calc(290 * var(--vw-with-scrollbar) / 375) !important;
            bottom: calc(120 * var(--vw-with-scrollbar) / 375) !important;
        }
    }

    .bor_round_top .border-frame__inner {
        height: 100%;
        background: transparent;
        border-radius: 100% 100% 0 0;
        overflow: hidden;
        border: 1px solid var(--main-color);
        border-bottom: none;
        border-left: none;
        border-right: none;
        box-sizing: border-box;
    }

    .bor_round_top .border-effect__border--y::after,
    .bor_round_top .border-effect__border--y::before,
    .bor_round_top .border-effect__border--x::after {
        background: none;
    }

    .pin-logo__wrapper {
        margin-top: calc(1270 * var(--vw-with-scrollbar) / 1920);
        margin-bottom: calc(-1 * (1270 + 120) * var(--vw-with-scrollbar) / 1920);
    }

    #point-1 .women {
        bottom: calc(-4 * var(--vw-with-scrollbar) / 1920);
        width: calc(244 * var(--vw-with-scrollbar) / 1920);
        height: calc(366 * var(--vw-with-scrollbar) / 1920);
    }
    #point-2 .women {
        right: calc(-37.15 * var(--vw-with-scrollbar) / 1920);
        width: calc(358 * var(--vw-with-scrollbar) / 1920);
        height: calc(387 * var(--vw-with-scrollbar) / 1920);
    }
    #point-3 .women {
        right: calc(-19.15 * var(--vw-with-scrollbar) / 1920);
        width: calc(325 * var(--vw-with-scrollbar) / 1920);
        height: calc(390 * var(--vw-with-scrollbar) / 1920);
    }
    #point-4 .women {
        right: calc(22.85 * var(--vw-with-scrollbar) / 1920);
        width: calc(244 * var(--vw-with-scrollbar) / 1920);
        height: calc(366 * var(--vw-with-scrollbar) / 1920);
    }
    #point-5 .women {
        right: calc(7.85 * var(--vw-with-scrollbar) / 1920);
        width: calc(281 * var(--vw-with-scrollbar) / 1920);
        height: calc(375 * var(--vw-with-scrollbar) / 1920);
    }
    #point-6 .women {
        right: calc(22.85 * var(--vw-with-scrollbar) / 1920);
        width: calc(244 * var(--vw-with-scrollbar) / 1920);
        height: calc(366 * var(--vw-with-scrollbar) / 1920);
    }

    .vr-content-layout {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        gap: calc(29 * var(--vw-with-scrollbar) / 1920);
        align-items: center;
    }

    .vr-content-layout__decoration {
        position: absolute;
        width: calc(67 * var(--vw-with-scrollbar) / 1920);
        top: calc(109 * var(--vw-with-scrollbar) / 1920);
        bottom: 0;
        z-index: 1;
    }
    .vr-content-layout__decoration--left {
        left: calc(696 * var(--vw-with-scrollbar) / 1920);
        background: url(../img/vr/red-gradient-left.png);
        background-size: contain;
    }
    .vr-content-layout__decoration--right {
        right: calc(709 * var(--vw-with-scrollbar) / 1920);
        background: url(../img/vr/red-gradient-right.png);
    }

    .proud-top-section {
        position: relative;
        z-index: 2;
        right: calc(11 * var(--vw-with-scrollbar) / 1920);
        padding: calc(22 * var(--vw-with-scrollbar) / 1920)
            calc(18 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: 0;
    }

    .proud-top-section__inner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .proud-top-section__inner .concave-border-wrapper {
        position: absolute;
        inset: 0;
    }

    .proud-top-shape {
        width: calc(603 * var(--vw-with-scrollbar) / 1920);
        height: calc(966 * var(--vw-with-scrollbar) / 1920);
        background-color: var(--black-color);
        mask-image: url(../img/vr/concave-top-bottom.svg);
        -webkit-mask-image: url(../img/vr/concave-top-bottom.svg);
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
        mask-position: center;
        overflow: visible;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding-top: calc(161 * var(--vw-with-scrollbar) / 1920);
        padding-bottom: calc(151 * var(--vw-with-scrollbar) / 1920);
        align-items: center;
    }
    .proud-top-shape__img {
        width: 82%;
        height: auto;
        position: relative;
        left: 5%;
        object-fit: contain;
    }

    .proud-top-shape__text {
        max-width: calc(426 * var(--vw-with-scrollbar) / 1920);
        padding-left: calc(35 * var(--vw-with-scrollbar) / 1920);
        font-weight: bold;
        color: white;
        font-size: clamp(
            16px,
            calc(22 * var(--vw-with-scrollbar) / 1920),
            99px
        );
        line-height: 2;
    }

    .proud-img-frame {
        position: relative;
    }
    .proud-img-frame::after {
        position: absolute;
        content: "";
        inset: 0;
        background-image: url(../img/vr/proud-frame.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}

.vr-popup__close {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 30px;
    aspect-ratio: 1;
}
.vr-popup__close svg {
    width: 100%;
    height: 100%;
    fill: var(--main-color);
}
@media (max-width: 1024px) {
    body[data-page-slug="vr"] {
        padding-top: calc(100 * var(--vw-with-scrollbar) / 375);

        #vr-page {
            position: fixed;
            padding-top: 0;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding-top: calc(100 * var(--vw-with-scrollbar) / 375);
        }

        .video-bg {
            height: 100%;
        }

        .video-section {
            height: 100%;
        }

        .sticky-item-wrapper {
            position: relative;
            inset: unset;
            width: 100%;
            box-sizing: border-box;
            height: fit-content;
            justify-content: start;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: calc(21 * var(--vw-with-scrollbar) / 375);
        }

        .vr-title-overlay {
            margin-top: calc(50 * var(--vw-with-scrollbar) / 375);
            margin-left: calc(30 * var(--vw-with-scrollbar) / 375);
            position: relative;
            width: calc(290 * var(--vw-with-scrollbar) / 375);
            height: calc(448 * var(--vw-with-scrollbar) / 375);
            left: unset;
            right: unset;
            top: unset;
            bottom: unset;
            background-image: url(../img/vr/vr-title-top-sp.webp);
        }

        .play-button {
            align-self: center;
            background-color: rgba(0, 0, 0, 0.8);
            width: calc(116 * var(--vw-with-scrollbar) / 375);
            height: calc(116 * var(--vw-with-scrollbar) / 375);
            padding-top: calc(34 * var(--vw-with-scrollbar) / 375);
            gap: calc(5 * var(--vw-with-scrollbar) / 375);
        }

        .play-button__icon {
            width: calc(30 * var(--vw-with-scrollbar) / 375);
            height: calc(30 * var(--vw-with-scrollbar) / 375);
        }

        .play-button__text {
            width: calc(91 * var(--vw-with-scrollbar) / 375);
            height: calc(19 * var(--vw-with-scrollbar) / 375);
            background-size: contain;
        }

        .paused .play-button__text {
            width: calc(80 * var(--vw-with-scrollbar) / 375);
        }

        #vr-page-content {
            position: relative;
            padding-top: calc(105 * var(--vw-with-scrollbar) / 375);
        }

        .vr-content-layout {
            gap: calc(100 * var(--vw-with-scrollbar) / 375);
            align-items: center;
            overflow: hidden;
            position: relative;
            padding-bottom: calc(100 * var(--vw-with-scrollbar) / 375);
        }

        .vr_right {
            position: relative;
            margin: 0 !important;
            padding: 0 !important;
        }

        .play-circle {
            width: calc(116 * var(--vw-with-scrollbar) / 375) !important;
            height: calc(116 * var(--vw-with-scrollbar) / 375) !important;
        }

        .pattern_top {
            position: relative;
            overflow: hidden;
        }

        .pattern_top_bg {
            position: absolute;
            top: calc(47 * var(--vw-with-scrollbar) / 375);
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }

        .proud-top-section {
            width: calc(400 * var(--vw-with-scrollbar) / 375);
            position: relative;
            padding: 0;
            padding-top: calc(47 * var(--vw-with-scrollbar) / 375);
        }

        #vr_360 {
            width: calc(410 * var(--vw-with-scrollbar) / 375);
            height: calc(99 * var(--vw-with-scrollbar) / 375);
            top: calc(11 * var(--vw-with-scrollbar) / 375);
            left: calc(1 * var(--vw-with-scrollbar) / 375);
            transform: unset;
            background-size: contain;
        }

        .proud-top-section__inner {
            display: flex;
            justify-content: center;
        }

        .proud-top-shape {
            width: calc(316 * var(--vw-with-scrollbar) / 375);
            height: calc(800 * var(--vw-with-scrollbar) / 375);
            mask-image: url(../img/vr/concave-top-bottom-sp.svg);
            -webkit-mask-image: url(../img/vr/concave-top-bottom-sp.svg);
            padding-top: calc(137 * var(--vw-with-scrollbar) / 375);
            padding-bottom: calc(137 * var(--vw-with-scrollbar) / 375);
        }

        .concave-border-wrapper {
            box-sizing: border-box;
            margin: 0 calc(42 * var(--vw-with-scrollbar) / 375);
        }

        .proud-top-shape__text {
            max-width: calc(255 * var(--vw-with-scrollbar) / 375);
            padding-left: 0;
            font-size: calc(18 * var(--vw-with-scrollbar) / 375);
            line-height: 2;
            font-weight: 500;
        }

        .vr-popup__content {
            left: 0;
            transform: unset;
            background: #000;
            box-shadow: 0 calc(10 * var(--vw-with-scrollbar) / 375)
                calc(30 * var(--vw-with-scrollbar) / 375) rgb(224 207 207 / 16%);
            z-index: 9999;
            padding: calc(40 * var(--vw-with-scrollbar) / 375) 0;
            padding-bottom: calc(145 * var(--vw-with-scrollbar) / 375);
            max-width: 100%;
        }

        #modal_vr .popup_title {
            margin-bottom: calc(-20 * var(--vw-with-scrollbar) / 375);
            width: fit-content !important;
            height: calc(40 * var(--vw-with-scrollbar) / 375) !important;
            border-width: calc(1 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup__title {
            font-size: calc(24 * var(--vw-with-scrollbar) / 375);
            padding: calc(8 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup__section {
            display: flex;
            justify-content: space-between;
            padding: calc(60 * var(--vw-with-scrollbar) / 375)
                calc(30 * var(--vw-with-scrollbar) / 375);
            border: calc(2 * var(--vw-with-scrollbar) / 375) solid #f5bd04;
            margin-bottom: calc(30 * var(--vw-with-scrollbar) / 375);
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, auto);
            grid-template-areas: "col-1 col-3"
                "col-2 col-2";
            row-gap: calc(40 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup__section .col {
            gap: calc(15 * var(--vw-with-scrollbar) / 375);
        }

        #vr-popup__section-col-1 {
            grid-area: col-1;
        }
        #vr-popup__section-col-2 {
            grid-area: col-2;
        }
        #vr-popup__section-col-3 {
            grid-area: col-3;
        }

        .section-header {
            position: relative;
            border-left: calc(8 * var(--vw-with-scrollbar) / 375) solid #cf1606;
            padding-left: calc(5 * var(--vw-with-scrollbar) / 375);
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: calc(10 * var(--vw-with-scrollbar) / 375);
        }
        .vr-popup__section h3 {
            font-size: calc(16 * var(--vw-with-scrollbar) / 375);
            font-weight: 700;
            margin: 0;
            color: #fff;
        }
        .section-icon {
            border: calc(2 * var(--vw-with-scrollbar) / 375) solid #f5bd04;
            color: #f5bd04;
            width: calc(20 * var(--vw-with-scrollbar) / 375);
            aspect-ratio: 1;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }
        .section-icon svg {
            width: calc(14 * var(--vw-with-scrollbar) / 375);
            height: calc(14 * var(--vw-with-scrollbar) / 375);
        }

        .section-list li {
            color: #fff;
            font-size: calc(14 * var(--vw-with-scrollbar) / 375);
            line-height: 1;
            position: relative;
            padding-left: 0;
        }

        .section-list li:not(:last-child) {
            margin-bottom: calc(15 * var(--vw-with-scrollbar) / 375);
        }

        .section-list-wrapper {
            gap: calc(15 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup-scroll-separator {
            padding-left: 0;
        }
        .vr-popup-scroll-separator h4 {
            font-size: calc(24 * var(--vw-with-scrollbar) / 375);
            line-height: 2.46;
        }
        .vr-popup-scroll-separator__icon-div {
            width: calc(50 * var(--vw-with-scrollbar) / 375);
            padding: calc(3 * var(--vw-with-scrollbar) / 375);
            margin-top: calc(-4 * var(--vw-with-scrollbar) / 375);
            margin-left: calc(4 * var(--vw-with-scrollbar) / 375);
        }
        .vr-popup-scroll-separator__icon-div svg {
            width: calc(14 * var(--vw-with-scrollbar) / 375);
            height: calc(14 * var(--vw-with-scrollbar) / 375);
            fill: var(--main-color);
        }

        .item_popup {
            gap: calc(60 * var(--vw-with-scrollbar) / 375);
        }
        #vr_basic {
            margin-top: calc(30 * var(--vw-with-scrollbar) / 375);
            margin-bottom: calc(100 * var(--vw-with-scrollbar) / 375);
            padding: 0 calc(30 * var(--vw-with-scrollbar) / 375);
        }

        .section-header h3 {
            font-size: calc(20 * var(--vw-with-scrollbar) / 375);
        }

        .vr-mouse-guide-grid {
            column-gap: calc(15 * var(--vw-with-scrollbar) / 375);
            row-gap: calc(20 * var(--vw-with-scrollbar) / 375);
        }

        .vr-mouse-guide-grid__item {
            flex-direction: column;
            align-items: center;
            gap: calc(8 * var(--vw-with-scrollbar) / 375);
        }

        .vr-mouse-guide-grid__item img {
            height: calc(120 * var(--vw-with-scrollbar) / 375);
            width: 100%;
            max-width: 100%;
            object-fit: cover;
        }
        .vr-popup__content .vr-mouse-guide-grid__item:nth-child(4) img {
            object-position: right;
        }

        .vr-mouse-guide-grid__item-inner {
            max-width: 100%;
            gap: calc(11 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup h1 {
            padding: calc(2 * var(--vw-with-scrollbar) / 375);
            font-size: calc(15 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup h1::before {
            content: "";
            position: absolute;
            top: calc(3 * var(--vw-with-scrollbar) / 375);
            left: calc(3 * var(--vw-with-scrollbar) / 375);
        }

        .vr-popup h1::after {
            border: solid calc(1.5 * var(--vw-with-scrollbar) / 375) var(--black-color);
        }

        .vr-popup p {
            font-size: calc(14 * var(--vw-with-scrollbar) / 375);
            line-height: 1.8;
            letter-spacing: -0.03em;
            text-align: justify;
        }

        #vr_menu {
            padding: 0;
            margin-bottom: calc(100 * var(--vw-with-scrollbar) / 375);
        }
        #vr_menu .section-header {
            margin: 0 calc(30 * var(--vw-with-scrollbar) / 375);
        }
        .top_content {
            padding: calc(60 * var(--vw-with-scrollbar) / 375) calc(10 * var(--vw-with-scrollbar) / 375);
            display: flex;
            flex-direction: column;
            gap: calc(30 * var(--vw-with-scrollbar) / 375);
        }
        .vr-menu-guide-grid {
            display: flex;
            flex-direction: column;
            gap: calc(30 * var(--vw-with-scrollbar) / 375);
            padding: 0 calc(30 * var(--vw-with-scrollbar) / 375);
        }
        .vr-menu-guide-grid__item {
            gap: calc(8 * var(--vw-with-scrollbar) / 375);
        }
        .vr-menu-guide-grid__item img {
            height: calc(70 * var(--vw-with-scrollbar) / 375);
        }
        .vr-menu-guide-grid__item-inner {
            gap: calc(10 * var(--vw-with-scrollbar) / 375);
            max-width: 60%;
            box-sizing: border-box;
        }
        .vr-menu-guide-grid__item-inner h2 {
            font-size: calc(16 * var(--vw-with-scrollbar) / 375);
            font-weight: 500;
            line-height: 1.8;
        }
        .vr-menu-guide-grid__item-inner h2::before {
            content: "";
            position: absolute;
            bottom: calc(-4.5 * var(--vw-with-scrollbar) / 375);
            left: calc(-1.5 * var(--vw-with-scrollbar) / 375);
            width: calc(50 * var(--vw-with-scrollbar) / 375);
            height: calc(3 * var(--vw-with-scrollbar) / 375);
            background: var(--yellow-gra);
            border-radius: 999px;
        }
        #vr_work {
            padding: 0 calc(30 * var(--vw-with-scrollbar) / 375);
            gap: calc(60 * var(--vw-with-scrollbar) / 375);
        }
        #vr_work .top_content {
            padding: 0;
        }
        .vr-popup__close {
            position: fixed;
            top: calc(8 * var(--vw-with-scrollbar) / 375);
            right: calc(8 * var(--vw-with-scrollbar) / 375);
            width: calc(30 * var(--vw-with-scrollbar) / 375);
            aspect-ratio: 1;
        }
        .vr-popup__close svg {
            width: 100%;
            height: 100%;
            fill: var(--main-color);
        }
        .women img {
            width: 100% !important;
            height: 100% !important;
            max-width: unset !important;
            object-fit: contain;
        }
        #point-1 .women {
            right: 0;
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            width: calc(219 * var(--vw-with-scrollbar) / 375);
            height: calc(362 * var(--vw-with-scrollbar) / 375);
        }
        #point-2 .women {
            right: calc(-8 * var(--vw-with-scrollbar) / 375);
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            width: calc(212 * var(--vw-with-scrollbar) / 375);
            height: calc(362 * var(--vw-with-scrollbar) / 375);
        }
        #point-3 .women {
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            right: calc(-19 * var(--vw-with-scrollbar) / 375);
            width: calc(352 * var(--vw-with-scrollbar) / 375);
            height: calc(390 * var(--vw-with-scrollbar) / 375);
        }
        #point-4 .women {
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            right: 0;
            width: calc(244 * var(--vw-with-scrollbar) / 375);
            height: calc(366 * var(--vw-with-scrollbar) / 375);
        }
        #point-5 .women {
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            right: calc(-14 * var(--vw-with-scrollbar) / 375);
            width: calc(281 * var(--vw-with-scrollbar) / 375);
            height: calc(375 * var(--vw-with-scrollbar) / 375);
        }
        #point-6 .women {
            bottom: calc(0 * var(--vw-with-scrollbar) / 375);
            right: 0;
            width: calc(229 * var(--vw-with-scrollbar) / 375);
            height: calc(343 * var(--vw-with-scrollbar) / 375);
        }

        .point {
            padding: 0;
        }

        .subtract_title span {
            font-weight: 500;
            font-size: calc(18 * var(--vw-with-scrollbar) / 375);
            line-height: 200%;
        }

        .vr-content-layout__decoration {
            position: fixed;
            width: calc(100 * var(--vw-with-scrollbar) / 375);
            top: 0;
            bottom: 0;
            z-index: 0;
        }
        .vr-content-layout__decoration--left {
            left: 0;
            background: linear-gradient(
                270deg,
                rgba(217, 217, 217, 0) 0%,
                rgba(200, 33, 0, 0.52) 100%
            );
        }
        .vr-content-layout__decoration--right {
            right: 0;
            background: linear-gradient(
                90deg,
                rgba(217, 217, 217, 0) 0%,
                rgba(200, 33, 0, 0.52) 100%
            );
        }
        .point-list {
            gap: calc(90 * var(--vw-with-scrollbar) / 375);
        }

        #subtract_1 .sub_title {
            padding: calc(4 * var(--vw-with-scrollbar) / 375) calc(10 * var(--vw-with-scrollbar) / 375);
            font-size: calc(40 * var(--vw-with-scrollbar) / 375);
        }

        #subtract_1 .sub_title .small { 
            font-size: calc(32 * var(--vw-with-scrollbar) / 375);
        }

        #point-1 .sub_title {
            bottom: calc(84 * var(--vw-with-scrollbar) / 375);
        }
        #point-2 .sub_title {
            bottom: calc(28 * var(--vw-with-scrollbar) / 375);
        }
        #point-3 .sub_title {
            bottom: calc(44 * var(--vw-with-scrollbar) / 375);
        }
        #point-4 .sub_title {
            bottom: calc(84 * var(--vw-with-scrollbar) / 375);
        }
        #point-5 .sub_title {
            display: flex;
            flex-direction: column;
            max-height: calc(73 * var(--vw-with-scrollbar) / 375);
            bottom: calc(18 * var(--vw-with-scrollbar) / 375);
            padding-top: 0;
        }
        #point-5 .sub_title .slide-in-banner__text {
            display: flex;
            flex-direction: column;
        }
        #point-5 .sub_title .slide-in-banner__text span {
            position: relative;
        }
        #point-5 .sub_title .slide-in-banner__text span:nth-child(1)  {
            top: calc(-3 * var(--vw-with-scrollbar) / 375);
        }
        #point-5 .sub_title .slide-in-banner__text span:nth-child(2)  {
            top: calc(-8 * var(--vw-with-scrollbar) / 375);
        }
    }
}
/*End VR CSS*/

/* CSS Company  */
@media (min-width: 1025px) {
    body[data-page-slug="company"] .contact-btn__wrapper {
            position: absolute;
            top: 60.4479vw;
            right: 0;
            pointer-events: none;
    }
}
#company {
    .top-kv {
        position: relative;
    }

    .top-kv__bg {
        position: relative;
        width: 100%;
        height: calc(944 * 100vw / 1920);
        overflow: hidden;
    }

    .top-kv__bg-img {
        width: 100%;
        height: 100%;
    }

    .top-kv__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .top-kv__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(71 * 100vw / 1920), 71px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .top-kv__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(20 * 100vw / 1920), 20px) clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(12 * 100vw / 1920), 12px);
    }

    .top-kv__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--main-color);
        background-color: var(--black-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }

    .sticky {
        position: sticky;
        top: 0;
        background-color: yellow;
        z-index: 1;
    }

    .sticky-container .main-content {
        position: relative;
        width: 100%;
        height: 56.97916vw;
        padding: 12.8125vw 4.166666vw;
        background-image:
            linear-gradient(rgba(11, 11, 11, 0.6), rgba(11, 11, 11, 0.6)),
            url('../img/company/company-banner.webp');
        background-position: center;
        background-size: cover;
        object-fit: cover;
        box-sizing: border-box;
    }


    .sticky-container .main-content .left-text {
        position: relative;
        width: 37.91666vw;
        height: auto;
    }

    .main-content .main-title h1 {
        font-family: var(--font-jost);
        font-style: normal;
        font-weight: 400;
        font-size: 4.166666vw;
        line-height: 100%;

        color: #C82100;
        background: black;
        width: fit-content;
        padding: 0;
        padding-left: 0;
    }

    .main-content .main-title span {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 500;
        font-size: 1.0416666vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
        background: black;
        padding: 0vw 0.4vw;
        /* padding-left: 0; */
    }
	
	.message-section .main-title h1, .message-section .main-title span {
        background: none;
    }

    .sticky-container .main-content .left-text .slogan-line {
        width: 25.67708vw;
        height: 4.58333vw;
        margin-top: 3.125vw;
        justify-content: center;
        align-items: center;
    }

    .sticky-container .main-content .left-text .slogan-line .first-line {
        height: 4.58333vw;
        display: flex;
    }

    .sticky-container.other-text .main-content .left-text .slogan-line .first-line,
    .sticky-container.other-text .main-content .left-text .slogan-line .second-line {
        height: 3.645833vw;
        display: flex;
        align-items: center;
    }

    .sticky-container .main-content .left-text .slogan-line span {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 900;
        font-size: 2.890625vw;
        line-height: normal;
        color: #0B0B0B;
        padding-left: 1.66666vw;
    }
	
	.message-section .main-content .left-text .slogan-line span{
        font-weight: 600;
    }
	
	.philosophy-section .main-content .left-text .slogan-line span{
        color: #545f6c;
    }

    .section-slide-in-banner.first-line::after,
    .section-slide-in-banner.second-line::after {
        background-color: var(--main-color);
    }

    .sticky-container .main-content .left-text .detail-text {
        margin-top: 2.08333vw;
		flex-direction: column;
    }

    .sticky-container .main-content .left-text .detail-text p {
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: 1.145833vw;
        line-height: 200%;

        color: #FFFFFF;
		transform: translateY(200%);
    }
    .detail-text p:nth-of-type(1) {
       width:calc(723 * 100vw / 1920); 
    }

    .detail-text p:nth-of-type(2) {
        width:calc(677 * 100vw / 1920);
    }
	
	.sticky-container.access .main-content .left-text .detail-text p {
			animation-delay: 0.3s;
	}
	
	.detail-text.section-animate-pc.animate .section-text-up__text {
            animation: text-up-animation 0.8s
                cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    }

    .sticky-container .main-content .left-text .detail-text p.author {
		text-align: end;
	}

    .sticky-container .main-content .right-text {
        width: fit-content;
        position: absolute;
        right: 16.8229vw;
        bottom: 0;
    }

    .sticky-container .main-content .right-text img {
        width: 37.65625vw;
    }

    .sticky-container.other-text .main-content {
        position: relative;
        width: 100%;
        height: 56.97916vw;
        padding: 9.5833333vw 4.166666vw 0;
        background-image:
            url('../img/company/0205.webp');
        background-position: center;
        background-size: cover;
        object-fit: cover;
        box-sizing: border-box;
    }

    .sticky-container.other-text .main-content .left-text .slogan-line {
        width: 46.67708vw;
        height: fit-content;
        margin-top: 2.08333vw;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    }

    .other-text {
        z-index: 2;
        position: relative;
    }
	
	.upper-group.texture-bg--black{
		position: relative;
    	z-index: 2;
	}
	
	.pin-logo__wrapper {
        z-index: 1;
    }

    .background-title {
        position: relative;
        top: unset;
        left: unset;
        z-index: 0;
        width: 100%;
        height: 4.55293vw;
        background-image: url('title.png');
        background-repeat: repeat-x;
        background-size: auto 100%;
        animation: bgMove 50s linear infinite;
    }

    .logo-tape {

        padding: 2.395833vw 0;
    }

    /* OVERVIEW  */
    .overview .main-content {
        width: 91.25vw;
        margin: auto;
    }

    .overview .main-content .description-image {
        position: relative;
        width: fit-content;
        height: auto;
        margin: 3.3333vw auto;
    }
	
	.overview .main-content .description-image img {
		width: 46.25vw;
		height: 32.4479vw;
    }
	
	.overview .main-content .main-title{
        position: relative;
        z-index: 10;
    }

    .overview .main-content .overview-table {
        width: 78.125vw;
        height: auto;
        background-color: black;
        margin: auto;
    }

    .overview .overview-table .company-table {
        border-collapse: collapse;
        width: 70.3125vw;
        color: white;
        margin: auto;
    }

    .overview .overview-table .company-table th,
    .overview .overview-table .company-table td {
        text-align: left;
        padding: 2.1875vw 0.520833vw;
        border-bottom: 1px solid #FFF;

        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 1.197916vw;
        line-height: 110%;

        color: #FFFFFF;
    }

    .overview .overview-table .company-table td {
        padding: 2.1875vw 4.1666vw;
    }

    .overview .overview-table .company-table th {
        width: 23.222%;
        font-weight: normal;
        padding: 2.1875vw 0.520833vw;
        border-bottom: 1px solid #F5BD04;

        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;

        color: #F5BD04;
    }

    .overview .overview-table .company-table tr {
        align-items: center;
    }

    .overview .overview-table .company-table tr:last-child {
        border-bottom: none;
    }

    .overview .overview-table .company-table td.special-line .special-box {
        width: fit-content;
        height: 24.95833vw;
        display: flex;
        gap: 5.3125vw;
        margin: 0.3125vw 0;
    }

    /* HISTORY */
    .history {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: flex-end;
        padding: 9.375vw 0;
    }

    .history .main-content {
        width: 95.72916vw;
        display: flex;
        flex-direction: column;
        gap: 2.23958vw;
    }

    .description-group {
        border-left: 4px dashed #F5BD04;
		padding-left: 6.666666vw;
    }

    .history .main-content .description-image {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: unset;
        margin-top: 1.71875vw;
        width: 88.77vw;
        height: 46.875vw;
        background-image:
                url('../img/company/history.webp');
    }

    .history .main-content .description-image img {
        width: 88.77vw;
        height: auto;
		display: none;
    }

    .description-group .couple-line {
        display: flex;
        flex-direction: column;
        width: 55.72916vw;
        height: 7.708333vw;
        background-color: black;
    }

    .description-group .year {
        font-size: 60px;
        font-weight: bold;
        color: transparent;
        -webkit-text-stroke: 1px #F5BD04;

        font-family: var(--font-noto-sans-jp-static);
        font-style: normal;
        font-weight: 700;
        font-size: 3.3333vw;
        line-height: 100%;
    }

    .description-group .couple-line .event {
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 2.1875vw;
        line-height: 200%;
        color: #F5BD04;
    }

    .time-line-group {
        margin-top: 6.927083vw;
        display: flex;
        flex-direction: column;
        gap: 6.25vw;
        width: fit-content;
        margin-left: 0;
        background: black;
        padding-top: 0.52083vw;
    }

    /* ACCESS */
    

    .sticky-container.other-text.access .main-content {
        background: unset;
        display: flex;
        width: 93.385416vw;
        margin: auto;
        padding: 9.5833333vw 0;
        justify-content: space-between;
    }

    .sticky-container.access .main-content .right-text {
        position: relative;
        right: 0;
    }
	
	.section-text-up.animate .section-text-up__map{
            animation: text-up-animation 0.8s
                cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    }

    .sticky-container.access .main-content .left-text {
        width: fit-content;
        margin-left: 1.66666vw;
    }

    .sticky-container.access .main-content .left-text .detail-text {
        margin-top: 3.59375vw;
        background: black;
        padding: 0.520833vw;
        padding-left: 0;
    }

    .map {
        width: 44.791666vw;
        height: 36.875vw;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }
}
@media (max-width: 1024px) {
    #company {
        .top-kv {
            height: 197.8666vw;
            width: 100%;
            position: relative;
            background: black;
        }

        .top-kv__bg {
            position: absolute;
            width: 100%;
            height: auto;
            max-height: unset;
            overflow: hidden;
            bottom: 0;
        }

        .top-kv__bg-img {
            width: 100%;
            height: 100%;
        }

        .top-kv__bg-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .top-kv__title-pc-overlay {
            position: absolute;
            top: 13.3333vw;
            left: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            z-index: 2;
        }

        .top-kv__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: 15.6vw;
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(20 * 100vw / 1920), 20px) clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(12 * 100vw / 1920), 12px);
            position: absolute;
            left: 25.2vw;
        }

        .top-kv__title-pc-en {
            font-family: var(--font-syne);
            font-style: normal;
            font-weight: 800;
            font-size: 19.066666vw;
            line-height: 100%;
            display: flex;
            align-items: flex-end;
            text-align: center;
            color: var(--main-color);
            transform: rotate(90deg);
            position: absolute;
            right: 0vw;
            top: 75vw;
            background: black;
        }

        .top-kv.fixed-banner {
            position: fixed;
            top: 27vw;
            left: 0;
            right: 0;
            z-index: 1;
			height: 189vw;
        }

        .fixed-image {
            position: absolute;
            top: 80vw;
            width: 100%;
        }

        .sticky {
            position: sticky;
            top: 0;
            background-color: yellow;
            z-index: 1;
        }

        .sticky-container .main-content {
            position: relative;
            width: 100%;
            height: 56.97916vw;
            padding: 12.8125vw 4.166666vw;
            background-image:
                linear-gradient(rgba(11, 11, 11, 0.6), rgba(11, 11, 11, 0.6));
            background-position: center;
            background-size: cover;
            object-fit: cover;
            box-sizing: border-box;
        }

        .sticky-container.hidden-sp .main-content {
            height: 56.97916vw;
        }


        .sticky-container .main-content .left-text {
            position: relative;
            width: 84vw;
            height: auto;
            margin: auto;
        }

        .main-content .main-title h1 {
            font-family: var(--font-jost);
            font-style: normal;
            font-weight: 400;
            font-size: 13.86666vw;
            line-height: 100%;
            /* identical to box height, or 80px */

            /* accent1 */
            color: #C82100;
            background: black;
            width: fit-content;
            padding: 1vw 0.5vw;
            /* padding-left: 0; */
            width: fit-content;
        }

        .main-content .main-title span {
            font-family: var(--font-noto-serif-jp);
            font-style: normal;
            font-weight: 500;
            font-size: 4.8vw;
            line-height: 100%;
            text-align: center;
            color: #FFFFFF;
            background: black;
            padding: 0.1vw 2vw;
        }

        .sticky-container .main-content .left-text .slogan-line {
            width: 25.67708vw;
            height: 4.58333vw;
            margin-top: 3.125vw;
            justify-content: center;
            align-items: center;
        }

        .sticky-container .main-content .left-text .slogan-line .first-line {
            height: 4.58333vw;
            display: flex;
        }

        .sticky-container.other-text .main-content .left-text .slogan-line .first-line,
        .sticky-container.other-text .main-content .left-text .slogan-line .second-line {
            height: auto;
            display: flex;
            align-items: center;
        }

        .sticky-container .main-content .left-text .slogan-line span {
            width: fit-content;
            font-family: var(--font-noto-serif-jp);
            font-style: normal;
            font-weight: 900;
            font-size: 8.466666vw;
            line-height: normal;
            color: #0B0B0B;
            padding: 0 1.66666vw;
        }
		
		.philosophy-section .main-content .left-text .slogan-line span{
			color: #545f6c;
		}

        .section-slide-in-banner.first-line::after,
        .section-slide-in-banner.second-line::after {
            background-color: var(--main-color);
        }

        .sticky-container .main-content .left-text .detail-text {
            margin-top: 10.6666vw;
        }

        .sticky-container .main-content .left-text .detail-text p {
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 500;
            font-size: 5.86666vw;
            line-height: 200%;
            color: #FFFFFF;
        }
            .detail-text p:nth-of-type(1) {
            width:100%; 
        }

            .detail-text p:nth-of-type(2) {
            width:100%;
        }
	
		
		.sticky-container.access .main-content .left-text .detail-text p {
			animation-delay: unset;
		}

        .sticky-container.black-bg-special .main-content .left-text .detail-text p {
            font-size: 4.8vw;
        }
		
		.sticky-container.access .main-content .left-text .detail-text p {
            font-size: 4.8vw;
        }

        .sticky-container .main-content .left-text .detail-text p.author {
			text-align: start;
		}

        .sticky-container .main-content .right-text {
            width: fit-content;
            position: absolute;
            right: 4.8229vw;
            bottom: 0;
        }

        .sticky-container .main-content .right-text img {
            width: 81.65625vw;
        }

        .sticky-container.other-text .main-content {
            position: relative;
            width: 100%;
            height: 380.26666vw;
            padding: 9.5833333vw 4.166666vw 0;
            background-image:
                url('../img/company/message-background.png');
            background-position: center;
            background-size: cover;
            object-fit: cover;
            box-sizing: border-box;
        }

        .sticky-container.other-text.hidden-pc .main-content {
            background-image:
                url('../img/company/philosophy-bg.webp');
            height: 270.4vw;
            padding-top: 13.3333vw;
        }

        .sticky-container.other-text .main-content .left-text .slogan-line {
            width: 100%;
            height: fit-content;
            margin-top: 10.6666vw;
            justify-content: center;
            align-items: flex-start;
            display: flex;
            flex-direction: column;
        }

        .sticky-container.other-text .main-content .logo-add {
            width: 100vw;
            position: absolute;
            bottom: 10.933vw;
            left: 0;
            overflow-x: hidden; /* 画面幅を超えて要素がはみ出しても、コンテナ自体はスクロールバーを表示させない */
        /* position: relative; */
        }

        .sticky-container.other-text .main-content .logo-add h1 {
            width: 100%;
            width: fit-content;
        white-space: nowrap; 
        position: relative; /* transformの基準点 */
        left: 0%; 

            font-family: var(--font-syne);
            font-style: normal;
            font-weight: 800;
            font-size: 11.5vw;
            line-height: 100%;
            /* or 45px */
            display: flex;
            align-items: flex-end;
            background: linear-gradient(90deg, rgba(245, 189, 4, 0.6) 11.34%, rgba(0, 0, 0, 0.6) 72.99%, rgba(245, 189, 4, 0.6) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

        .other-text {
            z-index: 2;
            position: relative;
        }
		
		.overview.other-text{
            background-color: black;
        }

        .background-title {
            position: relative;
            top: unset;
            left: unset;
            z-index: 0;
            width: 100%;
            height: 4.55293vw;
            background-image: url('title.png');
            background-repeat: repeat-x;
            background-size: auto 100%;
            animation: bgMove 50s linear infinite;
        }

        .logo-tape {

            padding: 2.395833vw 0;
        }

        /* OVERVIEW  */
        .overview .main-content {
            width: 91.25vw;
            margin: auto;
			padding-top: 13.3333vw;
        }

        .overview .main-content .description-image {
            width: 84vw;
            height: auto;
            margin: 10.6666vw auto;
        }

        .overview .main-content .description-image img {
            width: 84vw;
            height: auto;

        }

        .overview .main-content .overview-table {
            width: 78.125vw;
            height: auto;
            background-color: black;
            margin: auto;
        }

        .overview .overview-table .company-table {
            border-collapse: collapse;
            width: 80vw;
            color: white;
            margin: auto;
        }

        .overview .overview-table .company-table th,
        .overview .overview-table .company-table td {
            text-align: left;
            padding: 2.1875vw 0.520833vw;
            border-bottom: none;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 700;
            font-size: 4.8vw;
            line-height: 110%;
            color: #FFFFFF;
        }

        .overview .overview-table .company-table .special-line {
            height: fit-content;
        }

        .overview .overview-table .company-table td {
            padding: 0;
        }

        .overview .overview-table .company-table th {
            width: fit-content;
            font-weight: normal;
            padding: 0;
            border-bottom: none;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 700;
            color: #F5BD04;
        }

        .overview .overview-table .company-table tr {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            gap: 4vw;
            padding: 8vw 2.66666vw;
            border-bottom: 1px solid var(--main-color);
        }

        .overview .overview-table .company-table tr:last-child {
            border-bottom: none;
        }

        .overview .overview-table .company-table td.special-line .special-box {
            width: fit-content;
            height: fit-content;
            display: flex;
            gap: 0;
            margin: 0.3125vw 0;
            flex-direction: column;
        }

        /* HISTORY */
        .history {
            display: flex;
            position: relative;
            flex-direction: column;
            align-items: flex-end;
            padding: 9.375vw 0;
			background-image: linear-gradient(rgba(11, 11, 11, 0.6), rgba(11, 11, 11, 0.6));
        }

        .history .main-content {
            width: 95.72916vw;
            display: flex;
            flex-direction: column;
            gap: 9.3333333vw;
        }

        .description-group {
            border-left: 1px dashed #F5BD04;
            padding-left: 5.3333vw;
        }

        .history .main-content .description-image {
            display: flex;
            position: relative;
            left: -10vw;
            flex-direction: column;
            align-items: flex-end;
            margin-top: 8.8vw;
            width: 100vw;
            overflow: hidden;
			height: 69.3333vw;
        }

        .history .main-content .description-image img {
            width: 109.0666vw;
            height: auto;
        }

        .description-group .couple-line {
            display: flex;
            flex-direction: column;
            width: fit-content;
            /* margin-left: 6.666666vw; */
            height: fit-content;
            background-color: unset;
			gap: 2.66666vw;
			padding-bottom:calc(15 * 100vw / 375);
        }

        .description-group .year {
            color: transparent;
            -webkit-text-stroke: 1px #F5BD04;
            font-family: var(--font-noto-sans-jp-static);
            font-style: normal;
            font-weight: 700;
            font-size: 10.66666vw;
			padding-bottom: calc(10 * 100vw / 375);
            line-height: 100%;
        }
		
		.upper-group.texture-bg--black{background-color: transparent;}

        .description-group .couple-line .event {
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 700;
            font-size: 5.3333vw;
            line-height: 150%;
            color: #F5BD04;
        }

        .time-line-group {
            margin-top: 6.927083vw;
            display: flex;
            flex-direction: column;
            gap: calc(48 * 100vw / 375);
            width: fit-content;
            margin-left: 0;
            background: url();
            padding-top: 8.8vw;
        }

        /* ACCESS */
        .sticky-container.access.other-text {
            background: black;
        }

        .sticky-container.other-text.access .main-content {
            background: unset;
            display: flex;
            width: 100vw;
            margin: unset;
            padding: 9.5833333vw 0;
            justify-content: unset;
            flex-direction: column;
            height: fit-content;
        }

        .sticky-container.access .main-content .right-text {
            position: relative;
            right: unset;
            margin: 0 auto;
        }

        .sticky-container.access .main-content .left-text {
            width: fit-content;
            margin-left: 8vw;
        }

        .sticky-container.access .main-content .left-text .detail-text {
            margin: 10.666vw 0;
            background: black;
            padding: 0.520833vw;
            padding-left: 0;
            width: 66vw;
        }

        .map {
            width: 84vw;
            height: 69.33333vw;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
        }
    }
}

/* END CSS Company  */
/* Start css envinroment*/

#environment-page {
    .environment-bg {
        position: relative;
    }
    .environment-bg__bg {
        position: relative;
        width: 100%;
        height: calc(944 * 100vw / 1920);
        
        overflow: hidden;
    }
    .environment-bg__bg-img {
        width: 100%;
        height: 100%;
    }
    .environment-bg__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .environment-bg__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(71 * 100vw / 1920), 71px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .environment-bg__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(20 * 100vw / 1920), 20px)
            clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(12 * 100vw / 1920), 12px);
    }
    .environment-bg__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--black-color);
        background-color: var(--main-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }
    .memmber-join {
        position: relative;
        width: calc(1587 * 100vw / 1920);
        height: calc(705 * 100vw / 1920);
        max-height: calc(705 * 100vw / 1920);
        padding: clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(102 * 100vw / 1920), 102px);
    }
    .member-join-text {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .member-join-text__title-pc-overlay {
        position: relative;
        z-index: 2;
        padding: calc(206 * 100vw / 1920) 0 0 calc(80 * 100vw / 1920);
    }
    .member-join-text__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        display: inline-block;
        font-size: calc(55 * 100vw / 1920);
        font-weight: 900;
        line-height: 200%;
        color: var(--white-color);
        background: var(--black-color);
        padding: calc(0 * 100vw / 1920) calc(40 * 100vw / 1920)
            calc(0 * 100vw / 1920) calc(18 * 100vw / 1920);
    }

    .introduce-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
		z-index: 2;
    }
    .introduce__col {
        display: flex;
        flex-direction: column;
        gap: calc(32 * 100vw / 1920);
        padding: calc(162 * 100vw / 1920) calc(80 * 100vw / 1920) calc(36 * 100vw / 1920) calc(80 * 100vw / 1920);
        z-index: 2;
    }
    .introduce__title-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .introduce__title-heading {
        font-family: var(--font-jost);
        font-weight: regular;
        font-size: calc(80 * 100vw / 1920);
        color: var(--accent-1-color);
    }
    .introduce_title-subheading {
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: calc(20 * 100vw / 1920);
        color: var(--white-color);
    }
    .introduce {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: calc(16 * 100vw / 1920);
        height: calc(341 * 100vw / 1920);
    }

    .introduce-item-wrapper {
        display: flex;
    }
    .introduce-item {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    .introduce-item-wrapper:nth-child(odd) .introduce-item {
        background: url(../img/noise-bg-20.png),
            linear-gradient(180deg, #d9d9d9 0%, var(--accent-1-color) 100%);
    }
    .introduce-item-wrapper:nth-child(even) .introduce-item {
        background: url(../img/noise-bg-20.png),
            linear-gradient(180deg, #d9d9d9 0%, var(--black-color) 100%);
    }
    .introduce-item__photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .introduce-item__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .introduce-item__title-col {
        position: absolute;
        top: calc(10 * 100vw / 1920);
        font-weight: 700;
        right: 0;
        display: flex;
        flex-direction: column;
        gap: calc(10 * 100vw / 1920);
        z-index: 2;
        font-family: var(--font-noto-serif-jp);
        font-size: calc(36 * 100vw / 1920);
        color: var(--white-color);
        align-items: flex-start;
        width: calc(50 * 100vw / 1920);
    }
    .introduce-item__title-flip {
        word-break: keep-all;
        white-space: nowrap;
        writing-mode: vertical-lr;
        letter-spacing: 0.06em;
        padding-left: calc(3 * 100vw / 1920);
    }
    .introduce-item__title-flip--highlight {
        font-size: calc(48 * 100vw / 1920);
        color: var(--main-color);
        writing-mode: vertical-lr;
        padding-left: calc(3 * 100vw / 1920);
    }
    .special-group .introduce-item__title-flip.special-line {
        position: absolute;
        top: 4.58333vw;
        right: 2.60416vw;
    }
    .introduce-item__job-row {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        gap: calc(24 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(16px, calc(22 * 100vw / 1920), 99px);
        line-height: 2;
        font-weight: 500;
        color: var(--white-color);
    }
    .introduce-item__job-label {
        background-color: var(--black-color);
        color: var(--main-color);
    }
    .introduce-item__icon-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(24 * 100vw / 1920);
        border: 1px solid var(--main-color);
        width: calc(71 * 100vw / 1920);
        aspect-ratio: 1;
        box-sizing: border-box;
    }
    .introduce-item__icon {
        width: calc(32 * 100vw / 1920);
        height: calc(32 * 100vw / 1920);
    }
    .about-health-section{
        position: relative;

    }

    .about-health {
        position: relative;
    }
    .about-health__bg {
        position: relative;
        width: 100%;
        height: calc(1080 * 100vw / 1920);
        overflow: hidden;
        padding-bottom: calc(110 * 100vw / 1920);
    }
    .women-section{
        position: relative;

    }
    .women__bg {
        position: relative;
        width: 100%;
        height: calc(1080 * 100vw / 1920);
        overflow: hidden;
        padding-bottom: calc(110 * 100vw / 1920);
    }
    .sustainability-section{
        position: relative;

    }
    .sustainability__bg {
        position: relative;
        width: 100%;
        height: calc(1080 * 100vw / 1920);
        
        overflow: hidden;
        padding-bottom: calc(110 * 100vw / 1920);
    }
    .workandlife-section{
        position: relative;

    }
    .workandlife__bg {
        position: relative;
        width: 100%;
        height: calc(1080 * 100vw / 1920);
        overflow: hidden;
        padding-bottom: calc(110 * 100vw / 1920);
    }
    .employee-benefits-section{
        position: relative;

    }
    .employee-benefits__bg {
        position: relative;
        width: 100%;
        height: calc(1080 * 100vw / 1920);
       
        overflow: hidden;
        padding-bottom: calc(110 * 100vw / 1920);
    }
    .about-health__bg-img {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/environment/about-health-bg.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .women__bg-img {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/environment/women.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .sustainability__bg-img {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/environment/Sustainability.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .workandlife__bg-img {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/environment/worklife.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .employee-benefits__bg-img {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/environment/benefits.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .about-health__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
    .women__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about-health__title-pc-overlay {
        position: absolute;
        top:calc(818 * 100vw / 1920);
        left: calc(80 * 100vw / 1920);
        display: flex;
        height:fit-content ;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        z-index: 2;
    }
    .about-health__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(70 * 100vw / 1920), 70px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
    }
    .about-health__title-pc-jp2 {
        font-family: var(--font-noto-sans-jp);
        width: calc(701 * 100vw / 1920);
        font-style: normal;
        font-size: clamp(0px, calc(22 * 100vw / 1920), 22px);
        font-weight: 500;
        color: var(--white-color);
        background-color: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(5 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
        line-height: 200%;
    }
    .women__title-pc-overlay {
        position: absolute;
        top:calc(862 * 100vw / 1920);
        left: calc(80 * 100vw / 1920);
        display: flex;
        height:fit-content;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        z-index: 2;
    }


    .women__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(70 * 100vw / 1920), 70px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
    }
    .women__title-pc-jp2 {
        font-family: var(--font-noto-sans-jp);
        width: calc(701 * 100vw / 1920);
        font-style: normal;
        font-size: clamp(0px, calc(22 * 100vw / 1920), 22px);
        font-weight: 500;
        color: var(--white-color);
        background-color: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(5 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
        line-height: 200%;
    }
    .sustainability__title-pc-overlay {
        position: absolute;
        top:calc(862 * 100vw / 1920);
        left: calc(80 * 100vw / 1920);
        display: flex;
        height:fit-content ;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        z-index: 2;
    }
    .sustainability__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(70 * 100vw / 1920), 70px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
    }
    .sustainability__title-pc-jp2 {
        font-family: var(--font-noto-sans-jp);
        width: calc(712 * 100vw / 1920);
        font-style: normal;
        font-size: clamp(0px, calc(22 * 100vw / 1920), 22px);
        font-weight: 500;
        color: var(--white-color);
        background-color: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(4 * 100vw / 1920), 4px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(4 * 100vw / 1920), 4px);
        line-height: 200%;
    }
    .workandlife__title-pc-overlay {
        position: absolute;
        top:calc(934 * 100vw / 1920);
        left: calc(80 * 100vw / 1920);
        display: flex;
        height:fit-content ;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        z-index: 2;
    }
    .workandlife__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(70 * 100vw / 1920), 70px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
    }
    .employee-benefits__title-pc-overlay {
        position: absolute;
        top:calc(934 * 100vw / 1920);
        left: calc(80 * 100vw / 1920);
        display: flex;
        height:fit-content ;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        z-index: 2;
    }
    .employee-benefits__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(70 * 100vw / 1920), 70px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(10 * 100vw / 1920), 10px);
    }


    .information__wrapper {
        position: relative;
    }
    .information-join-text__title-pc-jp {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }
    .information-join-text__title-pc-jp .text-jp {
        padding-right: calc(20 * 100vw / 1920);
    }
    .information-join-text__title-pc-jp .text-jp1 {
        padding-right: calc(39 * 100vw / 1920);
    }
    .information-join-text {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        width: calc(488 * 100vw / 1920);
        padding-bottom: calc(11 * 100vw / 1920);
        z-index: 5;
    }
    .information__title-pc-overlay {
        position: relative;
        z-index: 2;
        padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
            clamp(0px, calc(1115 * 100vw / 1920), 1115px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .information__wrapper-col {
        display: flex;
        width: calc(1778 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        gap: calc(157 * 100vw / 1920);
        padding: clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(90 * 100vw / 1920), 90px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .information__wrapper-col-title-img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
    }
    .information__wrapper-col-title-img img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        object-fit: cover;
    }
    .information__wrapper-col-title,
    .information__wrapper-col-title-img {
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
    .information__wrapper-col-title {
        display: flex;
        gap: calc(28 * 100vw / 1920);
    }

    .information__wrapper-col-title-left {
        position: relative;
        display: flex;
        height: 100%;
		padding-bottom: 0px;
    }
    .information__wrapper-col-title-right {
        width: calc(724 * 100vw / 1920);
        height: 100%;
    }

    .information__wrapper__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .information__wrapper-col-title-left-number {
        position: relative;
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: calc(128 * 100vw / 1920);
        font-size: calc(128 * 100vw / 1920);
        -webkit-text-stroke: 0.9px var(--black-color);
        color: transparent;
    }

    .information__wrapper-col-title-left-number span {
        display: block;
        position: relative;
        transform: rotate(-90deg); /* xoay 45 độ theo chiều kim đồng hồ */
    }

    .information__wrapper-col-title-right-text-1 {
        position: relative;
        font-family: var(--font-noto-sans-jp);
        font-size: calc(32 * 100vw / 1920);
        color: var(--black-color);
        padding-top: calc(32 * 100vw / 1920);
        padding-bottom: calc(32 * 100vw / 1920);
    }
    .information__wrapper-col-title-right-text-2 {
        position: relative;
        width: calc(742 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }
    .information__wrapper-col-title-right-text-3 {
        position: relative;
        width: calc(550 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }

    .women-information__wrapper {
        position: relative;
    }
    .women-information-join-text__title-pc-jp {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }
    .women-information-join-text__title-pc-jp .text-jp {
        padding-right: calc(39 * 100vw / 1920);
    }
    .women-information-join-text {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        width: calc(488 * 100vw / 1920);
        padding-bottom: calc(22 * 100vw / 1920);
    }
    .women-information__title-pc-overlay {
        position: relative;
        z-index: 2;
        padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
            clamp(0px, calc(1115 * 100vw / 1920), 1115px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .women-information__wrapper-col {
        display: flex;
        width: calc(1778 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        gap: calc(157 * 100vw / 1920);
        padding: clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(90 * 100vw / 1920), 90px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .women-information__wrapper-col-title-img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
    }
    .women-information__wrapper-col-title-img img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        object-fit: cover;
    }
    .women-information__wrapper-col-title,
    .women-information__wrapper-col-title-img {
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
    .women-information__wrapper-col-title {
        display: flex;
        gap: calc(28 * 100vw / 1920);
    }

    .women-information__wrapper-col-title-left {
        position: relative;
        display: flex;
        height: 100%;
		padding-bottom: calc(0 * 100vw / 1920);
    }
    .women-information__wrapper-col-title-right {
        width: calc(724 * 100vw / 1920);
        height: 100%;
    }

    .women-information__wrapper__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .women-information__wrapper-col-title-left-number {
        position: relative;
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: calc(128 * 100vw / 1920);
        font-size: calc(128 * 100vw / 1920);
        -webkit-text-stroke: 0.9px var(--black-color);
        color: transparent;
    }

    .women-information__wrapper-col-title-left-number span {
        display: block;
        position: relative;
        transform: rotate(-90deg); /* xoay 45 độ theo chiều kim đồng hồ */
    }

    .women-information__wrapper-col-title-right-text-1 {
        position: relative;
        font-family: var(--font-noto-sans-jp);
        font-size: calc(32 * 100vw / 1920);
        color: var(--black-color);
        padding-top: calc(32 * 100vw / 1920);
        padding-bottom: calc(32 * 100vw / 1920);
    }
    .women-information__wrapper-col-title-right-text-2 {
        position: relative;
        width: calc(742 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }
    .women-information__wrapper-col-title-right-text-3 {
        position: relative;
        width: calc(550 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }
    .workandlife-information__wrapper {
        position: relative;
    }
    .workandlife-information-join-text__title-pc-jp {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }
    .workandlife-information-join-text__title-pc-jp1 {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }

    .sustainability-information__wrapper {
        position: relative;
    }
    .sustainability-information-join-text__title-pc-jp {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }
    .sustainability-information-join-text__title-pc-jp1 {
        display: flex;
        align-items: center;
        justify-content: center; /* Căn giữa theo chiều ngang (nếu muốn) */
        text-align: center;
        width: calc(488 * 100vw / 1920);
        height: calc(62 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(0px, calc(22 * 100vw / 1920), 55px);
        font-weight: 500;
        line-height: calc(24 * 100vw / 1920);
        color: var(--white-color);
        background: var(--black-color);
    }
    .sustainability-information-join-text__title-pc-jp .text-jp {
        padding-right: calc(39 * 100vw / 1920);
    }
    .sustainability-information-join-text {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        width: calc(488 * 100vw / 1920);
        padding-bottom: calc(22 * 100vw / 1920);
    }
    .sustainability-information__title-pc-overlay {
        position: relative;
        z-index: 2;
        padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
            clamp(0px, calc(1115 * 100vw / 1920), 1115px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .sustainability-information__wrapper-col {
        display: flex;
        width: calc(1778 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        gap: calc(157 * 100vw / 1920);
        padding: clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(90 * 100vw / 1920), 90px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .sustainability-information__wrapper-col-title-img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
    }
    .sustainability-information__wrapper-col-title-img img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        object-fit: cover;
    }
    .sustainability-information__wrapper-col-title,
    .sustainability-information__wrapper-col-title-img {
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
    .sustainability-information__wrapper-col-title {
        display: flex;
        gap: calc(28 * 100vw / 1920);
    }

    .sustainability-information__wrapper-col-title-left {
        position: relative;
        display: flex;
        height: 100%;
    }
    .sustainability-information__wrapper-col-title-right {
        width: calc(724 * 100vw / 1920);
        height: 100%;
    }

    .sustainability-information__wrapper__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sustainability-information__wrapper-col-title-left-number {
        position: relative;
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: calc(128 * 100vw / 1920);
        font-size: calc(128 * 100vw / 1920);
        -webkit-text-stroke: 0.9px var(--black-color);
        color: transparent;
    }

    .sustainability-information__wrapper-col-title-left-number span {
        display: block;
        position: relative;
        transform: rotate(-90deg); /* xoay 45 độ theo chiều kim đồng hồ */
    }

    .sustainability-information__wrapper-col-title-right-text-1 {
        position: relative;
        font-family: var(--font-noto-sans-jp);
        font-size: calc(32 * 100vw / 1920);
        color: var(--black-color);
        padding-top: calc(32 * 100vw / 1920);
        padding-bottom: calc(32 * 100vw / 1920);
    }
    .sustainability-information__wrapper-col-title-right-text-2 {
        position: relative;
        width: calc(742 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }
    .sustainability-information__wrapper-col-title-right-text-3 {
        position: relative;
        width: calc(550 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }

    .workandlife-information-join-text__title-pc-jp .text-jp {
        padding-right: calc(32 * 100vw / 1920);
    }
    .workandlife-information-join-text__title-pc-jp1 .text-jp {
        padding-right: calc(10 * 100vw / 1920);
    }
    .workandlife-information-join-text {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        width: calc(488 * 100vw / 1920);
        padding-bottom: calc(9 * 100vw / 1920);
    }
    .workandlife-information__title-pc-overlay {
        position: relative;
        z-index: 2;
        padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
            clamp(0px, calc(1115 * 100vw / 1920), 1115px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .workandlife-information__wrapper-col {
        display: flex;
        width: calc(1778 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        gap: calc(157 * 100vw / 1920);
        padding: clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(90 * 100vw / 1920), 90px)
            clamp(0px, calc(80 * 100vw / 1920), 80px);
    }

    .workandlife-information__wrapper-col-title-img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
    }
    .workandlife-information__wrapper-col-title-img img {
        width: calc(729 * 100vw / 1920);
        height: calc(538 * 100vw / 1920);
        object-fit: cover;
    }
    .workandlife-information__wrapper-col-title,
    .workandlife-information__wrapper-col-title-img {
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
    .workandlife-information__wrapper-col-title {
        display: flex;
        gap: calc(28 * 100vw / 1920);
    }

    .workandlife-information__wrapper-col-title-left {
        position: relative;
        display: flex;
        height: 100%;
    }
    .workandlife-information__wrapper-col-title-right {
        width: calc(724 * 100vw / 1920);
        height: 100%;
    }

    .workandlife-information__wrapper__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .workandlife-information__wrapper-col-title-left-number {
        position: relative;
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: calc(128 * 100vw / 1920);
        font-size: calc(128 * 100vw / 1920);
        -webkit-text-stroke: 0.9px var(--black-color);
        color: transparent;
    }

    .workandlife-information__wrapper-col-title-left-number span {
        display: block;
        position: relative;
        transform: rotate(-90deg); /* xoay 45 độ theo chiều kim đồng hồ */
    }

    .workandlife-information__wrapper-col-title-right-text-1 {
        position: relative;
        font-family: var(--font-noto-sans-jp);
        font-size: calc(32 * 100vw / 1920);
        color: var(--black-color);
        padding-top: calc(32 * 100vw / 1920);
        padding-bottom: calc(32 * 100vw / 1920);
    }
    .workandlife-information__wrapper-col-title-right-text-2 {
        position: relative;
        width: calc(742 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }
    .workandlife-information__wrapper-col-title-right-text-3 {
        position: relative;
        width: calc(550 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        color: var(--black-color);
        padding-bottom: calc(32 * 100vw / 1920);
        line-height: 200%;
        font-style: normal;
        font-weight: 500;
    }



    .benefit-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        padding: calc(80 * 100vw / 1920) 0;
    }

    .benefits-container {
        position: relative;
        display: grid;
        justify-self: center;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
        gap: calc(8 * 100vw / 1920) calc(14 * 100vw / 1920);
        margin: 0 auto;
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(0 * 100vw / 1920), 0px)
            clamp(0px, calc(180 * 100vw / 1920), 180px)
            clamp(0px, calc(0 * 100vw / 1920), 0px);
    }

    .benefit-item {
        background-color: rgba(11, 11, 11, 0.8);
        color: white;
        width: calc(742 * 100vw / 1920);
        display: flex;
        align-items: center;
        opacity: 0;
        transform: translateY(20px);
    }

    .benefit-content {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        text-align: center;
        height: calc(148 * 100vw / 1920);
        padding: clamp(0px, calc(10 * 100vw / 1920), 10px)
            clamp(0px, calc(18 * 100vw / 1920), 18px)
            clamp(0px, calc(17 * 100vw / 1920), 17px)
            clamp(0px, calc(0 * 100vw / 1920), 0px);
    }

    .benefit-subtitle {
        font-family: var(--font-noto-sans-jp);
        font-size: calc(22 * 100vw / 1920);
        color: var(--main-color);
        font-weight: 700;
    }
    .benefit-text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .benefit-title {
        position: relative;
        width: calc(593 * 100vw / 1920);
        font-family: var(--font-noto-sans-jp);
        font-weight: 700;
        font-size: calc(32 * 100vw / 1920);
        color: var(--main-color);
        line-height: 200%;
    }

    .benefit-icon {
        position: absolute;
        right: 0;
        margin-left: auto;
        width: calc(148 * 100vw / 1920);
        height: calc(148 * 100vw / 1920);
        padding-right: calc(18 * 100vw / 1920);
    }
    .benefit-icon1 {
        position: absolute;
        right: 0;
        margin-left: auto;
        width: calc(148 * 100vw / 1920);
        height: calc(99 * 100vw / 1920);
        padding-right: calc(18 * 100vw / 1920);
    }
    .benefit-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .benefit-icon1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .memmber-join .step-group {
        display: flex;
        flex-direction: row;
        column-gap: calc(42 * 100vw / 1920);
        justify-content: flex-end;
        align-items: flex-end;
    }
    .memmber-join .step-container {
        width: calc(494 * 100vw / 1920);
        height: fit-content;
    }
    .memmber-join .step-container .container-1 {
        height: calc(367 * 100vw / 1920);
    }
    .memmber-join .step-container .container-2 {
        height: calc(475 * 100vw / 1920);
    }
    .memmber-join .step-container .container-3 {
        height: calc(577 * 100vw / 1920);
    }
    .memmber-join .step-card {
        transition: opacity 0.6s, transform 0.6s;
        opacity: 1;
    }
    .memmber-join .step-card.animate {
        animation: fadeIn 1s ease-in-out forwards;
    }
    .memmber-join .step-card .content-block {
        margin-top: 0.5208vw;
        border-top: 0.10416vw solid var(--black-color);
        border-left: 0.10416vw solid var(--black-color);
        padding-top: calc(32 * 100vw / 1920);
        padding-left: calc(57 * 100vw / 1920);
        box-sizing: border-box;
        position: relative;
    }
    .memmber-join .step-card .content-block .description {
        margin-top: 0.8333vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        width: calc(438 * 100vw / 1920);
        font-weight: 500;
        font-size: calc(22 * 100vw / 1920);
        line-height: 150%;
        color: var(--black-color);
    }
    .memmber-join .step-card .content-block .description1 {
        margin-top: 0.8333vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: calc(22 * 100vw / 1920);
        line-height: 150%;
        width: calc(300 * 100vw / 1920);
        color: var(--black-color);
    }
    .memmber-join .step-card .content-block .description2 {
        margin-top: 0.8333vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: calc(22 * 100vw / 1920);
        line-height: 150%;
        width: calc(253 * 100vw / 1920);
        color: var(--black-color);
    }
    .memmber-join .step-card .content-block .title {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(32 * 100vw / 1920);
        line-height: 120%;
        margin: 0px;
        text-align: left;
        color: var(--black-color);
    }
    .memmber-join .step-card .content-block .title3 {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(32 * 100vw / 1920);
        line-height: 120%;
        margin: 0px;
        text-align: left;
        width: calc(448 * 100vw / 1920);
        color: var(--black-color);
		white-space: nowrap;
    }

    .step-card-img-01 {
        position: absolute;
        bottom: calc(-78 * 100vw / 1920);
        left: calc(360 * 100vw / 1920);
        top: unset;
    }

    .step-card-img-01 img {
        height: calc(428 * 100vw / 1920);
        width: calc(141 * 100vw / 1920);
        object-fit: contain;
    }

    .step-card-img-02 {
        position: absolute;
        bottom: calc(-78 * 100vw / 1920);
        left: calc(209 * 100vw / 1920);
        top: unset;
    }

    .step-card-img-02 img {
        height: calc(413 * 100vw / 1920);
        width: calc(264 * 100vw / 1920);
        object-fit: contain;
    }

    .step-card-img-03 {
        position: absolute;
        bottom: calc(-78 * 100vw / 1920);
        left: calc(157 * 100vw / 1920);
        top: unset;
    }

    .step-card-img-03 img {
        height: calc(353 * 100vw / 1920);
        width: calc(225 * 100vw / 1920);
        object-fit: contain;
    }
    .content-section__wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .content-section-sidebar__wrapper {
        position: absolute;
        inset: 0;
    }
    .content-section-sidebar {
        position: sticky;
        top: calc(100 * 100vw / 1920);
        right: 0;
        width: fit-content;
        z-index: 5;
        margin-left: auto;
        margin-top: calc(342 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: calc(36 * 100vw / 1920);
        overflow: hidden;
    }
    .content-section-sidebar__button {
        display: flex;
        align-items: center;
        gap: calc(12 * 100vw / 1920);
        background-color: var(--black-color);
        padding-top: calc(19 * 100vw / 1920);
        padding-bottom: calc(22 * 100vw / 1920);
        padding-left: calc(10 * 100vw / 1920);
        padding-right: calc(10 * 100vw / 1920);
        box-sizing: border-box;
        cursor: pointer;
        font-family: var(--font-noto-serif-jp);
        font-size: calc(48 * 100vw / 1920);
        font-weight: 400;
        color: var(--white-color);
        line-height: 0.83;
        writing-mode: vertical-lr;
        text-orientation: upright;
    }
    .content-section-sidebar__button-icon {
        width: calc(23 * 100vw / 1920);
    }
    .content-section-sidebar__list {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: calc(8 * 100vw / 1920);
        opacity: 0;
        transform: translateX(100%);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    .content-section-sidebar__list.show {
        opacity: 1;
        transform: translateX(0);
    }
    .content-section-sidebar__list-item {
        display: flex;
        align-items: center;
        gap: calc(10 * 100vw / 1920);
        padding: calc(10 * 100vw / 1920);
        background-color: var(--main-color);
        font-family: var(--font-noto-serif-jp);
        font-size: calc(36 * 100vw / 1920);
        font-weight: 400;
        color: var(--black-color);
        line-height: 0.83;
    }
    .content-section-sidebar__list-text--highlight {
        color: var(--main-color);
        line-height: 1;
        background-color: var(--black-color);
    }
    .content-section {
        display: flex;
        flex-direction: column;
    }
    .information-wrapper .section-text-up__text {
        transform: translateY(190%);
        opacity: 0;
    }
    .information-wrapper {
        padding-bottom: calc(160 * 100vw / 1920);
    }

    .information-wrapper {
        .information__wrapper-col-title-right-text-2 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .information__wrapper-col-title-right-text-3 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .s-fade-in-up {
            animation-delay: 0.3s;
        }
        .fade-in-up-text {
            animation-delay: 1.2s;
        }
    }
    .women-information-wrapper .section-text-up__text {
        transform: translateY(190%);
        opacity: 0;
    }
    .women-information-wrapper {
        padding-bottom: calc(160 * 100vw / 1920);
    }

    .women-information-wrapper {
        .women-information__wrapper-col-title-right-text-2 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .women-information__wrapper-col-title-right-text-3 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .s-fade-in-up {
            animation-delay: 0.3s;
        }
        .fade-in-up-text {
            animation-delay: 1.2s;
        }
    }
    .sustainability-information-wrapper .section-text-up__text {
        transform: translateY(190%);
        opacity: 0;
    }
    .sustainability-information-wrapper {
        padding-bottom: calc(160 * 100vw / 1920);
    }

    .sustainability-information-wrapper {
        .sustainability-information__wrapper-col-title-right-text-2 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .sustainability-information__wrapper-col-title-right-text-3 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .s-fade-in-up {
            animation-delay: 0.3s;
        }
        .fade-in-up-text {
            animation-delay: 1.2s;
        }
    }
    .workandlife-information-wrapper .section-text-up__text {
        transform: translateY(190%);
        opacity: 0;
    }
    .workandlife-information-wrapper {
        padding-bottom: calc(160 * 100vw / 1920);
    }

    .workandlife-information-wrapper {
        .workandlife-iinformation__wrapper-col-title-right-text-2 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }
        .workandlife-information__wrapper-col-title-right-text-3 {
            .section-text-up__text {
                animation-delay: 0.5s;
            }
        }

        .s-fade-in-up {
            animation-delay: 0.3s;
        }
        .fade-in-up-text {
            animation-delay: 1.2s;
        }
    }
    .section-animate-pc.animate .fade-in-up-text{
        animation-delay: 0.6s;
    }

    .benefit-item.animate {
        animation: fade-in-up-animation 1s ease forwards;
    }

    #be1.benefit-item.animate {
        animation-delay: 0s;
    }

    #be1 .section-text-up__text.animate {
        animation-delay: 0.1s;
    }

    #be2.benefit-item.animate {
        animation-delay: 0.2s;
    }

    #be2 .section-text-up__text.animate {
        animation-delay: 0.5s;
    }

    #be3.benefit-item.animate {
        animation-delay: 0.4s;
    }

    #be3 .section-text-up__text.animate {
        animation-delay: 0.9s;
    }

    #be4.benefit-item.animate {
        animation-delay: 0.6s;
    }

    #be4 .section-text-up__text.animate {
        animation-delay: 1.3s;
    }

    #be5.benefit-item.animate {
        animation-delay: 0.8s;
    }

    #be5 .section-text-up__text.animate {
        animation-delay: 1.7s;
    }

    #be6.benefit-item.animate {
        animation-delay: 1s;
    }

    #be6 .section-text-up__text.animate {
        animation-delay: 2.1s;
    }
    #top-step-1.step-container {
        animation-delay: 0.3s;
    }

    #top-step-2.step-container {
        animation-delay: 0.5s;
    }

    #top-step-3.step-container {
        animation-delay: 1s;
    }
    .memmber-join .step-card .content-block .container-2 .title{
        animation-delay: 1s;
    }
    .section-text-up__text.slow{
        animation-delay: 1s;   
    }
	#top-step-2 .section-text-up__text.slow{
        animation-delay: 0.5s;   
    }

    #top-step-3 .section-text-up__text.slow{
        animation-delay: 1s;   
    }


}
@media (min-width: 1025px) {
    #environment-page {
        .contact-btn__wrapper {
            position: absolute;
            top: calc(163 * 100vw / 1920);
            right: 0;
            z-index: 10;
            pointer-events: none;
        }
    }
}
@media (max-width: 1024px) {
    #environment-page {
        .environment-bg {
            height: fit-content;
            width: 100%;
            position: relative;
        }
        .environment-bg__bg {
            position: absolute;
            width: 100%;
            height: auto;
            max-height: unset;
            overflow: hidden;
            top: 0;
        }
        .environment-bg__bg-img {
            width: 100%;
            height: 100%;
        }

        .environment-bg__bg-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .environment-bg__title-pc-overlay {
            width: 100%;
            position: relative;
            align-items: flex-start;
            justify-content: start;
            flex-direction: row-reverse;
            z-index: 2;
            padding-top: calc(50 * 100vw / 375);
            padding-left: calc(30 * 100vw / 375);
            padding-bottom: calc(250 * 100vw / 375);
            bottom: unset;
            left: unset;
        }
        .environment-bg__title-sp-jp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 0;
        }
        .environment-bg__title-sp-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(58 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(10 * 100vw / 375), 5px)
                clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(5 * 100vw / 375), 10px);
            box-sizing: border-box;
        }
        .environment-bg__title-sp-jp1 {
            position: static;
            font-family: var(--font-syne);
            font-size: calc(40 * 100vw / 375);
            font-weight: 800;
            color: var(--main-color);
            writing-mode: vertical-rl;

            background: var(--black-color);
            padding: clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(2 * 100vw / 375), 8px)
                clamp(0px, calc(1 * 100vw / 375), 12px);
            box-sizing: border-box;
            margin-left: 0;
        }
        .environment-bg.fixed-banner {
            position: sticky;
            left: 0;
            right: 0;
            z-index: 1;
            margin-top: calc(327 * 100vw / 375);
        }
        .environment-top-bg {
            
            position: absolute;
            top: calc(427 * 100vw / 375);
            left: 0;
            right: 0;
            z-index: 1;
            margin-top: calc(327 * 100vw / 375);
            margin-bottom: calc(-588 * 100vw / 375);
            margin-top: 0vh;
        }
        .environment-top-overlay {
            display: flex;
            width: 100%;
        }

        .fixed-image {
            width: 100%;
            height: auto;
        }

        .environment-bg__title-sp-jp2 {
            font-family: var(--font-syne);
            font-size: calc(40 * 100vw / 375);
            font-weight: 800;
            color: var(--main-color);
            writing-mode: vertical-rl;
            background: var(--black-color);
            padding: clamp(0px, calc(8 * 100vw / 375), 8px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(2 * 100vw / 375), 8px)
                clamp(0px, calc(2 * 100vw / 375), 12px);
            box-sizing: border-box;
        }

        .content-section__wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            z-index: 2;
        }
        .bg-transparent-a {
            position: relative;
            width: 100%;
            height: calc(100 * 100vw / 375);
        }
        .environment-bg__title-sp-jp:nth-child(1) {
        }
        .environment-bg__title-sp-jp:nth-child(2) {
            width: clamp(0px, calc(200 * 100vw / 375), 200px);
        }
        .environment-bg_title-sp-jp:nth-child(3) {
            width: clamp(0px, calc(257 * 100vw / 375), 257px);
        }
        .environment-bg_title-en {
            font-family: var(--font-syne);
            font-weight: 800;
            font-size: clamp(0px, calc(32 * 100vw / 375), 32px);
            color: var(--main-color);
            background-color: var(--black-color);
            padding-right: clamp(0px, calc(20 * 100vw / 375), 20px);
        }

        .memmber-join .step-card {
            transition: opacity 0.6s, transform 0.6s;
            padding-top: calc(60 * 100vw / 375);
            opacity: 1;
            height: fit-content;
        }
        .contact-btn {
        width: calc(50 * 100vw / 375);
        height: calc(300 * 100vw / 375);
        background: url("../img/contact-btn-bg-sp.png");
        background-size: contain;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: calc(10 * 100vw / 375) calc(6.5 * 100vw / 375);
    }
        .memmber-join .step-card.animate {
            animation: fadeIn 1s ease-in-out forwards;
        }
        .memmber-join .header-block {
            display: none;
        }
        .memmber-join .step-card .content-block {
            margin-top: 8vw;
            border-top: 0.5416vw solid var(--black-color);
            border-left: 0.5416vw solid var(--black-color);
            padding: clamp(0px, calc(44 * 100vw / 375), 44px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
            box-sizing: border-box;
        }
        .memmber-join .step-card .content-block .description {
            margin-top: 0.8333vw;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 500;
            font-size: 4.26666vw;
            line-height: 150%;
            color: rgb(57, 105, 28);
            position: relative;
        }
        .memmber-join .step-card .content-block .title {
            font-family: var(--font-noto-serif-jp);
            font-style: normal;
            width: calc(192 * 100vw / 375);
            font-weight: 700;
            font-size: calc(32 * 100vw / 375);
            line-height: 120%;
            margin: 0px;
            color: var(--black-color);
            margin-bottom: calc(10 * 100vw / 375);
            opacity: 0;
            transform: translateY(-10px);
        }
        .memmber-join .step-card .content-block .title3 {
            font-family: var(--font-noto-serif-jp);
            font-style: normal;
            width: calc(280 * 100vw / 375);
            font-weight: 700;
            font-size: calc(28 * 100vw / 375);
            line-height: 120%;
            margin: 0px;
            color: var(--black-color);
            margin-bottom: calc(10 * 100vw / 375);
            opacity: 0;
            transform: translateY(-10px);
            white-space: unset;
        }

        .introduce__col {
            gap: calc(20 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
        }
        .introduce__col {
            gap: calc(20 * 100vw / 375);
            padding: calc(30 * 100vw / 375);
        }
        .introduce__title-heading {
            font-size: calc(52 * 100vw / 375);
        }
        .introduce__title-subheading {
            font-size: calc(18 * 100vw / 375);
        }
        .introduce {
            display: flex;
            flex-direction: column;
            gap: calc(15 * 100vw / 375);
            height: unset;
        }
        .introduce-item {
            min-height: calc(325 * 100vw / 375);
        }
        .introduce-item__title-col {
            top: calc(10 * 100vw / 375);
            gap: calc(4 * 100vw / 375);
            font-size: calc(33 * 100vw / 375);
            width: calc(45 * 100vw / 375);
        }
        .introduce-item__title-flip {
            padding-left: 0;
        }

        .introduce-item__title-flip--highlight {
            font-size: calc(44 * 100vw / 375);
            padding-left: 0;
        }
        .special-group .introduce-item__title-flip.special-line {
            position: absolute;
            top: 22.2133vw;
            right: 14.1333vw;
        }
        .introduce-item__job-row {
            gap: calc(24 * 100vw / 375);
            font-size: clamp(16px, calc(22 * 100vw / 375), 99px);
        }
        .introduce-item__icon-wrapper {
            width: calc(66 * 100vw / 375);
        }
        .introduce-item__icon {
            width: calc(32 * 100vw / 375);
            height: calc(32 * 100vw / 375);
        }
        .introduce-item:nth-child(3) .introduce-item__title-col {
            gap: 1px;
        }

        .benefits-container {
            position: relative;
            grid-template-columns: 1fr;
            gap: calc(8 * 100vw / 375);
            grid-template-rows: repeat(5, 1fr);
            padding: clamp(0px, calc(208 * 100vw / 375), 208px)
                clamp(0px, calc(30 * 100vw / 375), 30px)
                clamp(0px, calc(100 * 100vw / 375), 100px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
			padding-top: 0;
        }
        .benefit-content {
            position: relative;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            text-align: center;
            height: 100%;
        }
        .benefit-title {
            font-size: calc(24 * 100vw / 375);
            width: calc(192 * 100vw / 375);
            line-height: 150%;
        }
        .benefit-icon {
            width: calc(60 * 100vw / 375);
            height: calc(60 * 100vw / 375);
        }
        .benefit-icon1 {
            position: absolute;
            width: calc(60 * 100vw / 375);
            height: calc(40 * 100vw / 375);
            padding-left: calc(227 * 100vw / 375);
            padding-bottom: calc(30 * 100vw / 375);
        }
        .benefit-icon1 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .benefit-subtitle {
            font-size: calc(18 * 100vw / 375);
            width: calc(288 * 100vw / 375);
            padding-bottom: calc(21 * 100vw / 375);
        }
        .benefit-text {
            position: relative;
            text-align: left;
            justify-content: left;

            padding: clamp(0px, calc(10 * 100vw / 375), 208px)
                clamp(0px, calc(3 * 100vw / 375), 3px)
                clamp(0px, calc(3 * 100vw / 375), 3px)
                clamp(0px, calc(10 * 100vw / 375), 10px);
        }

    .about-health-section{
        position: relative;
        padding-top: calc(30 * 100vw / 375);
       

    }
    .women-section{
         position: relative;
         padding-top: calc(10*100vw/375);
          margin-top: calc(-50 * 100vw / 375);
    }
    .sustainability-section{
        position: relative;
        padding-top: calc(10*100vw/375);
        margin-top: calc(-50 * 100vw / 375);
    }
    .workandlife-section{
        position: relative;
        padding-top: calc(10*100vw/375);
        margin-top: calc(-100 * 100vw / 375);
    }
    .employee-benefits-section{
        position: relative;
        padding-top: calc(10*100vw/375);
        margin-top: calc(-50 * 100vw / 375);
    }

        .information-wrapper {
            position: relative;
            padding-top: calc(30 * 100vw / 375);
            height: 100%;
            padding-bottom: calc(10 * 100vw / 375);
        }

        .information__wrapper-col {
            position: relative;
            display: block;
            width: calc(315 * 100vw / 375);
            height: 100%;
            padding: clamp(0px, calc(0 * 100vw / 375), 209px)
                clamp(0px, calc(30 * 100vw / 375), 30px)
                clamp(0px, calc(50 * 100vw / 375), 50px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
        }
        .information-join-text__title-pc-jp {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            width: clamp(0px, calc(291 * 100vw / 375), 315px);
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
        .information-join-text {
            position: relative;
            top: 0;
            left: 0;
            text-align: center;
            width: calc(315 * 100vw / 375);
            padding-bottom: calc(5 * 100vw / 375);
            height: calc(62 * 100vw / 375);
        }
        .information__title-pc-overlay {
            position: relative;
            z-index: 2;
            padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
                clamp(0px, calc(1115 * 100vw / 1920), 1115px)
                clamp(0px, calc(0 * 100vw / 1920), 0px)
                clamp(0px, calc(80 * 100vw / 1920), 80px);
        }

        .information__wrapper-col-title-img {
            position: relative;
            width: calc(315 * 100vw / 375);
            height: calc(233 * 100vw / 375);
        }
        .information__wrapper-col-title-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .information__wrapper-col-title {
            display: block;
            gap: calc(28 * 100vw / 1920);
        }

        .information__wrapper-col-title-left {
            position: relative;
            height: 100%;
			padding-bottom: calc(10 * 100vw / 375);
			
        }
        .information__wrapper-col-title-right {
            position: relative;
            width: calc(315 * 100vw / 375);
        }

        .information__wrapper__title-pc-overlay {
            position: absolute;
            bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
            left: calc(79 * 100vw / 1920);
            flex-direction: column;
            align-items: flex-start;
        }

        .information__wrapper-col-title-left-number {
            position: relative;
            font-family: var(--font-syne);
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: 0.9px var(--black-color);
            color: transparent;
        }
        .information__wrapper-col-title-left-number span {
            display: block;
            position: relative;
            transform: rotate(0deg); /* xoay 45 độ theo chiều kim đồng hồ */
        }

        .information__wrapper-col-title-right-text-1 {
            position: relative;
            font-family: var(--font-noto-sans-jp);
            font-size: calc(32 * 100vw / 375);
            color: var(--black-color);
            font-weight: 700;
            line-height: 120%;
        }
        .information__wrapper-col-title-right-text-2 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }
        .information__wrapper-col-title-right-text-3 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }

        .women-information-wrapper {
            position: relative;
            padding-top: calc(24 * 100vw / 375);
            height: 100%;
        }

        .women-information__wrapper-col {
            position: relative;
            display: block;
            width: calc(315 * 100vw / 375);
            height: 100%;
            padding: clamp(0px, calc(0 * 100vw / 375), 209px)
                clamp(0px, calc(30 * 100vw / 375), 30px)
                clamp(0px, calc(50 * 100vw / 375), 50px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
        }
        .women-information-join-text__title-pc-jp {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            width: clamp(0px, calc(291 * 100vw / 375), 315px);
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
        .women-information-join-text {
            position: relative;
            top: 0;
            left: 0;
            text-align: center;
            width: calc(315 * 100vw / 375);
            padding-bottom: calc(5 * 100vw / 375);
            height: calc(62 * 100vw / 375);
        }
        .women-information__title-pc-overlay {
            position: relative;
            z-index: 2;
            padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
                clamp(0px, calc(1115 * 100vw / 1920), 1115px)
                clamp(0px, calc(0 * 100vw / 1920), 0px)
                clamp(0px, calc(80 * 100vw / 1920), 80px);
        }

        .women-information__wrapper-col-title-img {
            position: relative;
            width: calc(315 * 100vw / 375);
            height: calc(233 * 100vw / 375);
        }
        .women-information__wrapper-col-title-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .women-information__wrapper-col-title {
            display: block;
            gap: calc(28 * 100vw / 1920);
        }

        .women-information__wrapper-col-title-left {
            position: relative;
            height: 100%;
			padding-bottom: calc(10 * 100vw / 375);
        }
        .women-information__wrapper-col-title-right {
            position: relative;
            width: calc(315 * 100vw / 375);
        }

        .women-information__wrapper__title-pc-overlay {
            position: absolute;
            bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
            left: calc(79 * 100vw / 1920);
            flex-direction: column;
            align-items: flex-start;
        }

        .women-information__wrapper-col-title-left-number {
            position: relative;
            font-family: var(--font-syne);
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: 0.9px var(--black-color);
            color: transparent;
        }
        .women-information__wrapper-col-title-left-number span {
            display: block;
            position: relative;
            transform: rotate(0deg); /* xoay 45 độ theo chiều kim đồng hồ */
        }

        .women-information__wrapper-col-title-right-text-1 {
            position: relative;
            font-family: var(--font-noto-sans-jp);
            font-size: calc(32 * 100vw / 375);
            color: var(--black-color);
            font-weight: 700;
            line-height: 150%;
            padding-top: calc(15 * 100vw / 375);
            padding-bottom: calc(10 * 100vw / 375);
        }
        .women-information__wrapper-col-title-right-text-2 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }
        .women-information__wrapper-col-title-right-text-3 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }

        .sustainability-information-wrapper {
            position: relative;
            padding-top: calc(30 * 100vw / 375);
            height: 100%;
        }

        .sustainability-information__wrapper-col {
            position: relative;
            display: block;
            width: calc(315 * 100vw / 375);
            height: 100%;
            padding: clamp(0px, calc(0 * 100vw / 375), 209px)
                clamp(0px, calc(30 * 100vw / 375), 30px)
                clamp(0px, calc(50 * 100vw / 375), 50px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
        }
        .sustainability-information-join-text__title-pc-jp {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            width: clamp(0px, calc(291 * 100vw / 375), 315px);
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
        .sustainability-information-join-text__title-pc-jp1 {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            width: clamp(0px, calc(291 * 100vw / 375), 315px);
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
        .sustainability-information-join-text {
            position: relative;
            top: 0;
            left: 0;
            text-align: center;
            width: calc(315 * 100vw / 375);
            padding-bottom: calc(5 * 100vw / 375);
            height: calc(62 * 100vw / 375);
			z-index:5;
        }
        .sustainability-information__title-pc-overlay {
            position: relative;
            z-index: 2;
            padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
                clamp(0px, calc(1115 * 100vw / 1920), 1115px)
                clamp(0px, calc(0 * 100vw / 1920), 0px)
                clamp(0px, calc(80 * 100vw / 1920), 80px);
        }

        .sustainability-information__wrapper-col-title-img {
            position: relative;
            width: calc(315 * 100vw / 375);
            height: calc(233 * 100vw / 375);
        }
        .sustainability-information__wrapper-col-title-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sustainability-information__wrapper-col-title {
            display: block;
            gap: calc(28 * 100vw / 1920);
        }

        .sustainability-information__wrapper-col-title-left {
            position: relative;
            height: 100%;
        }
        .sustainability-information__wrapper-col-title-right {
            position: relative;
            width: calc(315 * 100vw / 375);
        }

        .sustainability-information__wrapper__title-pc-overlay {
            position: absolute;
            bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
            left: calc(79 * 100vw / 1920);
            flex-direction: column;
            align-items: flex-start;
        }

        .sustainability-information__wrapper-col-title-left-number {
            position: relative;
            font-family: var(--font-syne);
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: 0.9px var(--black-color);
            color: transparent;
        }
        .sustainability-information__wrapper-col-title-left-number span {
            display: block;
            position: relative;
            transform: rotate(0deg); /* xoay 45 độ theo chiều kim đồng hồ */
        }

        .sustainability-information__wrapper-col-title-right-text-1 {
            position: relative;
            font-family: var(--font-noto-sans-jp);
            font-size: calc(32 * 100vw / 375);
            color: var(--black-color);
            font-weight: 700;
            line-height: 120%;
        }
        .sustainability-information__wrapper-col-title-right-text-2 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }
        .sustainability-information__wrapper-col-title-right-text-3 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }

        .workandlife-information-wrapper {
            position: relative;
            padding-top: calc(30 * 100vw / 375);
            height: 100%;
        }

        .workandlife-information__wrapper-col {
            position: relative;
            display: block;
            width: calc(315 * 100vw / 375);
            height: 100%;
            padding: clamp(0px, calc(0 * 100vw / 375), 209px)
                clamp(0px, calc(30 * 100vw / 375), 30px)
                clamp(0px, calc(50 * 100vw / 375), 50px)
                clamp(0px, calc(30 * 100vw / 375), 30px);
        }
        .workandlife-information-join-text__title-pc-jp {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            width: 100%;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
       .workandlife-information-join-text__title-pc-jp1 {
            font-family: var(--font-noto-sans-jp);
            font-size: clamp(0px, calc(16 * 100vw / 375), 16px);
            font-weight: 500;
            line-height:calc(24 * 100vw / 375);
            width: clamp(0px, calc(291 * 100vw / 375), 315px);
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px)
                clamp(0px, calc(19 * 100vw / 375), 19px)
                clamp(0px, calc(12 * 100vw / 375), 12px);
        }
        .workandlife-information-join-text {
            position: relative;
            top: 0;
            left: 0;
            text-align: center;
            width: calc(315 * 100vw / 375);
            padding-bottom: calc(5 * 100vw / 375);
            height: calc(62 * 100vw / 375);
        }
        .workandlife-information__title-pc-overlay {
            position: relative;
            z-index: 2;
            padding: clamp(0px, calc(206 * 100vw / 1920), 206px)
                clamp(0px, calc(1115 * 100vw / 1920), 1115px)
                clamp(0px, calc(0 * 100vw / 1920), 0px)
                clamp(0px, calc(80 * 100vw / 1920), 80px);
        }

        .workandlife-information__wrapper-col-title-img {
            position: relative;
            width: calc(315 * 100vw / 375);
            height: calc(233 * 100vw / 375);
        }
        .workandlife-information__wrapper-col-title-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .workandlife-information__wrapper-col-title {
            display: block;
            gap: calc(28 * 100vw / 1920);
        }

        .workandlife-information__wrapper-col-title-left {
            position: relative;
            height: 100%;
        }
        .workandlife-information__wrapper-col-title-right {
            position: relative;
            width: calc(315 * 100vw / 375);
        }

        .workandlife-information__wrapper__title-pc-overlay {
            position: absolute;
            bottom: clamp(0px, calc(161 * 100vw / 1920), 161px);
            left: calc(79 * 100vw / 1920);
            flex-direction: column;
            align-items: flex-start;
        }

        .workandlife-information__wrapper-col-title-left-number {
            position: relative;
            font-family: var(--font-syne);
            font-size: calc(56 * 100vw / 375);
            -webkit-text-stroke: 0.9px var(--black-color);
            color: transparent;
        }
        .workandlife-information__wrapper-col-title-left-number span {
            display: block;
            position: relative;
            transform: rotate(0deg); /* xoay 45 độ theo chiều kim đồng hồ */
        }

        .workandlife-information__wrapper-col-title-right-text-1 {
            position: relative;
            font-family: var(--font-noto-sans-jp);
            font-size: calc(32 * 100vw / 375);
            color: var(--black-color);
            font-weight: 700;
            line-height: 120%;

        }
        .workandlife-information__wrapper-col-title-right-text-2 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }
        .workandlife-information__wrapper-col-title-right-text-3 {
            position: relative;
            width: calc(315 * 100vw / 375);
            font-family: var(--font-noto-sans-jp);
            font-size: calc(18 * 100vw / 375);
            color: var(--black-color);
            padding-bottom: calc(10 * 100vw / 375);
            line-height: 2;
            font-style: normal;
            font-weight: 500;
        }


        .about-health {
            padding-top: calc(100 * 100vw / 375);
            padding-bottom: calc(0 * 100vw / 375);
        }

        .about-health__title-sp-overlay {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: start;
            z-index: 1;
        }
        .about-health__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(36 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2vw;
            padding-bottom: 3vw;
        }
        .about-health__title-pc-jp2 {
            font-family: var(--font-noto-sans-jp);
            width: calc(295 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            font-style: normal;
            font-weight: 500;
            background-color: var(--black-color);
            line-height: 200%;
			padding: 2vw;
        }
        .women__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(36 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(9 * 100vw / 1920), 9px)
                clamp(0px, calc(20 * 100vw / 1920), 20px)
                clamp(0px, calc(9 * 100vw / 1920), 9px)
                clamp(0px, calc(12 * 100vw / 1920), 12px);
        }
        .women__title-pc-jp2 {
            font-family: var(--font-noto-sans-jp);
            width: calc(295 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            font-style: normal;
            font-weight: 500;
            background-color: var(--black-color);
            line-height: 200%;
        }
        .sustainability__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(36 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2vw;
            padding-bottom: 3vw;
        }
        .sustainability__title-pc-jp2 {
            font-family: var(--font-noto-sans-jp);
            width: calc(315 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            background-color: var(--black-color);
            line-height: 2;
			padding: 2vw;
			box-sizing: border-box;
        }
        .workandlife__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(36 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2vw;
            padding-bottom: 3vw;
        }
        .workandlife__title-pc-jp2 {
            font-family: var(--font-noto-sans-jp);
            width: calc(315 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            background-color: var(--black-color);
            line-height: 2;
        }
        .employee-benefits__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(36 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2vw;
            padding-bottom: 3vw;
        }
        .employee-benefits_title-pc-jp2 {
            font-family: var(--font-noto-sans-jp);
            width: calc(315 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            background-color: var(--black-color);
            line-height: 2;
        }
        .about-health__title-pc-jp3 {
            font-family: var(--font-noto-sans-jp);
            width: calc(315 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            color: var(--white-color);
            background-color: var(--black-color);
            line-height: 2;
        }
        .about-health__title-pc-overlay {
            position: absolute;
            top: 64vw;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 2;
            bottom: unset;
            left: unset;
            padding: 0 calc(30 * 100vw / 375);
            margin-top: calc(50 * 100vw / 375);
            margin-bottom: 0;
        }
        .women__title-pc-overlay {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 2;
            bottom: unset;
            left: unset;
            padding: 0 calc(30 * 100vw / 375);
            margin-top: calc(-508 * 100vw / 375);
            margin-bottom: calc(200 * 100vw / 375);
        }
        .sustainability__title-pc-overlay {
            position: absolute;
            top: 175vw;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 2;
            bottom: unset;
            left: unset;
            padding: 0 calc(30 * 100vw / 375);
            margin-top: calc(-308 * 100vw / 375);
            margin-bottom: calc(200 * 100vw / 375);
        }
        .workandlife__title-pc-overlay {
            position: absolute;
            top: 180vw;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 2;
            bottom: unset;
            left: unset;
            padding: 0 calc(30 * 100vw / 375);
            margin-top: calc(-280 * 100vw / 375);
            margin-bottom: calc(200 * 100vw / 375);
        }
        .employee-benefits__title-pc-overlay {
            position: absolute;
            top: 175vw;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 2;
            bottom: unset;
            left: unset;
            padding: 0 calc(30 * 100vw / 375);
            margin-top: calc(-250 * 100vw / 375);
            margin-bottom: calc(200 * 100vw / 375);
        }
        .about-health__bg {
            /* position: sticky; */
            width: 100%;
            top: calc(100 * 100vw / 375);
            height: calc(375 * 100vw / 375);
            overflow: hidden;
            z-index: 0;
			padding-bottom: 25vw;
        }
        .women__bg {
            /* position: sticky; */
            width: 100%;
            top: calc(100 * 100vw / 375);
            height: calc(470 * 100vw / 375);
            overflow: hidden;
            z-index: 0;
			padding-bottom: 50vw;
        }
        .sustainability__bg {
            /* position: sticky; */
            width: 100%;
            top: calc(100 * 100vw / 375);
            height: calc(470 * 100vw / 375);
            overflow: hidden;
            z-index: 0;
			padding-bottom: 10vw;
        }
        .workandlife__bg {
            /* position: sticky; */
            width: 100%;
            top: calc(100 * 100vw / 375);
            height: calc(375 * 100vw / 375);
            overflow: hidden;
            z-index: 0;
			padding-bottom: 23vw;
        }
        .employee-benefits__bg {
            /* position: sticky; */
            width: 100%;
            top: calc(100 * 100vw / 375);
            height: calc(375 * 100vw / 375);
            overflow: hidden;
            z-index: 0;
			padding-bottom: 40vw;
        }
        .about-health__bg-img {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url("../img/environment/bg-sp1.webp");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .women__bg-img {
            position: sticky;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url("../img/environment/bg-sp2.webp");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .sustainability__bg-img {
            position: sticky;

            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url("../img/environment/bg-sp3.webp");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .workandlife__bg-img {
            position: sticky;

            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url("../img/environment/bg-sp4.webp");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .employee-benefits__bg-img {
            position: sticky;

            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url("../img/environment/bg-sp5.webp");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .bg-transparent {
            position: relative;
            width: 100%;
            height: calc(200 * 100vw / 375);
            z-index: 3;
            opacity: 0.4;
			background: #c8a123;
        }
        .memmber-join {
            position: relative;
            height: calc(1400 * 100vw / 375);
            max-height: calc(1400 * 100vw / 375);
            padding: clamp(0px, calc(133 * 100vw / 375), 0px)
                clamp(0px, calc(35 * 100vw / 375), 253px)
                clamp(0px, calc(4 * 100vw / 375), 9px)
                clamp(0px, calc(30 * 100vw / 375), 80px);
            z-index: 2;
        }
        .member-join-text {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin-top: calc(20 * 100vw / 375);
            z-index: 2;
        }
        .member-join-text__title-sp-overlay {
            position: relative;
            height: calc(104 * 100vw / 375);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-left: calc(30 * 100vw / 375);
            padding-top: calc(30 * 100vw / 375);
            padding-bottom: calc(30 * 100vw / 375);
            gap: 1px;
            z-index: 2;
        }
        .member-join-text__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            width: 100%;
            font-size: clamp(0px, calc(36 * 100vw / 375), 36px);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2.13333vw;
			line-height: 100%;
        }
        .member-join-text__title-pc-jp2 {
            position: absolute;
            font-family: var(--font-noto-serif-jp);
            font-size: clamp(0px, calc(36 * 100vw / 375), 36px);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: 2.13333vw;
        }
        .memmber-join .step-group {
            display: block;
        }
        .memmber-join .step-container {
            width: calc(315 * 100vw / 375);
            height: fit-content;
        }
        .memmber-join .step-container .container-1 {
            height: calc(290 * 100vw / 375);
        }
        .memmber-join .step-container .container-2 {
            height: calc(296 * 100vw / 375);
        }
        .memmber-join .step-container .container-3 {
            height: calc(330 * 100vw / 375);
        }
        .memmber-join .step-card .content-block .description {
            margin-top: 0.8333vw;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 500;
            font-size: calc(18 * 100vw / 375);
            line-height: 150%;
            width: calc(200 * 100vw / 375);

            color: var(--black-color);
        }
        .memmber-join .step-card .content-block .description1 {
            margin-top: 0.8333vw;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 500;
            font-size: calc(18 * 100vw / 375);
            line-height: 150%;
            width: calc(200 * 100vw / 375);
            color: var(--black-color);
        }
        .memmber-join .step-card .content-block .description2 {
            margin-top: 0.8333vw;
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 500;
            font-size: calc(18 * 100vw / 375);
            line-height: 150%;
            width: calc(200 * 100vw / 375);
            color: var(--black-color);
        }
        .step-card-img-01 {
            position: absolute;
            bottom: calc(-21 * 100vw / 375);
            left: calc(230 * 100vw / 375);
            top: unset;
        }

        .step-card-img-01 img {
            height: calc(260 * 100vw / 375);
            width: calc(85 * 100vw / 375);
            object-fit: contain;
        }

        .step-card-img-02 {
            position: absolute;
            bottom: calc(-24 * 100vw / 375);
            left: calc(173 * 100vw / 375);
            top: unset;
        }

        .step-card-img-02 img {
            height: calc(248 * 100vw / 375);
            width: calc(142 * 100vw / 375);
            object-fit: contain;
        }

        .step-card-img-03 {
            position: absolute;
            bottom: calc(-10 * 100vw / 375);
            left: calc(216 * 100vw / 375);
            top: unset;
        }

        .step-card-img-03 img {
            height: calc(174 * 100vw / 375);
            width: calc(111 * 100vw / 375);
            object-fit: contain;
        }
        .memmber-join .header-block {
            display: block;
        }
        .environment-bg__bg-img {
            height: calc(261 * 100vw / 375);
            width: calc(375 * 100vw / 375);
        }
        .environment-bg__bg-img img {
            height: calc(261 * 100vw / 375);
            width: calc(375 * 100vw / 375);
            object-fit: cover;
        }
        .benefit-item {
            background-color: rgba(11, 11, 11, 0.8);
            color: white;
            height: calc(90 * 100vw / 375);
            border-radius: 0%;
            width: calc(315 * 100vw / 375);
        }
        .benefit-item.benefit-item:nth-child(6){
            background-color: rgba(11, 11, 11, 0.8);
            color: white;
            height: calc(135 * 100vw / 375);
            border-radius: 0%;
            width: calc(315 * 100vw / 375);
        }
        .content-section-sidebar {
            top: calc(100 * 100vw / 375);
            margin-top: calc(403 * 100vw / 375);
            gap: calc(36 * 100vw / 375);
        }
        .content-section-sidebar__button {
            gap: calc(12 * 100vw / 375);
            padding-top: calc(12 * 100vw / 375);
            padding-bottom: calc(8 * 100vw / 375);
            padding-left: calc(13 * 100vw / 375);
            padding-right: calc(13 * 100vw / 375);
            font-size: clamp(16px, calc(20 * 100vw / 375), 99px);
        }
        .content-section-sidebar__button-icon {
            width: calc(23 * 100vw / 375);
        }
        .content-section-sidebar__list {
            gap: calc(8 * 100vw / 375);
        }
        .content-section-sidebar__list-item {
            display: block;
            gap: 0;
            padding: calc(10 * 100vw / 375);
            font-size: clamp(16px, calc(22 * 100vw / 375), 99px);
        }
        .content-section-sidebar__list-item span {
            margin-inline-end: calc(5 * 100vw / 375);
        }
        .content-section {
            margin-top: 0;
            gap: 0;
        }
        .section-text-up__text.slow{
        animation-delay: 0s;   
    }
        #be1.benefit-item.animate {
        animation-delay: 0s;
    }

    #be1 .section-text-up__text.animate,
    #be2.benefit-item.animate,
    #be2 .section-text-up__text.animate,
    #be3.benefit-item.animate,
     #be3 .section-text-up__text.animate,
      #be4.benefit-item.animate,
      #be4 .section-text-up__text.animate,
      #be5.benefit-item.animate,
       #be5 .section-text-up__text.animate,
       #be6.benefit-item.animate,
       #be6 .section-text-up__text.animate{
        animation-delay: 0.1s;
    }


    }
}
/* end Environment Page */
/* CSS Contact form  */
#contact{
    .top-kv{
        margin-bottom: 8.33333vw;
        position: relative;
        left: 4.16666vw;
		width: 92vw;
    }
    .top-kv__title-pc-overlay {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
	.top-kv__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(20 * 100vw / 1920), 20px) clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(12 * 100vw / 1920), 12px);
    }
    .top-kv__title-pc-en {
        display: flex;
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--main-color);
        background-color: var(--black-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }
}

.contact-form-section {
    min-height: fit-content;
    padding: 20.30416vw 0 6.7708333vw;
    position: relative;
}

.contact-form-section.finish-form{
    padding: 9.30416vw 0;
}


.contact-form-container {
    width: 62.5vw;
    height: fit-content;
    display: flex;
    row-gap: 7.8125vw;
    flex-direction: column;
    margin: auto;
	align-items: center;
}

.contact-form-container .description-row{
	overflow: hidden;
}

.contact-form-section .contact-form-container .description-row p {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 400;
    font-size: 1.09375vw;
    line-height: 2.0833vw;
    
    color: #ffffff;
}

.phone-information {
    display: flex;
    gap: 1vw;
	transform: translateY(200%);
}

.phone-information h2 {
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 500;
    font-size: 1.61458vw;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0;
}

.contact-form-section .contact-form-container .information-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.6041vw 0;
    gap: 2.604166vw;
    width: 26.875vw;
    height: 10.3125vw;
    border: 2px solid #FFFFFF;
    border-radius: 1.5625vw;
    margin: 0 auto;
    box-sizing: border-box;
	opacity: 0;
    transform: translate(0, 50px);
    transition: 1.5s cubic-bezier(0.08, 0.92, 0.35, 1);
}

.contact-form-section .contact-form-container .information-box.section-animate-pc.animate,
.description-row.section-animate-pc.animate .section-text-up__text{
    opacity: 1;
    transform: translate(0, 0);
}

.contact-form-section .contact-form-container .information-box span {
	font-family: var(--font-noto-sans-jp);
	font-style: normal;
	font-weight: 400;
	font-size: 0.83333vw;
	line-height: 100%;
	color: #FFFFFF;
}

.time-information {
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 350;
    font-size: 0.8333vw;
    line-height: 100%;
    
    color: #FFFFFF;
	transform: translateY(200%);
}

.forminator-field {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    justify-content: space-between;
    padding: 0px!important;
    width: 46.875vw;
    margin: 0 auto!important;
}

.forminator-field .forminator-textarea{
    height: 10.41666vw;
}

.forminator-field input,
.forminator-field textarea {
    padding: 0.7291vw 1.0416vw;
    background-color: #F2F2F2;
    border: 1px solid #C4C3C3;
    font-size: 0.99vw !important;
    line-height: 1.35416vw;
    flex: 1;
    max-width: 26.0416vw !important;
    width: 26.0416vw !important;
    min-height: 3.6458vw !important;
    border-radius: 10px !important;
    font-family: var(--font-noto-sans-jp) !important;
}

.forminator-checkbox-label {
    margin-left: 1.5625vw !important;
	margin-top: 0.5vw;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 500;
    font-size: 1.09375vw;
    line-height: 100%;
    /* or 21px */
    color: #FFFFFF;
}

.forminator-field .zipcode-input-wrapper input {
    padding: 0.7291vw 1.0416vw;
    background-color: #F2F2F2;
    border: 1px solid #C4C3C3;
    font-size: 0.99vw !important;
    line-height: 1.35416vw;
    flex: 1;
    max-width: 10.4166vw !important;
    width: 10.4166vw !important;
    font-family: var(--font-noto-sans-jp) !important;
}

.forminator-label {
    display: flex !important;
    flex-direction: row;
    justify-content: unset;
    white-space: nowrap;
    width: 13.020vw;
    gap: 0.5641vw;
}

.forminator-field-textarea .forminator-label {
    align-items: flex-start;
}

.forminator-error-message {
    width: 100%;
    text-align: left;
    order: 2;
}

.forminator-label .forminator-required,
.forminator-required {
    color: #F3F8FB !important;
    background-color: #9F0F0C;
    padding: 0 0.5208vw;
	display: flex!important;
    align-items: center;
    border-radius: 0.260416vw;
    min-height: 1.9791vw;
    font-size: 0.99vw !important;
    content: "å¿…é ˆ" !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    margin-left: 1vw;
    height: fit-content;
    font-family: var(--font-noto-sans-jp) !important;
}

.forminator-field .input-wrapper {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 192px;
}

.forminator-row .hr {
    border-top: 1px solid #DEDEDE;
    margin: 0;
    padding: 0 !important;
}

.forminator-row .hr-big {
    border-top: 4px solid #BBC8D5;
    margin: 0;
    padding: 0 !important;
}

.forminator-pagination-steps {
    width: 100% !important;
    height: 5.50833vw !important;
}

.forminator-pagination-steps,
.forminator-pagination-steps-view {
    align-items: flex-start !important;
    width: 100% !important;
    display: flex !important;
    margin: 0 0 7.8125vw !important;
    gap: 0vw;
}

.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
    width: 19.6875vw !important;
}

.forminator-step {
    flex-direction: column-reverse !important;
    width: 30%;
    height: 5.20833vw !important;
}

.forminator-step-dot {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 100%;
    color: #FFFFFF;
    border-radius: 0 !important;
    border: 1px solid #000000;
    border-color: #000000 !important;
    color: #FFFFFF;
    background-color: unset !important;
    width: 19.791vw !important;
    min-height: 5.20833vw !important;
    padding: 1.8vw !important;
    letter-spacing: 1.32px;
}

.forminator-current .forminator-step-dot {
    border: none !important;
    color: #fff;
}

.forminator-break {
    display: none !important;
}

.forminator-pagination-steps .forminator-step-label {
    display: none !important;
}

.forminator-current.forminator-step-0 .forminator-step-dot {
    border: none !important;
    color: #000000;
    text-align: center;
    background-color: transparent !important;
    background-image: url("../img/contact/PC_ACTIVE_1.png");
    background-size: 100% 100%;
}

.forminator-current.forminator-step-1 .forminator-step-dot {
    border: none !important;
    color: #000000;
    text-align: center;
    background-image: url("../img/contact/PC_ACTIVE_2.png");
    background-size: 100% 100%;
}

.forminator-current.forminator-step-2 .forminator-step-dot {
    border: none !important;
    color: #000000;
    text-align: center;
    background-image: url("../img/contact/PC_ACTIVE_3.png");
    background-size: 100% 100%;
}

.forminator-step-0 .forminator-step-dot {
    border: none !important;
	color: #000000;
    text-align: center;
    background-color: transparent !important;
    background-image: url("../img/contact/PC_NORMAL_1.png");
    background-size: 100% 100%;
	padding-top: 2vw!important;
}

.forminator-step-1 .forminator-step-dot {
    border: none !important;
	color: #000000;
    text-align: center;
    background-image: url("../img/contact/PC_NORMAL_2.png");
    background-size: 100% 100%;
	padding-top: 2vw!important;
}

.forminator-step-2 .forminator-step-dot {
    border: none !important;
	color: #000000;
    text-align: center;
    background-image: url("../img/contact/PC_NORMAL_3.png");
    background-size: 100% 100%;
	padding-top: 2vw!important;
}

.forminator-step-label {
    width: 114px !important;
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
}

.forminator-current .forminator-step-label {
    display: none !important;
}

.forminator-row .forminator-field-address .forminator-row{
    margin-top: 0!important;
}

.forminator-row {
    margin-top: 2.60416vw !important;
    margin-bottom: 0!important;
}

.forminator-row .form-zipcode{
    height: 6vw;
}

.form-input-both-line {
    padding: 30px 0px !important;
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
}

.form-input-bottom-line {
    padding-bottom: 2.60416vw !important;
    border-bottom: 1px solid #9BAEC9;
}

.form-input-no-line {
    padding: 0 !important;
    border-bottom: none !important;
}

.input-480 input {
    flex: 0 1 26.04166vw;
}

.input-640 input {
    flex: 0 1 640px;
}

.iti--show-flags {
    display: flex !important;
}

.iti__country-container {
    display: none;
}

.input-140 input {
    flex: 0 1 140px;
}

.survey {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-heading {
    padding: 9px 15px !important;
    background-color: #E5EFF5;
    margin-top: 70px;
    margin-bottom: 20px;
}

.form-heading .inquiry-title {
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
}

.form-subheading {
    padding: 0 !important;
}

.form-subheading p {
    font-size: 15px;
    line-height: 30px;
}

.survey .forminator-label {
    width: 210px;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet:before {
    width: 15px!important;
    height: 15px!important;
}

.forminator-required{
    margin-top: 0.3vw;
}

/* 
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline):first-of-type {
    margin-top: 0 !important;
}

#forminator-field-radio-1-label-1 {
    align-items: end !important;
    margin-top: 0 !important;
}
*/
.survey #forminator-field-radio-1-label-5 {
    margin-left: 230px;
    margin-top: 0px;
}

.form-textarea .forminator-textarea {
    flex: 0 1 650px;
}

.form-textarea:not(.no-ml) .forminator-textarea {
    margin-top: 20px !important;
    margin-left: 245px !important;
}

.mt--40 {
    margin-top: -40px;
}

.forminator-col:not(.survey):not(.form-textarea) .forminator-error-message {
    background-color: unset !important;
    font-size: 0.83333vw !important;
    padding: 0 !important;
}

.survey .forminator-error-message {
    background-color: unset !important;
    margin-left: 250px !important;
}

.forminator-error-message.email-error {
    display: flex !important;
}

.forminator-error-message.katakana-error-message {
    display: flex !important;
}

.form-textarea .forminator-error-message {
    background-color: unset !important;
    margin-left: 230px !important;
}

.forminator-pagination-footer {
    justify-content: center !important;
    gap: 2.60416vw;
    margin-top: 7.8125vw!important;
}

.forminator-pagination-footer .forminator-button {
    width: 18.75vw !important;
    padding: 1.302vw 2.1354vw !important;
    height: 4.375vw;
    background: #FFFFFF;
    border: 2px solid #FFFFFF !important;
    margin-top: 0 !important;
    font-size: 1.25vw !important;
    font-family: var(--font-noto-sans-jp) !important;
    color: #000000;
	box-shadow: unset!important;
}

.forminator-response-message.forminator-success {
    background-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    text-align: center !important;
}

.form-input-review {
    padding-left: 0 !important;
}

.form-input-review p {
    font-size: 0.99vw;
    line-height: 1.5625vw !important;
    margin-bottom: 0px !important;
    color: #FFFFFF;
}

.forminator-design--default #radio-1 .forminator-field .forminator-label{
    line-height: 1.0833vw !important;
} 

.forminator-design--default #radio-1 .forminator-field .forminator-required {
    margin-top: -0.2vw;
}

.forminator-design--default .forminator-label {
    font-size: 1.09375vw !important;
    font-family: var(--font-noto-sans-jp) !important;
    font-weight: 500 !important;
    line-height: 2.29166vw !important;
    color: #FFFFFF;
}

.forminator-description {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 0.83333vw !important;
    line-height: 100% !important;
    color: #707070 !important;
    margin-top: 1vw!important;
}

.form-phone .forminator-description span {
    display: none;
}

.zipcode-input-wrapper .forminator-description {
    position: absolute;
    left: 0.5vw;
}

.forminator-merge-tags {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current~.forminator-step .forminator-step-label {
    color: #707F8E !important;
    display: none !important;
}

.company_housing_management_status {
    margin-top: -40px !important;
}

input[type="checkbox"]:checked {
    accent-color: green !important;
}

.name-service {
    border-top: 1px solid #DEDEDE;
    padding: 35px 15px 0 0 !important;
}

.name-service .p1 {
    margin-top: 10px;
}


.forminator-row .forminator-radio-label {
    font-family: var(--font-noto-sans-jp) !important;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 1.09375vw;
    line-height: 100%;
    color: #FFFFFF;
    margin-left: 1.0416vw !important;
}

#custom-err {
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: #E04562;
    margin-left: 30px;
}

.forminator-step-0 .forminator-step-dot::before {
    content: "項目の入力";
    margin-right: 2vw;
}

.forminator-step-1 .forminator-step-dot::before {
    content: "確認画面";
}

.forminator-step-2 .forminator-step-dot::before {
    content: "送信完了";
}

.forminator-break {
    background-color: unset !important;
}

input#forminator-field-name-4_67fb9b0a65068 {
    width: 10.4166vw;
}


.privacy-policy-container {
    display: flex;
    isolation: isolate;
    max-width: 41.6666vw;
    width: 41.6666vw;
    height: 17.70833vw;
    background: #FFFFFF;
    border: 1px solid #000000;
    margin: 0 auto;
	padding: 0!important;
}

.privacy-policy-container .forminator-field.forminator-merge-tags {
    flex-direction: column;
    align-items: center;
    gap: 2.60416vw;
    justify-content: unset;

    box-sizing: border-box;

    display: flex !important;
    padding: 2.60416vw !important;
    gap: 2.60416vw !important;
    isolation: isolate !important;

    background: #FFFFFF !important;


    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 0.82051vw !important;
    line-height: 150% !important;
    /* or 24px */

    color: #333333 !important;
    flex-wrap: unset;
    overflow-y: auto;
	
}

.forminator-row .privacy-policy-container .forminator-field.forminator-merge-tags p {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 150%;
    color: #333333;
}

.privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1.25vw !important;
    line-height: 100% !important;
    text-align: center !important;

    color: #333333 !important;
}

.privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1.25vw !important;
    line-height: 100% !important;
    text-align: center !important;

    color: #333333 !important;
}

/* Custom scrollbar */
.privacy-policy-container::-webkit-scrollbar {
    width: 8px;
}

.privacy-policy-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

.privacy-policy-container::-webkit-scrollbar-thumb {
    background: #D7D6D6;
    border-radius: 5px;
}

.privacy-policy-container::-webkit-scrollbar-thumb:hover {
    background: #c0c0c0;
}

.zipcode-input-wrapper {
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-bottom: 0.625vw;
    width: 26.71875vw;
    position: relative;
}

.zipcode-symbol {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 100%;
    color: #FFFFFF;
}

.zipcode-search-button {
    background-color: #F5BD04;
    padding: 0.26041vw 0;
    cursor: pointer;
    width: 12.9375vw;
    height: 2.5vw;
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 0.98958vw;
    line-height: 1.197916vw;
    color: #0B0B0B;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 0.52083vw;
}

.radio-option-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
	margin-right: 9.5vw;
}

div#checkbox-1 span.forminator-required {
    margin-right: 1vw;
}

.forminator-row #checkbox-1 .forminator-checkbox {
    margin: 0 auto;
}

.forminator-row #checkbox-1 .forminator-checkbox .forminator-checkbox-box{
    width: 1.0416666vw!important;
    height: 1.0416666vw!important;
    border-color: #333333 !important;
	margin-top: 0.5vw;
    flex: unset;
}

.forminator-button-next::after {
    content: '';
    display: inline-block;
    width: 1.04166vw;
    height: 1.04166vw;
    background-image: url('../img/contact/btn_yaji.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1vw;
    position: absolute;
    top: 1.8vw;
}

.forminator-button-submit::after {
    content: '';
    display: inline-block;
    width: 1.04166vw;
    height: 1.04166vw;
    background-image: url('../img/contact/btn_yaji.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1vw;
    position: absolute;
    top: 1.7vw;
}

.forminator-button-back::after {
    content: '';
    display: inline-block;
    width: 1.04166vw;
    height: 1.04166vw;
    background-image: url('../img/contact/btn_yaji.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1vw;
    rotate: 180deg;
    position: absolute;
    top: 1.7vw;
    left: 3vw;
}

/**
 * End Contact Form
 * */

@media (max-width: 1024px) {
    
    #contact .top-kv__title-pc-en{
        font-size: 10vw;
        text-align: left;
        display: inline;
    }
    #contact .top-kv__title-pc-en p{
        display: inline;

    }
	.forminator-step-0 .forminator-step-dot,
	.forminator-step-1 .forminator-step-dot,
	.forminator-step-2 .forminator-step-dot {
		padding-top: 4.8vw !important;
	}
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet:before {
        width: 2.6666666vw!important;
        height: 2.6666666vw!important;
    }
	
    .forminator-row #checkbox-1 .forminator-checkbox .forminator-checkbox-box{
        min-width: 5.33333vw!important;
        min-height: 5.33333vw!important;
        border-color: #333333 !important;
    }
    .forminator-field-checkbox.left-error-message .forminator-error-message {
        text-align: center;
        margin-left: 1vw !important;
        margin-top: 0 !important;
    }

    a[href^="tel"] {
        pointer-events: none;
        color: inherit;
    }

    .forminator-button-next::after {
        content: '';
        display: inline-block;
        width: 2vw;
        height: 2vw;
        background-image: url('../img/contact/btn_yaji.png');
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 3vw;
        position: absolute;
        top: 4.6vw;
    }

    .contact-form-first-section {
        background-image: url("../img/contact/contract-form-banner_phone.jpg") !important;
        min-height: 90.6666vw !important;
    }

    .forminator-field {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 4vw;
        justify-content: space-between;
        padding: 0 !important;
		width: 100%;
    }

    .forminator-field input,
    .forminator-field textarea {
        padding: 0.7291vw 1.0416vw;
        background-color: #F2F2F2;
        border: 1px solid #c4c3c3;
        font-size: 4.26666vw !important;
        line-height: 1.35416vw;
        flex: 1;
        max-width: unset !important;
        width: 100% !important;
        min-height: 11.333333vw !important;
        font-family: var(--font-noto-sans-jp) !important;
    }

    .forminator-field .zipcode-input-wrapper input {
        background-color: #F2F2F2;
        border: 1px solid #F2F7FA;
        font-size: 4.26666vw !important;
        margin-left: 7vw !important;
        max-width: 28.6666vw !important;
        width: 28.6666vw !important;
        height: 9.333333vw !important;
        font-family: var(--font-noto-sans-jp) !important;
    }

    .forminator-label {
        display: flex !important;
        flex-direction: row;
        justify-content: unset;
        align-items: center;
        white-space: nowrap;
        width: fit-content;
        gap: 11px;
    }

    .forminator-field-textarea .forminator-label {
        align-items: center;
    }

    .forminator-error-message {
        width: fit-content;
        text-align: left;
        order: 2;
    }

    .forminator-label .forminator-required,
    .forminator-required {
        color: #F3F8FB !important;
        background-color: #9F0F0C !important;
        min-width: 7.7333vw !important;
        height: 6vw !important;
        padding: 2vw 1vw !important;
        border-radius: 0.6666vw !important;
        font-size: 3.2vw !important;
        content: "å¿…é ˆ" !important;
        font-weight: 400 !important;
        line-height: 2.133vw !important;
        text-align: center !important;
    }

    .radio-option-wrapper label {
        margin: 2vw 0 !important;
    }

    .forminator-field .input-wrapper {
        display: flex;
        align-items: center;
        gap: 11px;
        width: 192px;
    }

    .forminator-row .hr {
        border-top: 1px solid #DEDEDE;
        margin: 0;
        padding: 0 !important;
    }

    .forminator-row .hr-big {
        border-top: 4px solid #BBC8D5;
        margin: 0;
        padding: 0 !important;
    }

    .forminator-pagination-steps {
        width: 100% !important;
        height: 12.50833vw !important;
    }

    .forminator-pagination-steps,
    .forminator-pagination-steps-view {
        align-items: flex-start !important;
        width: 100% !important;
        display: flex !important;
        margin: 0 0 15.8125vw !important;
        gap: 0;
        justify-content: center;
    }

    .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
        width: 31.6875vw !important;
		height: auto!important;
    }

    .forminator-step.forminator-step .forminator-step-dot {
        width: 100%!important;
        height: 5.20833vw !important;
        margin-right: 0!important;
    }

    .forminator-step-dot {
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 3.5333vw;
        line-height: 100%;
        color: #FFFFFF;
        color: #FFFFFF;
        /* background-color: unset !important; */
        /* width: 25.791vw !important; */
        min-height: 13.20833vw !important;
        padding: 4.8vw 1.8vw !important;
        letter-spacing: 1.32px;
    }

    .forminator-current .forminator-step-dot {
        border: none !important;
        color: #fff;
    }

    .forminator-step-label {
        width: 114px !important;
        margin-top: 10px;
        font-size: 15px;
        line-height: 30px;
    }

    .forminator-current .forminator-step-label {
        /* color: #C9141E !important; */
        display: none !important;
    }

    .forminator-row {
        margin-bottom: 6.66666vw !important;
    }
	
	.forminator-row .form-zipcode{
        height: 33vw;
    }

    .form-input-both-line {
        padding: 30px 0px !important;
        border-bottom: 1px solid #DEDEDE;
        border-top: 1px solid #DEDEDE;
    }

    .form-input-bottom-line {
        padding: 0 0 6.6666vw 0 !important;
    }

    .form-input-no-line {
        padding: 0 0 30px 0 !important;
        border-bottom: none !important;
    }

    .input-480 input {
        flex: 0 1 26.04166vw;
    }

    .input-640 input {
        flex: 0 1 640px;
    }

    .iti--show-flags {
        display: flex !important;
    }

    .iti__country-container {
        display: none;
    }

    .input-140 input {
        flex: 0 1 140px;
    }

    .survey {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .form-heading {
        padding: 9px 15px !important;
        background-color: #E5EFF5;
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .form-heading .inquiry-title {
        font-size: 16px;
        line-height: 34px;
        font-weight: bold;
    }

    .form-subheading {
        padding: 0 !important;
    }

    .form-subheading p {
        font-size: 15px;
        line-height: 30px;
    }

    .survey .forminator-label {
        width: 210px;
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline):first-of-type {
        margin-top: 0 !important;
    }

    #forminator-field-radio-1-label-1 {
        align-items: end !important;
        margin-top: 0 !important;
    }

    .survey #forminator-field-radio-1-label-5 {
        margin-left: 230px;
        margin-top: 0px;
    }

    .form-textarea .forminator-textarea {
        flex: 0 1 650px;
    }

    .form-textarea:not(.no-ml) .forminator-textarea {
        margin-top: 20px !important;
        margin-left: 245px !important;
    }

    .mt--40 {
        margin-top: -40px;
    }

    .forminator-col:not(.survey):not(.form-textarea) .forminator-error-message {
        background-color: unset !important;
        /* margin-left: 54vw !important; */
        font-size: 3.733333vw !important;
        text-align: left !important;
    }

    .survey .forminator-error-message {
        background-color: unset !important;
        margin-left: 250px !important;
    }

    .form-textarea .forminator-error-message {
        background-color: unset !important;
        margin-left: 230px !important;
    }

    .forminator-pagination-footer {
        justify-content: center !important;
        gap: 2vw;
    }

    .forminator-pagination-footer .forminator-button {
        margin-bottom: 0 !important;
        width: 38vw !important;
        padding: 1.302vw 2.1354vw !important;
        height: 11.2vw !important;
        background: #FFFFFF;
        border: 2px solid #FFFFFF !important;
        margin-top: 6.770833vw !important;
        font-size: 3.2vw !important;
        font-family: var(--font-noto-sans-jp) !important;
        color: #FFFFFF;
    }

    .forminator-button-submit::after {
        content: '';
        display: inline-block;
        width: 2.04166vw;
        height: 2.04166vw;
        background-image: url("../img/contact/btn_yaji.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 3vw;
        position: absolute;
        top: 4.5vw;
    }

    .forminator-button-back::after {
        content: '';
        display: inline-block;
        width: 2.04166vw;
        height: 2.04166vw;
		background-image: url("../img/contact/btn_yaji.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 1vw;
        rotate: 180deg;
        position: absolute;
        top: 4.5vw;
        left: 3vw;
    }

    .forminator-response-message.forminator-success {
        background-color: unset !important;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        text-align: center !important;
    }

    .form-input-review {
        padding-left: 0 !important;
    }

    .form-input-review p {
        font-size: 15px !important;
        line-height: 30px !important;
        margin-bottom: 0px !important;
    }

    .forminator-design--default .forminator-label {
        font-size: 4.4vw !important;
        font-family: var(--font-noto-sans-jp) !important;
        font-weight: 500 !important;
        line-height: 4vw !important;
    }

    .input-description-wrapper{
        width: 100%!important;
    }

    .forminator-description {
        font-size: 3.733333vw !important;
        position: unset !important;
        color: #707070 !important;
        pointer-events: none;
        color: inherit;
        margin-top: 2.66666vw !important;
    }

    .forminator-button-next,
    .forminator-button-submit,
    .forminator-button-back {
        color: #000000 !important;
    }

    .forminator-merge-tags {
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current~.forminator-step .forminator-step-label {
        color: #707F8E !important;
        display: none !important;
    }

    .company_housing_management_status {
        margin-top: -40px !important;
    }

    input[type="checkbox"]:checked {
        accent-color: green !important;
    }

    .name-service {
        border-top: 1px solid #DEDEDE;
        padding: 35px 15px 0 0 !important;
    }

    .name-service .p1 {
        margin-top: 10px;
    }


    .forminator-row .forminator-radio-label {
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400!important;
        font-size: 3.7333vw;
        line-height: 100%!important;
    }

    #custom-err {
        font-size: 12px;
        font-family: inherit;
        font-weight: 500;
        color: #E04562;
        margin-left: 30px;
    }
    .forminator-break {
        background-color: unset !important;
    }

    input#forminator-field-name-4_67fb9b0a65068 {
        width: 10.4166vw;
    }


    .privacy-policy-container {
        box-sizing: border-box;
        display: flex;
        padding: 0;
        isolation: isolate;
        max-width: 100%;
        width: 100%;
        height: 60vw;
        background: #FFFFFF;
        border: 1px solid #000000;
        margin: 0 auto;
        overflow-y: auto;
    }

    .privacy-policy-container .forminator-field.forminator-merge-tags {
        flex-direction: column;
        align-items: center;
        gap: 2.60416vw;
        justify-content: unset;
        box-sizing: border-box;
        display: flex !important;
        padding: 2.60416vw !important;
        gap: 2.60416vw !important;
        isolation: isolate !important;
        background: #FFFFFF !important;
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 2.133333vw !important;
        line-height: 150% !important;
        color: #333333 !important;
        flex-wrap: unset;
    }

    .privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 4.666666vw !important;
        line-height: 100% !important;
        text-align: center !important;

        color: #333333 !important;
    }
	
	.forminator-row .privacy-policy-container .forminator-field.forminator-merge-tags p {
        font-size: 4.4vw !important;
    }

    /* Custom scrollbar */
    .privacy-policy-container::-webkit-scrollbar {
        width: 8px;
    }

    .privacy-policy-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .privacy-policy-container::-webkit-scrollbar-thumb {
        background: #D7D6D6;
        border-radius: 5px;
    }

    .privacy-policy-container::-webkit-scrollbar-thumb:hover {
        background: #c0c0c0;
    }

    .zipcode-input-wrapper {
        display: flex;
        align-items: center;
        gap: 0.5vw;
        margin-bottom: 0.625vw;
        width: 79.083vw;
        position: relative;
    }

    .zipcode-symbol {
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 5.2vw;
        line-height: 1.510vw;
        color: #FFFFFF;
        position: absolute;
        top: 4.6vw;
        left: -1vw;
    }

    .zipcode-search-button {
        background-color: #F5BD04;
        padding: 0.26041vw;
        border: none;
        transition: background-color 0.2s ease;
        width: 44.3333vw;
        height: 8.4vw;
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 3.53333vw;
        line-height: 1.1979vw;
        color: #0B0B0B;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        position: absolute;
        right: -5vw;
        top: 1.5vw;
    }

    .radio-option-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.625vw;
    }

    div#checkbox-1 span.forminator-required {
        margin-right: 1vw;
    }

    .forminator-row #checkbox-1 .forminator-checkbox {
        margin: 0;
    }
}

.description-text-pc {
    display: flex;
}

.description-text-phone {
    display: none;
}

/* END CSS Contact form  */

@media (max-width: 1024px) {
    .description-text-pc {
        display: none;
    }

    .description-text-phone {
        display: flex;
    }

    .contact-form-section {
        min-height: fit-content;
        padding: 10.4166vw 3.2vw 20vw;
    }
	
	.top-kv{
        left: 0!important;
    }


    .contact-form-container {
        width: 100%;
        min-height: 239.5833vw;
        padding: 13.333vw 0 10.666vw;
        display: flex;
        row-gap: 5vw;
        flex-direction: column;
        box-sizing: border-box;
    }

    .contact-form-section .contact-form-container .description-row p {
        width: 100%;
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 4.4vw;
        line-height: 180%;
        /* or 34px */
        text-align: left;
		transition: 1.5s cubic-bezier(0.08, 0.92, 0.35, 1);
    }

    .contact-form-section .contact-form-container .information-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6.6666vw 3.2083vw;
        gap: 5.60416vw;
        width: 100%;
        height: fit-content;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
        margin: 0 auto;
    }

    .phone-information h2 {
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        color: #FFFFFF;
        font-weight: 500;
        font-size: 6.8vw;
        line-height: 100%;
    }

    .phone-information {
        display: flex;
        gap: 5vw;
    }

    .time-information {
        display: flex;
        gap: 2vw;
        flex-direction: column;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 350;
        font-size: 3.2vw;
        line-height: 2.08333vw;
        color: #FFFFFF;
    }

    .contact-form-section .contact-form-container .information-box span {

        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 3.13333vw;
        line-height: 100%;

        color: #fff;
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-description span {
        display: none;
    }

    .forminator-checkbox-label {
        font-size: 3vw !important;

        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;

        color: #FFFFFF;
    }
}

/* Another Contact form  */
.finish-form .contact-form-container {
    width: 62.5vw;
    height: fit-content;
    display: flex;
    row-gap: 7.8125vw;
    flex-direction: column;
    margin: auto;
}

.finish-form {
    display: none;
    flex-direction: column;
    column-gap: 2vw;
}

.contact-form-section .content-form {
    width: fit-content;
    justify-items: center;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 7.8125vw;
}

.contact-form-section .content-form img {
    margin: 0 auto;
    width: 8.33333vw;
    height: 10.52083vw;
}

.contact-form-section .content-form .detail-content p {
    text-align: center !important;

    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1.09375vw !important;
    line-height: 180% !important;
    text-align: center !important;

    color: #FFFFFF;
}

.color-background {
    background: linear-gradient(to bottom, transparent 30%, #1D115A 10%);
    width: 46.82vw;
    height: 16.73vw;
    margin: 0 auto;
}

.left-error-message .forminator-error-message {
    text-align: left;
    margin-top: 2vw !important;
    margin-left: 18vw !important;
}

.forminator-field-checkbox.left-error-message .forminator-error-message {
    text-align: center;
    margin-left: -5.5vw !important;
    margin-top: 0 !important;
}

.forminator-field .inquiry-title {
    font-size: 0.99vw !important;
    font-family: var(--font-noto-sans-jp) !important;
    font-weight: 400;
	color: #FFFFFF;
}
.forminator-design--default .forminator-radio .forminator-radio-bullet {
	width: 1.302083vw!important;
	height: 1.302083vw!important;
	flex: unset!important;
}

@media (max-width: 1024px) {
	.forminator-design--default .forminator-radio .forminator-radio-bullet {
    	width: 4.33333vw!important;
    	height: 4.33333vw!important;
    	flex: unset!important;
    }
    .forminator-field .inquiry-title {
        font-size: 15px !important;
        font-family: var(--font-noto-sans-jp) !important;
        font-weight: 400;
		color: #FFFFFF;
    }

    .finish-form .contact-form-container {
        row-gap: 10vw;
        padding: 7.8125vw 6.41666vw;
        height: fit-content;
        min-height: fit-content;
		width: 100%;
    }

    .finish-form {
        flex-direction: column;
        column-gap: 2vw;
    }

    .contact-form-section .content-form {
        width: fit-content;
        justify-items: center;
        margin: 0 auto;

        display: flex;
        flex-direction: column;
        gap: 7.8125vw;
    }

    .contact-form-section .content-form img {
        margin: 0 auto;
        width: 10.33333vw;
        height: 12.52083vw;
    }

    .contact-form-section .content-form .detail-content p {
        text-align: center !important;
        font-family: var(--font-noto-sans-jp) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 3vw !important;
        line-height: 180% !important;
        text-align: center !important;
        color: #fff;
    }

    .color-background {
        background: linear-gradient(to bottom, transparent 30%, #1D115A 10%);
        width: 46.82vw;
        height: 16.73vw;
        margin: 0 auto;
    }

    .left-error-message .forminator-error-message {
        text-align: right;
        margin-top: 0vw !important;
        margin-left: 0vw !important;
    }

    .forminator-field-checkbox.left-error-message .forminator-error-message {
        text-align: center;
        margin-left: 0vw !important;
        margin-top: 0 !important;
    }
}

.phone-information, .time-information {
	transform: unset;
}

/* End Another Contact form  */

/* CSS Requirement Page */

.req-wrap.bg-mustard {
    .req-banner {
        height: 32.60416vw;
        width: 100%;
        position: relative;
    }

    .requirement-bg__title-pc-overlay {
        position: absolute;
        bottom: 15.625vw;
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
		z-index: 2;
    }

    .requirement-bg__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(20 * 100vw / 1920), 20px) clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(12 * 100vw / 1920), 12px);
    }

    .requirement-bg__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--black-color);
        background-color: var(--main-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }
	.view-more-btn__text{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 0.833333vw;
        line-height: 1.25vw;
        text-align: center;
        
        color: #0B0B0B;
    }
	.section-slide-in-banner::after{
        background-color: #000000;
    }
}

.req-wrap .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 13.020vw 0 9.375vw;
}

.req-row {
    display: flex;
    /* grid-template-columns: 1fr 34.895833vw; */
    align-items: start;
    margin: 9.375vw auto 2vw;
    position: relative;
    padding: 0;
    width: 91.6666vw;
    box-sizing: border-box;
    justify-content: space-between;
}

.single-page .req-row {
    margin-top: 0.52083vw;
}
.single-page .req-badge{
    margin-left: 4.166666vw;
    margin-top: 10.4166vw;
}

.single-page .req-blackbox.req-article{
    padding: 2vw 1vw;
    box-sizing: border-box;
}


.single-page .req-blackbox.req-article strong{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    
    width: fit-content;
    
    background: #F5BD04;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 1.145833vw;
    line-height: 200%;
    margin-top: 1.25vw;
	margin-bottom: 0.520833vw;
    
    color: #0B0B0B;
}

.single-page .req-blackbox.req-detail-info{
    padding: 3vw 2vw;

}
.single-page .req-blackbox table{
    border-collapse:collapse;
    width: 100%;

}
.single-page .req-blackbox table th, .single-page .req-blackbox table td{
    text-align: left;
    border-bottom: 1px solid #fff;
    font-size: 1.25vw;
    padding: 25px 5px;
    
}
.single-page .req-blackbox table th{
    color: #F5BD04;
    border-color: #F5BD04;
    width: 30%;
}
.single-page .req-blackbox table td{
    width: 70%;
}

.req-row.reverse {
    grid-template-columns: 520px 1fr;
}

.req-row.reverse .req-col--text {
    order: 2;
}

.req-row.reverse .req-col--image {
    order: 1;
}

.req-image {
    width: 34.895833vw;
    height: auto;
    display: block;
}

.req-badge {
    display: flex;
    color: #ffd700;
    height: 4.01041vw;
    width: fit-content;
    text-align: center;
    padding: 0vw 0.83333vw;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.546875vw;

    font-family: var(--font-noto-serif-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 100%;
}

.req-badge {
    color: #fff;
}

.req-badge .first-letter {
    color: #ffd700;
}

.req-blackbox {
    box-sizing: border-box;
    background: #000;
    color: #fff;
    padding: 0.67708vw 1.380208vw;
    line-height: 1.9;
    margin-bottom: 1.666666vw;
    width: 52.08333vw;
}

.stick-background{
	height: 100%;
}

.section-text-up .req-blackbox.section-text-up__text{
    animation-delay: 0.8s;
    transform: translateY(140%);
}

.req-blackbox .yellow-line {
    display: flex;
    align-items: center;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 1.14583vw;
    line-height: 200%;
    color: #F5BD04;
	transform: translateY(0.5208vw);
}

.req-blackbox .yellow-line .highlight-line {
    flex: 1;
    height: 1px;
    background-color: #F5BD04;
    margin-left: 0.52083vw;
}

.req-blackbox span {
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-size: 1.14583vw;
    line-height: 200%;
    font-weight: 500;

    color: #fff;
}

.req-article {
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 500;
    font-size: 1.142vw;
    line-height: 200%;
    
    color: #FFFFFF;
}

.req-actions {
    display: flex;
    width: 12.7083vw;
    gap: 0.72916vw;
    margin-top: 0.520833vw;
    flex-direction: column;
	animation-delay: 1.5s!important;
}

.single-page .req-actions {
    display: flex;
    width: fit-content;
    gap: 1.66666vw;
    margin-top: 1.66666vw;
    flex-direction: row;
}

.req-actions .btn {
    width: 12.7083vw;
    height: 2.5vw;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    text-align: center;

    /* black */
    color: #0B0B0B;
    align-items: center;
    display: flex;
    justify-content: center;
}

.req-actions .btn-outline {
    border: 1px solid #000;
    background: #c6a00c;
    color: #000;
}

.req-actions .btn-solid {
    background: #000;
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    text-align: center;

    color: #FFFFFF;
}

/* responsive */
/* responsive */
@media (max-width: 1024px) {

    .req-wrap.bg-mustard {
		.view-more-btn__text{
            font-family: var(--font-noto-sans-jp);
            font-style: normal;
            font-weight: 700;
            font-size: 4.26666vw;
            line-height: 1.25vw;
            text-align: center;
            
            color: #0B0B0B;
        }
        .req-banner {
            height: 132vw;
            width: 100%;
            position: relative;
            
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .requirement-bg__title-pc-overlay {
            position: absolute;
            width: 82.9333vw;
            top: 13.6vw;
            left: 6.53333vw;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
        }

        .requirement-bg__title-pc-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: 15.68vw;
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            /* padding: 0; */
            line-height: 100%;
            position: absolute;
            right: -4vw;
            top: 0.6vw;
            padding: 2vw 1.6vw 2.8vw;
        }

        .requirement-bg__title-pc-en {
            font-family: var(--font-syne);
            font-weight: 800;
            font-size: 10.66666vw;
            color: var(--black-color);
            background-color: var(--main-color);
            padding-right: 0;
            rotate: 90deg;
            position: absolute;
            top: 31.3vw;
            left: -31vw;
            width: 83vw;
            white-space: normal;
            word-break: break-word;
        }
		.section-slide-in-banner::after{
            background-color: #292003;
        }
    }

    .bg-mustard {
        background: #c6a00c;
    }

    .req-wrap .container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
		padding-bottom: 20vw
    }

    .req-row {
        display: flex;
        grid-template-columns: unset;
        flex-direction: column;
        gap: 2.66666vw;
        align-items: start;
        margin: 0 0 21.333333vw;
        position: relative;
        padding: 0;
        width: 100%;
    }

    .req-row.reverse {
        grid-template-columns: 520px 1fr;
    }

    .req-row.reverse .req-col--text {
        order: 2;
    }

    .req-row.reverse .req-col--image {
        order: 1;
    }

    .req-image {
        width: 100%;
        height: auto;
        display: block;
    }

    .req-badge {
        display: flex;
        color: #ffd700;
        height: 19.2vw;
        width: fit-content;
        text-align: center;
        padding: 0 2.66666vw;
        align-items: center;
        justify-content: center;
        margin-bottom: 4vw;
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 9.6vw;
        line-height: 200%;
    }

    .req-badge {
        color: #fff;
    }

    .req-col.req-col--text {
        width: 100%;
    }

    .req-badge .first-letter {
        color: #ffd700;
    }

    .req-blackbox {
        background: #000;
        color: #fff;
        padding: 3.46666vw 2.8vw;
        line-height: 1.9;
        margin-bottom: 1.666666vw;
        margin: auto;
        width: 94.66666vw;
        height: fit-content;
        box-sizing: border-box;
    }

    .req-blackbox .yellow-line {
        display: flex;
        align-items: center;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 4.8vw;
        line-height: 200%;

        color: #F5BD04;
    }

    .req-blackbox .yellow-line .highlight-line {
        flex: 1;
        height: 2px;
        background-color: #ffd700;
        margin-left: 0.52083vw;
    }

    .req-blackbox span {
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: 4.7vw;
        line-height: 200%;

        color: #fff;
    }

    .req-article {
        color: #000;
        line-height: 1.9;
    }
    .single-page .req-blackbox.req-detail-info{
        width: 84vw;
        
        margin-top: 8vw;
        

    }
    .single-page .req-blackbox table{
        

    }
    .single-page .req-blackbox table th, .single-page .req-blackbox table td{
        display:block;
        border-bottom: none;
        font-size: 4.8vw;
        width: calc(100% - 10px);

        
    }
    .single-page .req-blackbox table th{
        padding-bottom: 1vw;
        padding-top: 8vw;
        
    }
    .single-page .req-blackbox table td{
        padding-top: 1vw;
        padding-bottom: 8vw;

        border-bottom: 1px solid #F5BD04;
    }
	
	.section-text-up .req-blackbox.section-text-up__text{
        animation-delay: 0s;
        transform: translateY(140%);
    }

    .req-actions {
        display: flex;
        width: fit-content;
        gap: 2.133333vw;
        margin-top: 2.66666vw;
        margin-left: 2.66666vw;
        flex-direction: column;
		animation-delay: 0s!important;
    }

    .req-actions .btn {
        width: 65.06666vw;
        height: 12.8vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 4.26666vw;
        line-height: 6.4vw;
        text-align: center;


        color: #0B0B0B;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .req-actions .btn-outline {
        border: 1px solid #000;
        background: #c6a00c;
        color: #000;
    }

    .req-actions .btn-solid {
        background: #000;
        font-family: var(--font-jost);
        font-style: normal;
        font-weight: 400;
        font-size: 4.26666vw;
        line-height: 6.4vw;
        text-align: center;

        color: #FFFFFF;
    }
	.single-page .req-row {
        margin-top: 0.52083vw;
    }
    .single-page .req-badge{
        margin-left: 8vw;
        margin-top: 10.4166vw;
        margin-bottom: 2.66666vw;
    }
    
    .single-page .req-blackbox.req-article{
        padding: 4vw;
        width: 84vw;
        font-size: 4.8vw;
        color: #fff;
    }
    
    .single-page .req-blackbox.req-article strong{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: fit-content;
        background: #F5BD04;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 4.8vw;
        line-height: 200%;
        margin-top: 2.66666vw;
        margin-bottom: 2.66666vw;
        color: #0B0B0B;
    }
    .single-page .req-actions {
		display: flex;
		width: fit-content;
		gap: 1.66666vw;
		margin-top: 1.66666vw;
		flex-direction: column;
		margin-left: 8vw;
	}
	.req-wrap.bg-mustard .section-animate-pc.animate {
		.section-text-up__text.req-col--image {
			animation: text-up-animation 0.8s
						cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
		}
	}
}
.req-col.req-col--text.section-text-up__text,
.req-col.req-col--image.section-text-up__text,
.req-col.req-col--image.section-text-up__text,
.req-row.section-text-up__text{
    opacity: 0;
}
.req-col.req-col--image.hidden-sp.section-text-up__text{
    margin-top: 4.5vw;
}
.single-page .req-col.req-col--image.hidden-sp.section-text-up__text{
    margin-top: 0vw;
}
.req-blackbox.req-article.section-text-up__text{
    animation-delay: 0.5s;
    opacity: 0;
}
.req-actions.section-text-up__text{
    animation-delay: 0.5s;
    opacity: 0;
}
/* End CSS Requirement Page */


/* Start css businesss-page  */
    body[data-page-slug="business"] {
        background-color: var(--black-color);
        
    }
#business-page {
	.contact-btn--dark{
        background-image: url(../img/contact-btn-bg.png);
    }

    .business-bg {
        position: relative;
        background: var(--black-color);
    }
    .business-bg__bg {
        position: relative;
        width: 100%;
        height: calc(944 * 100vw / 1920);
        max-height: 944px;
        overflow: hidden;
    }
    .business-bg__bg-img {
        width: 100%;
        height: 100%;
    }
    .business-bg__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .business-bg__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(71 * 100vw / 1920), 71px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .business-bg__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(20 * 100vw / 1920), 20px)
            clamp(0px, calc(9 * 100vw / 1920), 9px)
            clamp(0px, calc(12 * 100vw / 1920), 12px);
    }
    .business-bg__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--main-color);
        background-color: var(--black-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }
    .business-content{
        position: relative;
        background-image: url("../img/business/business-content-bg.webp") ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-bottom:calc(247*100vw/1920);
		padding-top: calc(246*100vw/1920);
        z-index: 2;
    }
	.business-content .top-content{
        overflow: unset;
    }
    .top-content{
        padding-left: calc(692*100vw/1920);
        /* padding-top: calc(246*100vw/1920) ; */
    }
    .section-animate-pc.animate .title-content.section-text-up__text {
            animation: text-up-animation 1s
                cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
        }
    @keyframes cus-text-up-animation {
    0% {
        transform: translateY(190%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
    }

    .title-content{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        width:  calc(440*100vw/1920);
        color: var(--white-color);
        font-size: calc(40*100vw/1920);
        line-height: 100%;
        border: solid 1px var(--main-color);
        padding: calc(14*100vw/1920)
                calc(37*100vw/1920)
                calc(15*100vw/1920)
                calc(48*100vw/1920);
    }

    .body-content{
        position: relative;
        width: calc(1002*100vw/1920);
        height:calc(687*100vw/1920) ;
        padding-left: calc(458*100vw/1920) ;
        padding-top: calc(88*100vw/1920) ;

    }
    .body-content-wrapper{
        position: relative;
        width: calc(1002*100vw/1920);
        height:calc(687*100vw/1920) ;

    }
    .body-content-wrapper1{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        width:calc(608*100vw/1920) ;
        color: var(--white-color);
        font-size: calc(32*100vw/1920);
        line-height: 200%;
        padding-left:calc(198*100vw/1920) ;
    }
    .body-content-wrapper-col{
        width:calc(761*100vw/1920);
        padding-left:calc(122*100vw/1920) ;
        padding-top:calc(40*100vw/1920);
        padding-bottom:calc(11*100vw/1920) ;
    }
    .body-content-wrapper-number-col{
         width:calc(98*100vw/1920) ;
        padding-left:calc(326.5*100vw/1920) ;

    }
    .body-content-wrapper-number{
        font-family: var(--font-roboto-static);
        font-style: normal;
        font-weight: 700;
        align-items: center;
        background: var(--black-color);
        overflow: hidden;
        width:calc(98*100vw/1920) ;
        color: var(--black-color);
        font-size: calc(56*100vw/1920);
        line-height: 100%;
        -webkit-text-stroke: 1px var(--main-color);
        padding: calc(10*100vw/1920)
                calc(10*100vw/1920)
                calc(10*100vw/1920)
                calc(0*100vw/1920);
    }
    .body-content-wrapper2{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        align-items: center;
        color: var(--white-color);
        font-size: calc(22*100vw/1920);
        line-height: 200%;
        background: var(--black-color);
        overflow: hidden;

    }
    .pin-logo{
        height: calc(166 * 100vw / 1920);
    }
    .business-group .texture-bg--black{
		position: relative;
    	z-index: 2;
	}
        .other-text {
        z-index: 2;
        position: relative;
    }
    .equipment{
        margin-bottom: calc(240*100vw/1920);
        margin-top: calc(84*100vw/1920);
        background: rgba(11, 11, 11, 0.6);
    }
	.equipment_left_top{
	        padding-bottom: calc(32*100vw/1920);
	}
    .equipment__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        width:calc(1001*100vw/1920) ;
        font-size: calc(24*100vw/1920);
        line-height: 200%;
        color: var(--white-color);

    }



    .equipment .main-content {
        width: 91.25vw;
        margin: auto;
        z-index: 5;
    }
    .main-content .equipment-title{
        font-family:var(--font-syne-static);
        font-style: normal;
		height:100%;
        font-weight: 800;
        font-size: calc(109*100vw/1920);
        line-height: 100%;
        align-items: flex-end;
        color: rgba(11, 11, 11, 0.9);
        -webkit-text-stroke: 1px var(--main-color);
    }

    .equipment-grid{
        display: flex;
        gap: calc(97 * 100vw / 1920);
        align-items: flex-start;
    }
    .equipment__title2 {
		background: #0B0B0B;
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        max-width: calc(947 * 100vw / 1920);
        color: var(--white-color);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        line-height: 2;
        border: 1px solid var(--main-color);
        padding: calc(13*100vw/1920)
                calc(26.5*100vw/1920)
                calc(13*100vw/1920)
                calc(26.5*100vw/1920);
        
    }
    .main-content .small-title{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(48*100vw/1920);
        line-height: 200%;
        color:var(--white-color);
        padding-left:calc(17*100vw/1920);
		padding-right:calc(17*100vw/1920);
        width: fit-content;
        animation-delay: 0.5s;
    }
    .main-content .small-title .section-slide-in-banner__text{
        animation-delay: 0.2s;
    }

    .flow{
        position: relative;
        height: 100%;
    }
    .flow-title{
        font-family:var(--font-syne);
        font-style: normal;
        font-weight: 800;
        font-size: calc(40 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        padding-top:calc(80 * 100vw / 1920);
        padding-bottom:calc(20 * 100vw / 1920);

    }
    .step-flow{
        display: flex; 
    }
    .step-flow-repair{
        display: flex; 
    }
    .step-flow-relocation{
        display: flex; 
    }
    .step-flow-maintenance{
        display: flex; 
    }
    .step1, .step2, .step3, .step4 {
        text-align: center;
    }
    .step1{
        background-image: url("../img/business/step1.webp");
        width:calc(281 * 100vw / 1920) ;
        height: calc(223 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step2{
        background-image: url("../img/business/step2.webp");
        width:calc(281 * 100vw / 1920) ;
        height: calc(223 * 100vw / 1920);
        margin-left: calc(-25*100vw/1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step3{
        background-image: url("../img/business/step3.webp");
        width:calc(281 * 100vw / 1920) ;
        height: calc(223 * 100vw / 1920);
        margin-left: calc(-25*100vw/1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .step4{
        background-image: url("../img/business/step4.webp");
        width:calc(238 * 100vw / 1920) ;
        height: calc(223 * 100vw / 1920);
        margin-left: calc(-25*100vw/1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .equipment-img{
        width:calc(670 * 100vw / 1920) ;
        height: calc(447 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .repair-img{
        width:calc(670 * 100vw / 1920) ;
        height: calc(447 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .relocation-img{
        width:calc(670 * 100vw / 1920) ;
        height: calc(447 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .maintenance-img{
        width:calc(670 * 100vw / 1920) ;
        height: calc(447 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .step-number1{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(18 * 100vw / 1920);
        justify-content: center;



    }
    .title1-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(20 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(13 * 100vw / 1920);
        justify-content: center;

    }
    .step-number2{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step2{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);
        justify-content: center;



    }
    .step-number3{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step3{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);
        justify-content: center;



    }
    .step-number4{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(18 * 100vw / 1920);
        justify-content: center;



    }
    .title1-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(20 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(13 * 100vw / 1920);
        justify-content: center;

    }
    .sticker-right{
        position:absolute;
        z-index: 2;
        margin-left:  calc(617 * 100vw / 1920);
        margin-top:  calc(-22 * 100vw / 1920);


    }
    .repair{
        margin-bottom: calc(240*100vw/1920);
        background: rgba(11, 11, 11, 0.6);
    }
	.repair_left_top{
        padding-bottom: calc(32*100vw/1920);
	}
    .repair__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        width:calc(1001*100vw/1920) ;
        font-size: calc(24*100vw/1920);
        line-height: 200%;
        color: var(--white-color);


    }

    .repair__title2{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        width:calc(947*100vw/1920) ;
        font-size: calc(22*100vw/1920);
        line-height: 200%;
        color: var(--white-color);
        border: 1px var(--main-color);
        padding: calc(13*100vw/1920)
                calc(26.5*100vw/1920)
                calc(13*100vw/1920)
                calc(26.5*100vw/1920);
        

    }


    .repair .main-content {
        width: 91.25vw;
        margin: auto;
        z-index: 5;
    }
    .main-content .repair-title{
        font-family:var(--font-syne-static);
        font-style: normal;
        font-weight: 800;
        font-size: calc(109*100vw/1920);
        line-height: 100%;
        align-items: flex-end;
        color: rgba(11, 11, 11, 0.9);
        -webkit-text-stroke: 1px var(--main-color);
    }

    .repair-grid{
        display: flex;
        gap: calc(97 * 100vw / 1920);
        align-items: flex-start;
    }
    .repair__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        max-width: calc(947 * 100vw / 1920);
        color: var(--white-color);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        line-height: 2;
        border: 1px solid var(--main-color);
        background: #0B0B0B;
        
    }
    .step-flow-repair{
        .step-number1{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    .step-number2{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step2{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    .step-number4{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    }
    .relocation{
        margin-bottom: calc(240*100vw/1920);
        background: rgba(11, 11, 11, 0.6);
    }
	.relocation_left_top{
        padding-bottom: calc(32*100vw/1920);
	}
    .relocation__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        width:calc(1001*100vw/1920) ;
        font-size: calc(24*100vw/1920);
        line-height: 200%;
        color: var(--white-color);

    }

    .relocation__title2{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        width:calc(947*100vw/1920) ;
        font-size: calc(22*100vw/1920);
        line-height: 200%;
        color: var(--white-color);
        border: 1px var(--main-color);
        padding: calc(13*100vw/1920)
                calc(26.5*100vw/1920)
                calc(13*100vw/1920)
                calc(26.5*100vw/1920);
        

    }


    .relocation .main-content {
        width: 91.25vw;
        margin: auto;
        z-index: 5;
    }
    .main-content .relocation-title{
        font-family:var(--font-syne-static);
        font-style: normal;
        font-weight: 800;
        font-size: calc(109*100vw/1920);
        line-height: 100%;
        align-items: flex-end;
        color: rgba(11, 11, 11, 0.9);
        -webkit-text-stroke: 1px var(--main-color);
    }

    .relocation-grid{
        display: flex;
        gap: calc(97 * 100vw / 1920);
        align-items: flex-start;
    }
	.relocation-left{
        width: calc(1000 * 100vw / 1920) ;
    }
    .relocation__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        max-width: calc(947 * 100vw / 1920);
        color: var(--white-color);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        line-height: 2;
        border: 1px solid var(--main-color);
        background: #0B0B0B;
        
    }
    .step-flow-relocation{
        .step-number1{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    .step-number2{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step2{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    .step-number3{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step3{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);



    }
    .step-number4{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(60 * 100vw / 1920);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;
        padding-top: calc(11 * 100vw / 1920);


    }
    .title-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(32 * 100vw / 1920);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
        padding-top: calc(34 * 100vw / 1920);

    }

    }
    .maintenance{
        margin-bottom: calc(180*100vw/1920);
		background: rgba(11, 11, 11, 0.6);
    }
	.maintenance_left_top{
        padding-bottom: calc(32*100vw/1920);
	}
    .maintenance__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        width:calc(1001*100vw/1920) ;
        font-size: calc(24*100vw/1920);
        line-height: 200%;
        color: var(--white-color);

    }

    .maintenance__title2{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        width:calc(947*100vw/1920) ;
        font-size: calc(22*100vw/1920);
        line-height: 200%;
        color: var(--white-color);
        border: 1px var(--main-color);
        padding: calc(13*100vw/1920)
                calc(26.5*100vw/1920)
                calc(13*100vw/1920)
                calc(26.5*100vw/1920);
        

    }


    .maintenance .main-content {
        width: 91.25vw;
        margin: auto;
        z-index: 5;
    }
    .main-content .maintenance-title{
        padding-top:calc(84*100vw/1920);
        font-family:var(--font-syne-static);
        font-style: normal;
        font-weight: 800;
        font-size: calc(109*100vw/1920);
        line-height: 100%;
        align-items: flex-end;
        color: rgba(11, 11, 11, 0.9);
        -webkit-text-stroke: 1px var(--main-color);
    }

    .maintenance-grid{
        display: flex;
        gap: calc(97 * 100vw / 1920);
        align-items: flex-start;
    }
    .maintenance__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        max-width: calc(947 * 100vw / 1920);
        color: var(--white-color);
        font-size: calc(22 * 100vw / 1920);
        font-weight: 500;
        line-height: 2;
        border: 1px solid var(--main-color);
        background: #0B0B0B;
        
    }
    .business-content-left{
        position:absolute;
        bottom:calc(29 * 100vw / 1920);
        left:0;
        width:calc(351*100vw/1920);
        height:calc(483*100vw/1920) ;
    }
    .icon-top-left{
         position:absolute;
        background-image: url("../img/business/top-left-icon.webp");
        top:0;
        left: 0;
        width:calc(53*100vw/1920);
        height:calc(46*100vw/1920) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 5;
    }
    .icon-top-right{
        position:absolute;
        background-image: url("../img/business/bottom-left-icon.webp");
        bottom:0;
        left:calc(274*100vw/1920) ;
        width:calc(77*100vw/1920);
        height:calc(66*100vw/1920) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 5;
    }
    .business-content-left-img{
        width:calc(305*100vw/1920);
        height:calc(430*100vw/1920) ;
        margin-top:calc(30*100vw/1920)  ;
    }
    .business-content-left-img video{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .footer-content-play {
        position: absolute;
        top: 44.5%;
        left: 57.5%;
        translate: -50% -50%;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(6 * 100vw / 1920);
        color: var(--gray-color);
        z-index: 2;
        margin-top:calc(30*100vw/1920);
    }
    .business-content-left-img .footer-content-play {
        position: absolute;
        top: 44.5%;
        left: 46.5%;
        translate: -50% -50%;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(6 * 100vw / 1920);
        z-index: 2;
        margin-top:calc(30*100vw/1920)  ;
    }
    .footer-content-play__text {
    font-family: var(--font-syne);
    font-size: calc(24 * 100vw / 1920);
    font-weight: 800;
    width:calc(166 * 100vw / 1920) ;
    }
    .footer-content-play{
        color: var(--main-color);
    }
    .business-content-right{
        position:absolute;
        top:calc(447 * 100vw / 1920);
        right: 0;
        width:calc(210*100vw/1920);
        height:calc(345*100vw/1920) ;
    }
    .business-content-right-img{
        width:calc(210*100vw/1920);
        height:calc(308*100vw/1920) ;
        background-image: url("../img/business/right-branding-img.webp");
        margin-top: calc(37*100vw/1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .business-content-right-img video{
        width: 100%;
        height: auto;
    }
	/* .business-content-right-img::after {
        content: "";
        position: absolute;
        top: 1.8vw;
        left: 0;
        width: 100%;
        height: 17vw;
        background: rgba(11, 11, 11, 0.3);
    }
	.business-content-left-img::after {
        content: "";
		display: block;
        top: 1.6vw;
        left: 0;
        width: 16vw;
        height: 23vw;
        background: rgba(11, 11, 11, 0.3);
    } */
    .icon-top-left2{
         position:absolute;
         right: 0;
         top:0;
        background-image: url("../img/business/bottom-left-icon.webp");
        width:calc(77*100vw/1920);
        height:calc(66*100vw/1920) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .equiment-right{
        position: relative;
    }
    .repair-right{
        position: relative;
    }
    .relocation-right{
        position: relative;
    }
    .maintenance-right{
        position: relative;
    }
    .line1{
        position:relative;
        left: calc(501 * 100vw / 1920);
        top: calc(-48.5*100vw/1920);
		text-align: center;
		width: calc(2 * 100vw / 1920);
        height: 3.208333vw;
		background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
		object-fit: contain;

    }
    .contact-btn__wrapper {
        position: absolute;
        top: clamp(0px, calc(889 * 100vw / 1920), 889px);
        right: 0;
        z-index: 10;
        pointer-events: none;
    }
    .business-content .section-text-up__text{
        transform: translateY(190%);
        opacity: 0;
    }
    .body-content-wrapper1 .section-text-up__text{
        animation-delay: 0.5s;
    }
    .small-title.fade-in-up{
        animation-delay: 0.5s;
    }
    .equipment_left_top.fade-in-up{
        animation-delay: 0.5s;
    }
    .equipment__title21.fade-in-up{
         animation-delay: 0.7s;
    }
    .flow-table.fade-in-up{
         animation-delay: 1s;
    }
    .title-step1 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .title1-step1 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .title-step2 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .title-step3 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .title-step4 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .title1-step4 .section-text-up__text{
         animation-delay: 1.2s;
    }
    .repair_left_top.fade-in-up{
        animation-delay: 0.5s;
    }
    .repair__title21.fade-in-up{
         animation-delay: 0.7s;
    }
    .relocation_left_top.fade-in-up{
        animation-delay: 0.5s;
    }
    .relocation__title21.fade-in-up{
         animation-delay: 0.7s;
    }
    .maintenance_left_top.fade-in-up{
        animation-delay: 0.5s;
    }
    .maintenance__title21.fade-in-up{
         animation-delay: 0.7s;
    }



    




}
@media (max-width: 1024px) {
    #business-page {
        

        .business-top-bg {
            position: sticky;
            top: calc(427 * 100vw / 375);
            left: 0;
            right: 0;
            z-index: 1;
            margin-top: calc(177 * 100vw / 375);
            margin-bottom: calc(-588 * 100vw / 375);
        }
        .fixed-image {
            top: 80vw;
            width: 100%;
        }
        .business-top-overlay {
            display: flex;
            width: 100%;
            background: var(--black-color);
        }
        .business-bg__title-pc-overlay {
            width: 100%;
            position: relative;
            align-items: flex-start;
            justify-content: start;
            flex-direction: row-reverse;
            z-index: 2;
            padding-top: calc(50 * 100vw / 375);
            padding-left: calc(23 * 100vw / 375);
            padding-bottom: calc(27.11 * 100vw / 375);
            bottom: unset;
            left: unset;
        }
        .business-bg__title-sp-jp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 0;
        }
		/* .business-content-right-img::after {
        content: "";
        position: relative;
    	}
		.business-content-right-img::after {
        content: "";
        position: relative;
    	} */
        .business-bg__title-sp-jp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 0;
        }
        .business-content{
        position: relative;
        background-image: none ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-bottom:calc(50*100vw/375) ;
        z-index: 2;
        background-image: url("../img/business/businessques-bg.jpg");
        }

        .business-bg__title-sp-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(58.58 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            box-sizing: border-box;
        }
        .business-bg__title-sp-jp1 {
            position: static;
            font-family: var(--font-syne);
            font-size: calc(71.5 * 100vw / 375);
            font-weight: 800;
            line-height: 100%;
            color: var(--main-color);
            writing-mode: vertical-rl;

            background: var(--black-color);
            padding: clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(0 * 100vw / 375), 0px)
                clamp(0px, calc(37.89 * 100vw / 375), 37.89px)
                clamp(0px, calc(0 * 100vw / 375), 0px);
            box-sizing: border-box;
            margin-left: 0;
        }
        .business-bg.fixed-banner {
            position: sticky;
            left: 0;
            right: 0;
            z-index: 1;
            margin-top: calc(327 * 100vw / 375);
        }
        .equipment-grid {
            display:flex;
            gap: calc(30 * 100vw / 375);
        }
    .top-content{
        padding-left: calc(32.6*100vw/375) ;
        padding-top: calc(50*100vw/375) ;

    }
    .title-content{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        width:  calc(280*100vw/375);
        color: var(--white-color);
        font-size: calc(24*100vw/375);
        line-height: 100%;
        border: solid 1px var(--main-color);
        padding: calc(14*100vw/375)
                calc(11.8*100vw/375)
                calc(14*100vw/375)
                calc(18*100vw/375);
    }
    
    .body-content{
        position: relative;
        width: calc(315*100vw/375);
        height:calc(862*100vw/375) ;
        padding-left: calc(30*100vw/375) ;
        padding-top: calc(80*100vw/375) ;

    }
    .body-content-wrapper{
        position: relative;
        width: calc(315*100vw/375);
        height:calc(859*100vw/375) ;

    }
    .body-content-wrapper1{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        text-align: center;
        width:calc(255*100vw/375) ;
        color: var(--white-color);
        font-size: calc(22*100vw/375);
        line-height: 200%;
        padding-left:calc(30*100vw/375) ;
        padding-top:calc(30*100vw/375) ;
    }
    .body-content-wrapper-col{
        width:calc(255*100vw/375);
        padding-left:calc(30*100vw/375) ;
        background-clip: content-box !important;
        background:var(--black-color);
        padding-bottom:calc(29*100vw/375) ;
        gap:calc(10*100vw/375) ;
		padding-top: calc(0 * 100vw / 375);
    }
    .body-content-wrapper-number-col{
         width:calc(98*100vw/375) ;
        padding-left:calc(73.5*100vw/375) ;
        height: calc(69 * 100vw / 375);


    }
	.pin-logo{
        height: calc(110 * 100vw / 375);
    }
    .body-content-wrapper-number{
        position: relative;
        font-family: var(--font-roboto-static);
        font-style: normal;
        font-weight: 700;
        align-items: center;
        overflow: hidden;
        background:none;
        width:calc(98*100vw/375) ;
        color: var(--black-color);
        font-size: calc(56*100vw/375);
        line-height: 100%;
        padding-top:calc(10*100vw/375) ;
        padding-bottom:calc(10*100vw/375) ;
        -webkit-text-stroke: 1px var(--main-color);
    }
    .body-content-wrapper2{
        position: relative;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        overflow: hidden;
        align-items: center;
        color: var(--white-color);
        font-size: calc(18*100vw/375);
        line-height: 200%;
        background: var(--black-color);
        overflow: hidden;
		padding: 0 1vw;
        text-align: justify;
    }
	.body-content-wrapper2.special-spacing{
		letter-spacing: 0.5vw;
	}
    .line {
        position: relative;
        text-align: center;
        height: calc(50*100vw/375);
        padding-top:calc(29*100vw/375) ;
        padding-bottom: calc(29*100vw/375);
        

    }
    .business-content-left{
        position:relative;
        bottom: 0;
        left:0;
        padding-top:calc(42.74*100vw/375) ;
        width:calc(167.4*100vw/375);
        height:calc(242.26*100vw/375) ;
    }
    .icon-top-left{
         position:absolute;
        background-image: url("../img/business/top-left-icon.webp");
         margin-top:calc(48.74*100vw/375) ;
        left: 0;
        width:calc(29.09*100vw/375);
        height:calc(24.93*100vw/375) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .icon-top-right{
         position:absolute;
        background-image: url("../img/business/bottom-left-icon.webp");
        bottom:0;
        left:calc(150.38*100vw/375) ;
        width:calc(42.26*100vw/375);
        height:calc(36.22*100vw/375) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .business-content-left-img{
        width:calc(167.4*100vw/375);
        height:calc(236.36*100vw/375) ;
        margin-top:calc(16*100vw/375)  ;
    }
    .footer-content-play {
		position: absolute;
		top: 44.5%;
		left: 56.5%;
		translate: -50% -50%;
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: calc(6 * 100vw / 1920);
		color: var(--gray-color);
		z-index: 2;
		margin-top:calc(30*100vw/1920);
    }
	.business-content-left .footer-content-play {
        left: 46.5%;
    }
    .business-content-left-img .footer-content-play {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
    }
    .footer-content-play__text {
    font-family: var(--font-syne);
    font-size: calc(16 * 100vw / 375);
    font-weight: 800;
    width:calc(111 * 100vw / 375) ;
    }
    .footer-content-play{
        color: var(--main-color);
    }
    .business-content-right{
        position:relative;
        right: 0;
        top:0;
        width:calc(119*100vw/375);
        height:calc(195.45*100vw/375) ;
    }
    .business-content-right-img{
        width:calc(119*100vw/375);
        height:calc(174.48*100vw/375) ;
        margin-top:calc(30*100vw/1920)  ;
    }
    .icon-top-left2{
         position:absolute;
         right: 0;
         top:0;
         margin-top: calc(-15 * 100vw / 375);
        background-image: url("../img/business/bottom-left-icon.webp");
        width:calc(46.62*100vw/375);
        height:calc(37.39*100vw/375) ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .business-content-video{
		background: black;
        padding-top:calc(90*100vw/375);
        position: relative;
        display: flex;
        padding-left:calc(11.68*100vw/375) ;
        gap:calc(65.25*100vw/375);
		z-index:3;
    }
    .footer-content-play__icon {
        padding-top:calc(42.74*100vw/375) ;
      width: calc(44 * 100vw / 375);
        height: auto;
    }
    .pin-logo__wrapper{
        background: var(--black-color);
        padding-bottom: calc(90 * 100vw / 375);
        z-index: 5;
    }
    .title-kamiya{
        padding-bottom: calc(90*100vw/375);
    }
    .equipment{
        padding-bottom: calc(100*100vw/375);
        background-color: var(--black-color);
		margin-bottom: 0;
        margin-top: 0;
    }
    .equipment-img{
        width:100% ;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .main-content .equipment-title{
        font-family:var(--font-syne-static);
        font-style: normal;
		height:calc(65*100vw/375);
        font-weight: 800;
        font-size: calc(30*100vw/375);
        line-height: 100%;
        align-items: flex-end;
        color: rgba(11, 11, 11, 0.9);
        -webkit-text-stroke: 1px var(--main-color);
    }
    .equipment_left_top{
        padding-top: calc(20*100vw/375);
        padding-bottom: calc(20*100vw/375);

    }
    .equipment__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18*100vw/375);
        line-height: 200%;
        color: var(--white-color);
        padding-bottom: calc(20*100vw/375);

    }
    .equipment_left_top.section-text-up{
        display: block;
        padding-top:calc(20*100vw/375) ;
        padding-bottom:calc(20*100vw/375) ;

    }
    .equipment__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        color: var(--white-color);
        font-size: calc(18 * 100vw / 375);
        font-weight: 500;
        line-height: 2;
        text-align: justify;
        max-width: calc(285 * 100vw / 375);
        border:1px solid var(--main-color);
        padding: calc(13*100vw/375)
                calc(15*100vw/375)
                calc(13*100vw/375)
                calc(15*100vw/375);
        
    }
    .equipment .main-content {
        width:calc(314*100vw/375);
        margin: auto;
        z-index: 5;
		padding-top: calc(30 * 100vw / 375);
    }
    .flow-title{
        font-family:var(--font-syne);
        font-style: normal;
        font-weight: 800;
        font-size: calc(40 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
		padding-top: calc(50 * 100vw / 375);
    }
    .step-flow-sp{
        display: block; 
        padding-top: calc(10 * 100vw / 375);
    }
    .step1-sp{
        display: flex;
        gap:calc(20 * 100vw / 375);
    }
    .step1-sp-img{
        background-image: url("../img/business/step1-sp.webp");
        width:calc(50 * 100vw / 375) ;
        height: calc(150 * 100vw /375);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step-number1{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(50 * 100vw / 375);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;


    }
    .title-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(28 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
		justify-content: flex-start;


    }
    .title1-step1{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;

    }
    .step2-sp{
        display: flex;
        gap:calc(20 * 100vw / 375);
        margin-top:calc(-15 * 100vw / 375) ;

    }
    .step2-sp-img{
        background-image: url("../img/business/step2-sp.webp");
        width:calc(50 * 100vw / 375) ;
        height: calc(150 * 100vw /375);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step-number2{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(50 * 100vw / 375);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;

    }
    .title-step2{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(28 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;


    }
        .step3-sp{
        display: flex;
        gap:calc(20 * 100vw / 375);
        margin-top:calc(-15 * 100vw / 375) ;

    }
    .step3-sp-img{
        background-image: url("../img/business/step3-sp.webp");
        width:calc(50 * 100vw / 375) ;
        height: calc(150 * 100vw /375);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step-number3{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(50 * 100vw / 375);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;

    }
    .title-step3{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(28 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;


    }
    .step4-sp{
        display: flex;
        gap:calc(20 * 100vw / 375);
        margin-top:calc(-15 * 100vw / 375) ;

    }
    .step4-sp-img{
        background-image: url("../img/business/step4-sp.webp");
        width:calc(50 * 100vw / 375) ;
        height: calc(150 * 100vw /375);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .step-number4{
        font-family:var(--font-jost-static);
        font-style: normal;
        font-weight: 500;
        font-size: calc(50 * 100vw / 375);
        line-height: 100%;
        color: var(--black-color);
        -webkit-text-stroke: 1px var(--main-color);
        align-items: center;


    }
    .title-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 600;
        font-size: calc(28 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;
		justify-content: flex-start;


    }
    .title1-step4{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18 * 100vw / 375);
        line-height: 100%;
        color: var(--white-color);
        align-items: center;

    }
    .repair{
        padding-bottom: calc(100*100vw/375);
        background-color: var(--black-color);
        margin-bottom: 0;
    }
    .repair-img{
        width:100% ;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .main-content .repair-title{
            font-family: var(--font-syne-static);
            font-style: normal;
            font-weight: 800;
            font-size: calc(30 * 100vw / 375);
            line-height: 100%;
            width: calc(195 * 100vw / 375) ;
            align-items: flex-end;
            color: rgba(11, 11, 11, 0.9);
            -webkit-text-stroke: 1px var(--main-color);
    }
    .main-content .small-title{
        font-family:var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(28*100vw/375);
        line-height: 200%;
        color:var(--white-color);
        padding-bottom:calc(5*100vw/375) ;
    }
    .repair_left_top{
        padding-top: calc(20*100vw/375);
        padding-bottom: calc(20*100vw/375);
    }
    .repair__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18*100vw/375);
        line-height: 200%;
        color: var(--white-color);


    }
    .repair_left_top.section-text-up{
        display: block;
    }
    .repair__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        color: var(--white-color);
        font-size: calc(18 * 100vw / 375);
        font-weight: 500;
        line-height: 2;
        text-align: justify;
        max-width: calc(285 * 100vw / 375);
        border:1px solid var(--main-color);
        padding: calc(13*100vw/375)
                calc(15*100vw/375)
                calc(13*100vw/375)
                calc(15*100vw/375);
        
    }
    .repair .main-content {
        width:calc(314*100vw/375);
        margin: auto;
        z-index: 5;
		padding-top: calc(30 * 100vw / 375);
    }
    .relocation .main-content {
        width:calc(314*100vw/375);
        margin: auto;
        z-index: 5;
    }
	.relocation-left{
        width: 100%;
    }
    .relocation-img{
        width:100% ;
        height:100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .relocation{
        padding-bottom: calc(100*100vw/375);
		margin-bottom: 0;
        background-color: var(--black-color);
    }
    .relocation-img{
        width:100% ;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .main-content .relocation-title{
            font-family: var(--font-syne-static);
            font-style: normal;
            font-weight: 800;
            font-size: calc(30 * 100vw / 375);
            line-height: 100%;
            width: calc(195 * 100vw / 375) ;
            align-items: flex-end;
            color: rgba(11, 11, 11, 0.9);
            -webkit-text-stroke: 1px var(--main-color);
    }
    .relocation_left_top{
        padding-top: calc(20*100vw/375);
        padding-bottom: calc(20*100vw/375);
    }
    .relocation__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18*100vw/375);
        line-height: 200%;
        color: var(--white-color);
        padding-bottom: calc(20*100vw/375);

    }
    .relocation_left_top.section-text-up{
        display: block;
    }
    .relocation__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        color: var(--white-color);
        font-size: calc(18 * 100vw / 375);
        font-weight: 500;
        line-height: 2;
        text-align: justify;
        max-width: calc(285 * 100vw / 375);
        border: 1px solid var(--main-color);
        padding: calc(13*100vw/375)
                calc(15*100vw/375)
                calc(13*100vw/375)
                calc(15*100vw/375);
        
    }
    .relocation .main-content {
        width:calc(314*100vw/375);
        margin: auto;
        z-index: 5;
		padding-top: calc(30 * 100vw / 375);
    }
    .maintenance{
        padding-bottom: calc(100*100vw/375);
		margin-bottom: 0;
        background-color: var(--black-color);
    }
    .maintenance-img{
        width:100% ;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }
    .main-content .maintenance-title{
            font-family: var(--font-syne-static);
            font-style: normal;
            font-weight: 800;
            font-size: calc(30 * 100vw / 375);
            line-height: 100%;
            width: calc(195 * 100vw / 375) ;
            align-items: flex-end;
            color: rgba(11, 11, 11, 0.9);
            -webkit-text-stroke: 1px var(--main-color);
    }
    .maintenance_left_top{
        padding-top: calc(20*100vw/375);
        padding-bottom: calc(20*100vw/375);

    }
    .maintenance__title{
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: calc(18*100vw/375);
        line-height: 200%;
        color: var(--white-color);

    }
    .maintenance_left_top.section-text-up{
        display: block;
    }
    .maintenance__title2 {
        width: 100%;
        font-family: var(--font-noto-sans-jp);
        color: var(--white-color);
        font-size: calc(18 * 100vw / 375);
        font-weight: 500;
        line-height: 2;
        text-align: justify;
        max-width: calc(285 * 100vw / 375);
        border:1px solid var(--main-color);
        padding: calc(13*100vw/375)
                calc(15*100vw/375)
                calc(13*100vw/375)
                calc(15*100vw/375);
        
    }
    .maintenance .main-content {
        width:calc(314*100vw/375);
        margin: auto;
        z-index: 5;
		padding-top: calc(30 * 100vw / 375);
    }
        .contact-btn__wrapper {
            position: absolute;
            padding-top: calc(465 * 100vw / 375);
            top: 0;
            justify-content: end;
            display: flex;
        }
        .contact-btn {
        width: calc(50 * 100vw / 375);
        height: calc(300 * 100vw / 375);
        background: url("../img/contact-btn-bg-sp.png");
        background-size: contain;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: calc(10 * 100vw / 375) calc(6.5 * 100vw / 375);
    }




    

    }
}
/* End css businesss-page  */



/* CSS Pagination */
.pagination {
    margin-top: 0.52083vw;
    text-align: center;
    grid-column: span 2;
}
.pagination .page-numbers {
    width: 1.66666vw;
    height: 1.66666vw;
    align-items: center;       
    justify-content: center; 
    margin: 0 auto;
    display: flex;
    text-align: center;
    text-decoration: none;
    font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 350;
    font-size: 1.09375vw;
    line-height: 100%;
    letter-spacing: 0.11em;
    color: #000000;
    background: transparent;
    box-sizing: border-box;
    transition: background 0.2s, color 0.2s;
}
.pagination .page-numbers .page-numbers {
    border: 1px solid #fff;
    margin: 0 0.2vw 0 0;
}
.pagination .page-numbers .page-numbers.next {
    margin-left: 0.3vw;
    border: none;
}
.pagination .page-numbers .page-numbers.prev {
    border: none; 
    margin-right: 0.5vw;
}
.pagination .next.page-numbers, .pagination .prev.page-numbers {
    width: 0.729166vw;
    height: 0.729166vw;
    margin: 0.5vw auto;
    display: flex;
    color: #000000;
    padding: 0;
}
.pagination .page-numbers.current{
    background: #000000;
    color: #fff;
}


@media (max-width: 1024px) {
.pagination {
        margin-top: 0.52083vw;
        text-align: center;
        grid-column: span 2;
    }
    .pagination .page-numbers {
        width: 6vw;
        height: 6vw;
        margin: 0 auto;
        display: flex;
        padding: 0;
        text-decoration: none;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 350;
        font-size: 3.2vw;
        line-height: 100%;
        letter-spacing: 0.11em;
        color: #000000;
        background: transparent;
        transition: background 0.2s, color 0.2s;
    }
    .pagination .page-numbers .page-numbers {
        border: 1px solid #fff;
    	margin: 0 0.2vw 0 0;
    }
    .pagination .next.page-numbers, .pagination .prev.page-numbers {
        width: 3.2vw;
        height: 3.2vw;
        margin-left: 1vw!important;
        margin-right: 2.5vw!important;
        display: flex;
        color: #000000;
        padding: 0;
    }
    .pagination .page-numbers.current{
        background: #000000;
        color: #fff;
    }
}

/* END CSS Pagination */

/* CSS SDGs Page */
body[data-page-slug="sdgs"] .contact-btn__wrapper {
    position: absolute;
    top: 60vw;
    right: 0px;
    z-index: 10;
    pointer-events: none;
}
body[data-page-slug="sdgs"] .site-header-pc.hidden-sp {
    background-color: transparent;
    border-bottom: unset;
}
#sdgs-page {

    .top-kv {
        position: relative;
        width: 100%;
        min-height: 53vw;
        overflow: hidden;
		padding-top: 2.5vw;
    }

    .sdgs-special-line {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 17.89583vw;
        overflow: hidden;
    }

    .banner-img {
        min-width: 33.6458vw;
        width: 33.6458vw;
        height: 9.6875vw;
        object-fit: cover;
        border-radius: 0;
        /* opacity: 0; */
        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .img-1 {
        position: absolute;
        left: 0;
        z-index: 10;
    }

    .img-2 {
        position: absolute;
        left: 21.041666vw;
        z-index: 10;
    }

    .img-3 {
        position: absolute;
        left: 33.17708vw;
        z-index: 10;
    }

    .animation-text-line {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        white-space: nowrap;
        /* opacity: 0; */
        transition: opacity 0.8s ease-in-out;
        display: flex;
        align-items: center;
    }

    .animation-text-line span {
        display: inline-block;
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: 1px #0B0B0B;
        text-stroke: 1px #0B0B0B;
        margin-right: 2.91666vw;
        letter-spacing: 0.52083vw;
        flex-shrink: 0;

        font-family: var( --font-syne-static);
        font-style: normal;
        font-weight: 800;
        font-size: 5.67708vw;
        line-height: 100%;
        display: flex;
        align-items: flex-end;
    }

    .animation-text-line.show {
        opacity: 1;
    }

    .animation-text-line.moving {
        animation: moveTextLeft 50s linear infinite;
    }

    .top-kv__title-pc-overlay {
        position: absolute;
        text-align: center;
        z-index: 20;
        opacity: 0;
        transition: all 1s ease-out;
        left: 3.166666vw;
        top: 23.5vw;
    }

    .top-kv__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: 0.7vw 0.625vw 0.520833vw;
    }

    .top-kv__title-pc-en {
        font-style: normal;
        line-height: 100%;
        /* identical to box height, or 109px */
        display: flex;
        align-items: flex-end;
        text-align: center;

        /* black */
        color: #0B0B0B;

        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--black-color);
        background-color: var(--main-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }

    .banner-img.show {
        opacity: 1;
        transform: scale(1);
    }

    .img-2.show {}

    .top-kv__title-pc-overlay.fade-in-up-text {
        opacity: 1;
    }

    .img-1 {
		background: url(../img/sdgs/img-1-pc.png);
        position: relative;
		background-size: contain;
    }

    .img-2 {
        background: url(../img/sdgs/img-2-pc.png);
        position: relative;
		background-size: contain;
    }

    .img-3 {
        background: url(../img/sdgs/img-3-pc.png);
        position: relative;
		background-size: contain;
    }


    .history {
        color: #000000;
        padding: 2.6041vw 4.01041vw;
    }

    .history__inner {
        width: 49.739583vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 1.66666vw;
        line-height: 200%;
        color: #0B0B0B;
		opacity: 0;
    }

    .history__inner p {
        margin-bottom: 1.66666vw;
    }

    .history h2 {
        font-weight: 800;
        font-size: 1.6666vw;
    }

    .highlight {
        display: inline-block;
        background-color: #000000;
        color: var(--main-color);
    }

    .sdgs {
        margin-top: 1.354166vw;
        background: #000;
        color: #FFFFFF;
        padding: 0.8854vw 1.32291vw;
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: 0.83333vw;
        line-height: 200%;
        width: 48.5vw;
        opacity: 0;
        box-sizing: border-box;
    }

    .sdgs__title {
        display: inline-block;
        font-weight: 700;
        color: var(--main-color);
    }

    .mix-container {
        width: 91.92708vw;
        margin: 9vw auto 12vw;
    }

    .mix-container.last-mix-container{
        margin-bottom: 9.375vw;
    }

    .header {
        display: flex;
        align-items: end;
        margin-bottom: 1.822916vw;
        gap: 2.08333vw;
    }

    .section-number {
        text-align: center;
    }

    .sdg-icons {
        display: flex;
        gap: 0.83333vw;
    }

    .sdg-icon {
        width: 10.4166vw;
        height: 10.4166vw;
    }

    .sdg-icon .text {
        font-size: 0.6rem;
        line-height: 1.1;
        display: none;
    }

    .main-title {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 3.75vw;
        line-height: 100%;
        display: flex;
        align-items: flex-end;
        width: fit-content;
        color: #ffffff;
        padding: 2.03125vw 3.125vw 2.03125vw 4.16666vw;
        opacity: 0;
		background-color: #0B0B0B;
    }

    .content {
        /* display: grid; */
        gap: 6.77083vw;
        align-items: start;
        margin-top: 0vw;
        display: flex;
    }

    .description {
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 500;
        font-size: 1.1458vw;
        line-height: 200%;
        color: #0B0B0B;
        margin: 1.666666vw 0 3.3333vw;
        width: 63.6979vw;
    }

    .left-content {
		animation-delay: 0.3s!important;
		opacity: 0;
        width: 39.3229vw;
    }

    .initiatives-title {
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 2.08333vw;
        line-height: 170%;
        color: #0B0B0B;
        display: flex;
        align-items: center;
        margin-bottom: 2.1875vw;
    }

    .initiatives-title .highlight-line {
        flex: 1;
        height: 0;
        border-top: 1px dashed #000;
        margin-left: 0.52083vw;
    }

    .initiative-item .highlight {
        display: inline;
        padding: 0;
        background-color: #000000;
        color: var(--main-color);
    }

    .initiative-item {
        width: 39.0625vw;
        padding: 0.572916vw 2.39583vw;
        margin-bottom: 1.25vw;
        border: 1px solid #000000;
        font-size: 0.95rem;
        color: rgba(0, 0, 0, 0.8);
        font-family: var(--font-noto-sans-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 1.14583vw;
        line-height: 200%;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5vw;
        box-sizing: border-box;
        min-height: 5.83333vw;
        justify-content: center;
    }

    .image-section {
        position: relative;
        overflow: hidden;
        width: fit-content;
        height: auto;
        right: 0;
		margin-top: 2vw;
    }

    .street-image {
        width: 45.8333vw;
        height: 24.2708vw;
        position: relative;
        overflow: hidden;
    }

    .street-scene {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: linear-gradient(to top, #8FBC8F 0%, #90EE90 100%);
    }

    .mix-container .text-svg {
        fill: none;
        stroke: #0B0B0B;
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
        transition: stroke-dashoffset 0.1s ease-out;
        font-family: var( --font-jost-static);
        font-style: normal;
        font-weight: 800;
        font-size: 5.67708vw;
        line-height: 100%;
        display: flex;
        align-items: flex-end;
        animation-delay: 0s !important;
    }

    /* .text-svg.animation.animate {
        animation: draw 3s ease-in-out forwards;
    } */

    .bottom-quote {
        width: 91.61041vw;
        margin: auto;
        padding: 9.375vw 0;
        border-top: 1px solid #0B0B0B;
    }

    .bottom-quote .quote-text {

        font-family: 'Noto Sans JP';
        font-style: normal;
        font-weight: 700;
        font-size: 1.666666vw;
        line-height: 200%;

        color: #0B0B0B;


        border: 1px solid #000;
        padding: 1.35416vw 2.55208vw;
    }

     @media (max-width: 1024px) {
        .top-kv {
			position: relative;
			width: 100%;
			min-height: 68vh;
			overflow: hidden;
			padding-top: 66.6666vw;
			padding-bottom: 46.666666vw;
		}

		.sdgs-special-line {
			position: relative;
			display: flex;
			align-items: center;
			width: 100%;
			height: 17.333vh;
			overflow: hidden;
		}
		
		.sdgs-special-line-group{
			position: fixed;
			width: 100%;
			top: 85vw;
		}

		.banner-img {
			width: 61.333vw;
			height: 20vw;
			object-fit: cover;
			border-radius: 0;
			/* opacity: 0; */
			transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			top: -1vw;
		}

		.img-1 {
			position: absolute;
			left: 0;
			z-index: 10;
		}

		.img-2 {
			position: absolute;
			left: 8vw;
			z-index: 10;
		}

		.img-3 {
			position: absolute;
			left: 16vw;
			z-index: 10;
		}

		.animation-text-line {
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			width: 100%;
			white-space: nowrap;
			/* opacity: 0; */
			transition: opacity 0.8s ease-in-out;
			display: flex;
			align-items: center;
			animation: none!important;
		}
		
		.double-line{
			background-size: cover;
            background-position: center;
            background-repeat: repeat-x;
            background-size: auto 100%;
		}
		
		 .double-line.service{
             width: 100%;
             height: 15.666vw;
             background: url(../img/sdgs/service-double-line.png);
             background-size: cover;
             
             background-position-x: 3600px;
         }
          .double-line.environment{
              width: 100%;
             height: 10.666vw;
             background: url(../img/sdgs/line-2-new.png);
			 background-position-x: 3600px;
             background-size: cover;
         }
          .double-line.resource{
              width: 100%;
             height: 10.666vw;
             background: url(../img/sdgs/line-3-new.png);
			 background-position-x: 3600px;
             background-size: cover;
         }

		.animation-text-line span {
			display: inline-block;
			font-weight: 900;
			color: transparent;
			-webkit-text-stroke: 1px #0B0B0B;
			text-stroke: 1px #0B0B0B;
			margin-right: 2.91666vw;
			letter-spacing: 0.52083vw;
			flex-shrink: 0;

			font-family: var( --font-syne-static);
			font-style: normal;
			font-weight: 800;
			font-size: 109.067px;
			line-height: 100%;
			display: flex;
			align-items: flex-end;
		}

		.animation-text-line.show {
			opacity: 1;
		}

		.animation-text-line.moving .double-line {
            animation: bgMove 60s linear infinite;
		}

        

		.top-kv__title-pc-overlay {
			position: absolute;
			text-align: center;
			z-index: 20;
			opacity: 0;
			transition: all 1s ease-out;
			left: 8vw;
			top: 9vw;
		}

		.top-kv__title-pc-jp {
			font-family: var(--font-noto-serif-jp);
			font-size: 10.1333vw;
			font-weight: 700;
			color: var(--white-color);
			background: var(--black-color);
			padding: 0.7vw 0.625vw 1.520833vw;
		}

		.top-kv__title-pc-en {
			font-style: normal;
			line-height: 100%;
			/* identical to box height, or 109px */
			display: flex;
			align-items: flex-end;
			text-align: center;

			/* black */
			color: #0B0B0B;
			font-family: var(--font-syne);
			font-weight: 800;
			font-size: 13.3333vw;
			color: var(--black-color);
			background-color: var(--main-color);
			padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
			width: fit-content;
		}

		.banner-img.show {
			opacity: 1;
			transform: scale(1);
		}

		.img-2.show {}

		.top-kv__title-pc-overlay.fade-in-up-text {
			opacity: 1;
		}

		.img-1 {
			background: url(../img/sdgs/img-1-sp.png);
			position: relative;
            background-size: cover;
		}

		.img-2 {
			background: url(../img/sdgs/img-2-sp.png);
			position: relative;
            background-size: cover;
		}

		.img-3 {
			background: url(../img/sdgs/img-3-sp.png);
			position: relative;
            background-size: cover;
		}


		.history {
			color: #000000;
			padding: 2.6041vw 4.01041vw;
		}

		.history__inner {
			width: 78.933333vw;
			font-family: var(--font-noto-sans-jp);
			font-style: normal;
			font-weight: 700;
			font-size: 5.8666vw;
			line-height: 200%;
			color: #0B0B0B;
			opacity: 0;
			margin: auto;
		}

		.history__inner p {
			margin-bottom: 1.66666vw;
		}

		.history h2 {
			font-weight: 800;
			font-size: 5.8666vw;
		}

		.highlight {
			display: inline;
			background-color: #000000;
			color: var(--main-color);
		}

		.sdgs {
			margin-top: 26px;
			background: #000;
			color: #FFFFFF;
			padding: 8vw;
			font-family: var(--font-noto-sans-jp);
			font-style: normal;
			font-weight: 500;
			font-size: 4.26666vw;
			width: 84vw;
			line-height: 200%;
			box-sizing: border-box;
			margin: auto;
		}

		.sdgs__title {
			display: inline-block;
			font-weight: 700;
			color: var(--main-color);
		}

		.mix-container {
			width: 84vw;
			margin: 0 auto;
			padding: 12vw 0 21.333vw;
		}

		.mix-container.last-mix-container{
			margin-bottom: 0;
			padding-bottom: 16vw;
		}

		.header {
			display: flex;
			align-items: flex-start;
			margin-bottom: 5.33333vw;
			gap: 0;
			flex-direction: column;
		}

		.section-number {
			text-align: center;
		}

		.sdg-icons {
			display: flex;
			gap: 3.28vw;
			width: 100%;
			flex-wrap: wrap;
		}

		.sdg-icon {
			width: 40.2666vw;
			height: 40.2666vw;
		}

		.sdg-icon .text {
			font-size: 0.6rem;
			line-height: 1.1;
			display: none;
		}

		.main-title {
			font-family: var(--font-noto-serif-jp);
			font-style: normal;
			font-weight: 700;
			font-size: 6.9333vw;
			line-height: 100%;
			display: flex;
			align-items: flex-end;
			width: fit-content;
			color: #ffffff;
			padding: 2.6666vw;
			width: 84vw;
			box-sizing: border-box;
		}

		.content {
			/* display: grid; */
			gap: 6.77083vw;
			align-items: start;
			margin-top: 5.33333vw;
			display: flex;
			flex-direction: column;
		}

		.description {
			font-family: var(--font-noto-sans-jp);
			font-style: normal;
			font-weight: 500;
			font-size: 4.8vw;
			line-height: 200%;
			color: #0B0B0B;
			margin: 5.33333vw 0 3.3333vw;
			width: 100%;
		}

		.left-content {
			animation-delay: 0s !important;
        	opacity: 0;
			width: 100%;
		}

		.initiatives-title {
			font-family: var(--font-noto-serif-jp);
			font-style: normal;
			font-weight: 700;
			font-size: 6.93333vw;
			line-height: 170%;
			color: #0B0B0B;
			display: flex;
			align-items: center;
			margin-bottom: 5.3333vw;
		}

		.initiatives-title .highlight-line {
			flex: 1;
			height: 0;
			border-top: 1px dashed #000;
			margin-left: 0.52083vw;
		}

		.initiative-item .highlight {
			display: inline;
			padding: 0.2vw 0;
			background-color: #000000;
			color: var(--main-color);
		}

		.initiative-item {
			width: 100%;
			padding: 2.9333vw 4.3333vw;
			margin-bottom: 2.666vw;
			border: 1px solid #000000;
			font-size: 0.95rem;
			color: rgba(0, 0, 0, 0.8);
			font-family: var(--font-noto-sans-jp);
			font-style: normal;
			font-weight: 700;
			font-size: 4.8vw;
			line-height: 200%;
			letter-spacing: 0.04em;
			display: flex;
			flex-direction: column;
			gap: 0.5vw;
			box-sizing: border-box;
			min-height: 5.83333vw;
			justify-content: center;
		}

		.image-section {
			position: relative;
			overflow: hidden;
			transform: translateY(2vw);
			width: fit-content;
			height: auto;
			right: 0;
		}

		.street-image {
			width: 84vw;
			height: 44.48vw;
			position: relative;
			overflow: hidden;
		}

		.street-scene {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 60%;
			background: linear-gradient(to top, #8FBC8F 0%, #90EE90 100%);
		}

		.mix-container .text-svg {
			fill: none;
			stroke: #0B0B0B;
			transition: stroke-dashoffset 0.1s ease-out;
			font-family: var( --font-jost-static);
			font-style: normal;
			font-weight: 800;
			font-size: 16vw;
			line-height: 100%;
			display: flex;
			align-items: flex-end;
			animation-delay: 0s !important;
		}

		.text-svg.animation.animate {
			animation: draw 3s ease-in-out forwards;
		}

		.bottom-quote {
			width: 84.2vw;
			margin: auto;
			padding: 16vw 0;
			border-top: 1px solid #0B0B0B;
			box-sizing: border-box;
		}

		.bottom-quote .quote-text {
			font-family: var(--font-noto-sans-jp);
			font-style: normal;
			font-weight: 500;
			font-size: 4.2666vw;
			line-height: 200%;
			color: #0B0B0B;
			border: 1px solid #000;
			padding: 6.93333vw 8vw;
		}
    }
	.history.section-animate.animate .history__inner,
    .bottom-quote.section-text-up.animate .quote-text.section-text-up__text{
        animation: fade-in-up-text-animation-custom-position 0.8s ease-in-out forwards;
    }
    .section-text-up.animate .sdgs.section-text-up__text{
        animation: text-up-animation 0.8s
                cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    }
    .left-content__wrapper.animation.animate > .left-content,
        .image-section.animation.animate {
        animation: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards running text-up-animation;
    }
	.content.animation.animate .left-content {
        animation: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards running text-up-animation;
    }
}

#sdgs-page .animation-container.moving {
	animation: moveContainerLeft 50s linear infinite;
}

.sdgs-special-line-group.hidden-pc .banner-img.moving{
	animation: moveContainerLeftCustom 5s linear infinite;
}

.banner-img.img-1.duplicate{
    left: 66.5vw!important;
    opacity: 1!important;    
}
.banner-img.img-2.duplicate{
    left: 87.7vw!important;
    opacity: 1!important; 
}
.banner-img.img-3.duplicate{
    left: 99.5vw!important;
    opacity: 1!important;
}

.banner-img.moving{
	animation: moveContainerLeftCustomPC 50s linear infinite;
}

.animation-image-line{
	display:flex;
}
@keyframes moveContainerLeftCustomPC {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-298%);
        }
}

@media (max-width: 1024px) {
	.banner-img.img-1.duplicate{
		left: 48.5vw!important;
		opacity: 1!important;
	}
	.banner-img.img-2.duplicate{
		left: 56.4vw!important;
		opacity: 1!important;
	}
	.banner-img.img-3.duplicate{
		left: 64.5vw!important;
		opacity: 1!important;
	}
}
@keyframes moveContainerLeftCustom {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-197%);
    }
}

@keyframes moveContainerLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-103%);
        }
}
#sdgs-page .animation-text-group.duplicate {
    position: absolute;
    left: 103vw;
    top: 0;
    width: 100vw;
}
#sdgs-page .animation-text-group.duplicate .animation-text-line{
    opacity: 1!important;
}

#sdgs-page .animation-text-group.duplicate .banner-img{
    opacity: 1!important;
}
/*END CSS SDGs Page */
/* CSS Stick banner */
.stick-container {
	height: 33.854vw !important;
	position: relative;
	overflow: hidden;
	
	.connection-line {
      position: absolute;
      background-color: #000000;
      z-index: 1;
    }

    .connection-point {
      position: absolute;
      width: 0.8333vw;
      height: 0.8333vw;
      background-color: #F5BD04;
      border-radius: 50%;
      border: 1px solid #000000;
      z-index: 2;
      transform: translate(-50%, -50%);
    }

    .line-1 {
      bottom: 32.302vw;
      left: 47.21354vw;
      width: 42vw;
      height: 1px;
	  --original-width: 42vw;
    }

    .line-2 {
      bottom: 24.3854vw;
      left: 33.21875vw;
      width: 14vw;
      height: 1px;
	  --original-width: 14vw;
    }

    .line-3 {
      bottom: 10.0625vw;
      left: 47vw;
      width: 14vw;
      height: 1px;
	  --original-width: 14vw;
    }

    .line-4 {
      bottom: 10.0625vw;
      left: 61vw;
      width: 28vw;
      height: 1px;
	  --original-width: 28vw;
    }

    .line-5 {
      bottom: 1.260416vw;
      left: 61vw;
      width: 42vw;
      height: 1px;
	  --original-width: 42vw;
    }

    .line-6 {
      top: 10vw;
      left: 33.1875vw;
      width: 1px;
      height: 20vw;
	  --original-height: 20vw;
    }

    .line-7 {
      top: 1.302vw;
      left: 47.2vw;
      width: 1px;
      height: 8vw;
	  --original-height: 8vw;
    }

    .line-8 {
      top: 10vw;
      left: 47.2vw;
      width: 1px;
      height: 14vw;
	  --original-height: 14vw;
    }

    .line-9 {
      top: 2vw;
      left: 89vw;
      width: 1px;
      height: 22vw;
	  --original-height: 22vw;
    }

    .line-10 {
      top: 24vw;
      left: 61.2vw;
      width: 1px;
      height: 9vw;
	  --original-height: 9vw;
    }

    .line-11 {
      top: 30.2vw;
      left: 0vw;
      width: 33vw;
      height: 1px;
	  --original-width: 33vw;
    }

    .point-1 {
      bottom: 2.65625vw;
      left: 33.21875vw;
    }

    .point-2 {
      bottom: 23.3854vw;
      left: 33.21875vw;
    }

    .point-3 {
      bottom: 9.0625vw;
      left: 47.21354vw;
    }

    .point-4 {
      bottom: 23.3854vw;
      left: 47.21354vw;
    }

    .point-5 {
      bottom: 31.302vw;
      left: 47.21354vw;
    }

    .point-6 {
      bottom: 0.260416vw;
      left: 61.328125vw;
    }

    .point-7 {
      bottom: 9.0625vw;
      left: 61.328125vw;
    }

    .point-8 {
      bottom: 9.0625vw;
      left: 89.1666vw;
    }

    .point-9 {
      bottom: 31.302vw;
      left: 89.1666vw;
    }

    .point-10 {
      top: 400px;
      left: 650px;
    }

    .point-11 {
      top: 400px;
      left: 1270px;
    }
}

.stick-background.animation.animate .connection-line.line-1,
.stick-background.animation.animate .connection-line.line-2,
.stick-background.animation.animate .connection-line.line-3,
.stick-background.animation.animate .connection-line.line-4,
.stick-background.animation.animate .connection-line.line-5,
.stick-background.animation.animate .connection-line.line-11{
  animation: flashLineHorizontal 0.3s  ease-in-out 3;
}

.stick-background.animation.animate .connection-line.line-6,
.stick-background.animation.animate .connection-line.line-7,
.stick-background.animation.animate .connection-line.line-8,
.stick-background.animation.animate .connection-line.line-9,
.stick-background.animation.animate .connection-line.line-10{
  animation: flashLineVertical 0.3s  ease-in-out 3; 
}

@media (max-width: 1024px) {
    .stick-container {
        height: 129.066vw!important;
		.connection-line {
			position: absolute;
			background-color: #000;
			z-index: 1;
		}

		.connection-point {
			position: absolute;
			width: 3.6vw;
			height: 3.6vw;
			background-color: #F5D76E;
			border-radius: 50%;
			border: 1px solid #000;
			z-index: 2;
			transform: translate(-50%, -50%);
		}

		.line-1 {
			top: 7vw;
			left: 8vw;
			width: 60vw;
			height: 1px;
			--original-width: 60vw;
		}

		.line-2 {
			top: 84vw;
			left: 67vw;
			width: 25vw;
			height: 1px;
			--original-width: 25vw;
		}

		.line-3 {
			top: 104vw;
			left: 8vw;
			width: 59vw;
			height: 1px;
			--original-width: 59vw;
		}

		.line-4 {
			top: 121vw;
			left: 24vw;
			width: 60vw;
			height: 1px;
			--original-width: 60vw;
		}

		.line-5 {
			top: 6vw;
			left: 7.5vw;
			width: 1px;
			height: 96vw;
			--original-height: 96vw;
		}

		.line-6 {
			top: 6vw;
			left: 68vw;
			width: 1px;
			height: 96vw;
			--original-height: 96vw;
		}

		.line-7 {
			top: 103vw;
			left: 26vw;
			width: 1px;
			height: 18vw;
			--original-height: 18vw;
		}

		.line-8 {
			top: 0;
			left: 93vw;
			width: 1px;
			height: 82vw;
			--original-height: 82vw;
		}

		.line-9 {
			top: 120vw;
			left: 84vw;
			width: 1px;
			height: 45px;
			--original-height: 45px;
		}

		.line-10 {
			top: 150px;
			left: 920px;
			width: 2px;
			height: 140px;
			display: none;
		}

		.line-11 {
			top: 150px;
			left: 380px;
			width: 2px;
			height: 220px;
			display: none;
		}

		.point-1 {
			top: 7.4vw;
			left: 7.8vw;
		}

		.point-2 {
			top: 7.4vw;
			left: 68vw;
		}

		.point-3 {
			top: 84.46666vw;
			left: 93.2vw;
		}

		.point-4 {
			top: 84.46666vw;
			left: 68vw;
		}

		.point-5 {
			top: 103.866vw;
			left: 68vw;
		}

		.point-6 {
			top: 103.866vw;
			left: 26vw;
		}

		.point-7 {
			top: 103.866vw;
			left: 7.8vw;
		}

		.point-8 {
			top: 121.0666vw;
			left: 26vw;
		}

		.point-9 {
			top: 121.0666vw;
			left: 84vw;
		}

		.point-10 {
			top: 400px;
			left: 650px;
			display: none;
		}

		.point-11 {
			top: 400px;
			left: 1270px;
			display: none;
		}

        .stick-background.animation.animate .connection-line.line-1,
        .stick-background.animation.animate .connection-line.line-2,
        .stick-background.animation.animate .connection-line.line-3,
        .stick-background.animation.animate .connection-line.line-4{
          animation: flashLineHorizontal 0.3s  ease-in-out 3;
        }
        
        .stick-background.animation.animate .connection-line.line-5,
        .stick-background.animation.animate .connection-line.line-6,
        .stick-background.animation.animate .connection-line.line-7,
        .stick-background.animation.animate .connection-line.line-8,
        .stick-background.animation.animate .connection-line.line-9,
        .stick-background.animation.animate .connection-line.line-10{
          animation: flashLineVertical 0.3s  ease-in-out 3; 
        }
	}
}
/* End Css Stick banner */
/*CSS ABOUT*/
body[data-page-slug="about"] {
    color: #ffffff;

    .contact-btn__wrapper {
        position: absolute;
        top: clamp(0px, calc(830 * 100vw / 1920), 830px);
        right: 0;
        pointer-events: none;
    }
}
#about-page{
    .top-kv {
        position: relative;
    }

    .top-kv__bg {
        position: relative;
        width: 100%;
        height: calc(944 * 100vw / 1920);
        max-height: 944px;
        overflow: hidden;
    }

    .top-kv__bg-img {
        width: 100%;
        height: 100%;
    }

    .top-kv__bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .top-kv__title-pc-overlay {
        position: absolute;
        bottom: clamp(0px, calc(71 * 100vw / 1920), 71px);
        left: calc(79 * 100vw / 1920);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .top-kv__title-pc-jp {
        font-family: var(--font-noto-serif-jp);
        font-size: clamp(0px, calc(64 * 100vw / 1920), 64px);
        font-weight: 700;
        color: var(--white-color);
        background: var(--black-color);
        padding: clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(20 * 100vw / 1920), 20px) clamp(0px, calc(9 * 100vw / 1920), 9px) clamp(0px, calc(12 * 100vw / 1920), 12px);
    }

    .top-kv__title-pc-en {
        font-family: var(--font-syne);
        font-weight: 800;
        font-size: clamp(0px, calc(109 * 100vw / 1920), 110px);
        color: var(--main-color);
        background-color: var(--black-color);
        padding-right: clamp(0px, calc(16 * 100vw / 1920), 16px);
    }

    .highlight_en {
        color: var(--accent-1-color);
    }

    .highlight {
        color: var(--main-color);
    }

    .about-grid {
        display: flex;
        gap: calc(45 * 100vw / 1920);
        align-items: flex-start;
        padding: calc(230 * 100vw / 1920) 0 0 0;
    }

    .about-left {
        display: flex;
        flex-direction: column;
        gap: calc(100 * 100vw / 1920);
    }

    .about_left_top {
        padding-left: calc(79 * 100vw / 1920);
        width: calc(760 * 100vw / 1920);
    }

    .about__title {
        font-family: var(--font-noto-sans-jp);
        font-size: clamp(18px, calc(32 * 100vw / 1920), 99px);
        font-weight: 700;
        line-height: 200%;
        


    }
    /* .about__title.section-text-up__text{
        animation-delay: 1s;
    } */

    .about__image {
        position: relative;
        width: calc(1054 * 100vw / 1920);
        height: calc(737 * 100vw / 1920);
        z-index: 1;
        background-image: url(../img/about/ab_content.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
#about-page-video{
    .about-video {
        position: absolute;
        align-items: center;
        margin-top: calc(-500 * 100vw / 1920);
        box-sizing: border-box;
    }
    .about-video .vide_img_bg{
        width: calc(460 * 100vw / 1920);
        height: calc(618 * 100vw / 1920);
    }
    .top-left {
        top: calc(-30 * 100vw / 1920);
        left: 0;
        position: absolute;
        z-index: 100;
    }
        .about-content-img{
        position: relative;
        width: calc(460 * 100vw / 1920);
        height: calc(618 * 100vw / 1920);

    }
     .about-content-img video{
        width: 100%;
        height: 100%;
        object-fit: cover;
     }


    .bottom-right {
        bottom: calc(-30 * 100vw / 1920);
        right: calc(-10 * 100vw / 1920);
        position: absolute;
        z-index: 100;
    }

    .bottom-right img,
    .top-left img{
        width: clamp(65px, calc(77 * 100vw / 1920), 77px);
        height: clamp(55px, calc(66 * 100vw / 1920), 66px);
    }

    .footer-content-play {
        color: var(--main-color);
        top: 50% !important;
    }
}

#about-page-content{
    .reason {
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(40 * 100vw / 1920);
        padding: calc(80 * 100vw / 1920) calc(100 * 100vw / 1920);
        margin: calc(250 * 100vw / 1920) calc(80 * 100vw / 1920) calc(150 * 100vw / 1920) calc(80 * 100vw / 1920);
    }

    .reason::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(../img/black-bg.png);
        opacity: 0.25;
        background-size: 100%;
        inset: 0;
    }

    .reason_top {
        display: flex;
        flex-direction: column;
        gap: calc(40 * 100vw / 1920);
    }
    .h2-en {
        font-family: var(--font-jost);
        font-size: clamp(65px, calc(80 * 100vw / 1920), 80px);
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0;
    }
    .reason_top_first {
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: clamp(18px, calc(19 * 100vw / 1920), 19px);
        text-align: center;
        position: relative;
    }
    .highlight {
        color: var(--main-color);
    }
    .reason_top_two {
        width: calc(755 * 100vw / 1920);
    }
    .top_span_txt{
        font-family: var(--font-noto-serif-jp);
        color: var(--white-color);
        font-weight: 600;
        font-size: calc(40 * 100vw / 1920);
        line-height: 1.5;
        width: fit-content;
        padding: 0 calc(10 * 100vw / 1920);
    }

    .reason_item{
        padding: calc(35 * 100vw / 1024) calc(30 * 100vw / 1024) calc(35 * 100vw / 1024) calc(60 * 100vw / 1024) !important;
        background-color: var(--black-color);
        display: flex;
        flex-direction: column;
        gap: calc(30 * 100vw / 1920);
        width:calc(1340 * 100vw / 1920);
        position: relative;
    }
    .reason_item_row {
        display: flex;

        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .reason_item_top {
        display: flex;
        flex-direction: column;
        gap: calc(30 * 100vw / 1920);
        width: 88%;
        max-width: 1179px;
    }
    .reason_item_img {
        position: relative;
        vertical-align: top;
        align-self: flex-start;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .reason_item_img img.img_01{
        width:  calc(113 * 100vw / 1920);
        height: calc(113 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .reason_item_img img.img_02{
        width: calc(93 * 100vw / 1920);
        height: calc(115 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .reason_item_img img.img_03{
        width: calc(135 * 100vw / 1920);
        height: calc(135 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .reason_item_img img.img_04{
		position: absolute;
        width: calc(126 * 100vw / 1920);
        height: calc(135 * 100vw / 1920);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
		left: calc(-128 * 100vw / 1920);
    }

    .reason_item_content{
        font-weight: 500;
        font-size: calc(22 * 100vw / 1920);
        line-height: 2;
    }
    .reason_item_content.fade-in-up-text{
            animation-delay: 0.5s;
    }
    .item_first {
        display: flex;
        align-items: end;
        gap: calc(5 * 100vw / 1920);
    }
    .item_first div{
        float: none;
        line-height: 1.1 !important;
        font-weight: 700;
        letter-spacing: 0;
    }
    .sp_number {
        font-family: var(--font-roboto-static);
        font-size: calc(56 * 100vw / 1920);
        -webkit-text-stroke: 0.9px var(--main-color);
        color: transparent;
    }

    .sp_text_bg {
        font-family: var(--font-noto-serif-jp);
        font-size: calc(90 * 100vw / 1920);
    }

    .sp_text {
        font-family: var(--font-noto-sans-jp);
        font-size: calc(38 * 100vw / 1920);
    }
    .reason-line-center{
        position: relative;
        width: 3px;
        height: 140px;
        margin: 0 auto;
        background: linear-gradient(
                to bottom,
                transparent 0%,
                transparent 6%,
                var(--main-color) 6%,
                var(--main-color) 7%,
                transparent 8%,
                transparent 11.75%,
                var(--main-color) 11.75%,
                var(--main-color) 16%,
                transparent 16%,
                transparent 19.75%,
                var(--main-color) 19.75%,
                var(--main-color) 24%,
                transparent 24%,
                transparent 27.75%,
                var(--main-color) 27.75%,
                var(--main-color) 32%,
                transparent 32%,
                transparent 35.75%,
                var(--main-color) 35.75%,
                var(--main-color) 40%,
                transparent 40%,
                transparent 43.75%,
                var(--main-color) 43.75%,
                var(--main-color) 48%,
                transparent 48%,
                transparent 51.75%,
                var(--main-color) 51.75%,
                var(--main-color) 56%,
                transparent 56%,
                transparent 59.75%,
                var(--main-color) 59.75%,
                var(--main-color) 64%,
                transparent 64%,
                transparent 67.75%,
                var(--main-color) 67.75%,
                var(--main-color) 72%,
                transparent 72%,
                transparent 75.75%,
                var(--main-color) 75.75%,
                var(--main-color) 80%,
                transparent 80%,
                transparent 83.75%,
                var(--main-color) 83.75%,
                var(--main-color) 88%,
                transparent 88%,
                transparent 91.75%,
                var(--main-color) 91.75%,
                var(--main-color) 96%,
                transparent 96%,
                transparent 99.75%,
                var(--main-color) 99.75%,
                var(--main-color) 100%
        );
    }

    .card-section-card {
        padding: calc(20 * 100vw / 1024) calc(50 * 100vw / 1024) !important;
        background-color: var(--black-color);
        position: relative;
        width: calc(1400 * 100vw / 1920);
    }
    .card-section-card__img {
        position: relative;
    }
    .card-section-card__img-bg {
        width: 100%
    }
    .card-content{
        display: flex;
        flex-direction: row;
        position: absolute;
        left: calc(10 * 100vw / 1920);
        bottom: calc(10 * 100vw / 1920);
        justify-content: space-between;
        width: 98%;
        align-items: flex-end;
    }
    .card-content__link,
    .card-content__certificate {
        order: 0;
    }

    .card-content__link{
        display: flex;
        flex-direction: column;
        gap: calc(10 * 100vw / 1920);
    }

    .card-content__link__icon{
        font-family: var(--font-noto-sans-jp);
        background-image: url(../img/about/link_icon.png);
        background-repeat: no-repeat;
        background-position: right calc(30 * 100vw / 1920) center;
        background-color: var(--black-color);
        padding: calc(5 * 100vw / 1920) calc(40 * 100vw / 1920) calc(5 * 100vw / 1920) calc(15 * 100vw / 1920);
        width: calc(450 * 100vw / 1920);
        text-align: center;
        font-weight: 500;
        font-size: calc(22 * 100vw / 1920);
        line-height: 2.4;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border: calc(1 * 100vw / 1920) solid transparent;
        border-image-source: linear-gradient(90deg, #f5bd04 0%, #000000 57%, #f5bd04 100%);
        border-image-slice: 1;
        box-sizing: border-box;
    }

    .card-content__link__icon:before{
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f5bd04 0%, #000000 57%, #f5bd04 100%);
        transition: 0.5s opacity ease;
        z-index: 0;
    }

    .card-content__certificate{
        display: flex;
        flex-direction: row;
        gap: calc(40 * 100vw / 1920);
        align-items: flex-end;
    }
    .card-content__certificate .cer_2 img{
        width: clamp(120px, calc(142 * 100vw / 1920), 142px);
        height: clamp(150px, calc(172 * 100vw / 1920), 172px);
    }

    .group-section-grid {
        display: flex;
        flex-direction: column;
        gap: calc(45 * 100vw / 1920);
        padding: 0 0 calc(230 * 100vw / 1920) calc(80 * 100vw / 1920);
    }
    .group_list{
        display: flex;
        flex-direction: column;
        gap: calc(120 * 100vw / 1920);
    }
    .group-top{
        gap: calc(30 * 100vw / 1920);
        display: flex;
        flex-direction: column;
    }
    .group_top_first{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: fit-content;
    }

    .top_first_title{
        font-family: var(--font-jost);
        font-size: calc(80 * 100vw / 1920);
        color: var(--accent-1-color);
        background: var(--black-color);
    }

    .top_first_title::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--black-color);
        z-index: 1;
        transform: scaleX(0);
        transform-origin: left;
        box-sizing: border-box;
    }

    .group_item_content{
        font-size: calc(22 * 100vw / 1920);
        align-items: stretch;
        width: fit-content;
        line-height: 2;
        background: var(--black-color);
        margin-bottom: calc(25 * 100vw / 1920);
    }

    .group_item_content::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--black-color);
        z-index: 1;
        transform: scaleX(0);
        transform-origin: left;
        box-sizing: border-box;
    }

    .top_first_text{
        font-family: var(--font-noto-serif-jp);
        font-weight: 600;
        font-size: calc(20 * 100vw / 1920);
        color: var(--white-color);
    }
    .group_item{
        display: flex;
        flex-direction: row;
        gap: calc(100 * 100vw / 1920);
    }
    .group_item > * {
        flex: 1;
    }
    .group_item_left{
        display: flex;
        flex-direction: column;
        gap: calc(40 * 100vw / 1920);
    }
    .group_item__image{
        width: calc(950 * 100vw / 1920);

    }
    .group_item__image:first-child{
        margin-top: calc(90 * 100vw / 1920);
    }
    .item_text{
        font-weight: 500;
        font-size: calc(22 * var(--vw-with-scrollbar) / 1920);
        line-height: 2;
    }
    .item_text .section-text-up__text{
        background-color: var(--black-color);
        padding: calc(10 * var(--vw-with-scrollbar) / 1920);
    }

    .item_text_color{
        font-size:calc(31.5 * var(--vw-with-scrollbar) / 1920);
        font-weight: 700;
        border-left: 3px solid var(--main-color);
        color:  var(--main-color);
        width: fit-content;
        padding: 10px;
        line-height: 1.5;
        background: var(--black-color);
    }
    .item_text_color{
        .slide-in-banner__text{
            animation-delay: 0.5s;
        }
    }
    .item_text {
        .section-text-up__text {
            animation-delay: 0.2s;
        }
    }
    .group_item_left {
        .s-fade-in-up {
            animation-delay: .4s;
        }
    }

    .border_color{
        color: var(--main-color);
        border-left: 1px solid var(--main-color);
        font-weight: 700;
        font-size: 32px !important;
    }
    .view-more-btn{
        width: calc(330 * 100vw / 1920) !important;
        height: calc(63 * 100vw / 1920) !important;
    }
    .view-more-btn__text{
        font-size:calc(22 * 100vw / 1920);
    }
    .group_item_button{
        display: flex;
    }
}

@media (max-width: 1024px) {
    main#about-page-content {
        padding: 0 !important;
        background: rgb(5 5 5 / 80%);
    }
    main#about-page-video{
        background: rgb(5 5 5 / 80%);
    }
    #about-page{
        .top-kv {
            padding-top: clamp(0px, calc(225 * 100vw / 375), 225px);
        }

        .top-kv__bg {
            height: calc(283 * 100vw / 375);
            max-height: 283px;
        }

        .top-kv__title-sp-overlay {
            position: absolute;
            top: clamp(0px, calc(50 * 100vw / 375), 50px);
            left: calc(30 * 100vw / 375);
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 1px;
        }
        .top-kv__title-sp-jp-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .top-kv__title-sp-jp {
            font-family: var(--font-noto-serif-jp);
            font-size: calc(55 * 100vw / 375);
            font-weight: 700;
            color: var(--white-color);
            background: var(--black-color);
            padding: clamp(0px, calc(8 * 100vw / 375), 8px)
            clamp(0px, calc(0 * 100vw / 375), 0px)
            clamp(0px, calc(8 * 100vw / 375), 8px)
            clamp(0px, calc(12 * 100vw / 375), 12px);
            box-sizing: border-box;
        }
        .top-kv__title-sp-jp:nth-child(1) {
            width: calc(180 * 100vw / 375);
            padding-left: 0 !important;
        }
        .top-kv__title-sp-jp:nth-child(2) {
            width: calc(200 * 100vw / 375);
            padding-left: calc(20 * 100vw / 375) !important;
        }
        .top-kv__title-sp-jp:nth-child(3) {
            width: calc(257 * 100vw / 375);
            padding-left: calc(40 * 100vw / 375) !important;
        }
        .top-kv__title-en {
            font-family: var(--font-syne);
            font-weight: 800;
            font-size: calc(71 * 100vw / 375);
            color: var(--main-color);
            background-color: var(--black-color);
            padding-right: calc(10 * 100vw / 375);
            writing-mode: vertical-rl;
            paint-order: stroke fill;
        }
        .about-grid {
            padding: 0 !important;
            gap: 0;
            flex-direction: column;
            background: rgb(0 0 0 / 70%);
        }
        .about__image {
            width: calc(375 * 100vw / 375);
            height: calc(262 * 100vw / 375);
        }
        .about__title{
            font-size: calc(18 * 100vw / 375);
        }
        .about_left_top{
            margin: calc(60 * 100vw / 375) calc(30 * 100vw / 375);
            justify-content: center;
            padding: 0 !important;
			width:auto;
        }
    }
    #about-page-content .pin-logo__wrapper{
        display: block;
    }
    #about-page-content .pin-logo{
        text-align: left;

    }
    #about-page-content{
        .group-section-grid{
            padding: calc(30 * 100vw / 375);
            gap: calc(30 * 100vw / 375);
            background: var(--black-color);
        }
    .item_text .section-text-up__text{
        background-color: var(--black-color);
        padding: calc(0 * var(--vw-with-scrollbar) / 1920);
    }
        .group-top{
            gap: calc(30 * 100vw / 375);
        }
		.item_text {
        font-weight: 500;
        font-size: calc(18 * var(--vw-with-scrollbar) / 375);
        line-height: 2;
		}
    	.item_text {
        	.section-text-up__text {
            animation-delay: 0.2s;
        	}
    	}
        .group_item__image.s-fade-in-up{
            animation-delay: 0.3s;
        }
        .group_item img{
            width: 100%;
        }
        .group_item {
            gap: calc(25 * 100vw / 375);
            flex-direction: column;
        }
        .top_first_title{
            font-size: calc(50 * 100vw / 375);
        }
        .top_first_text{
            font-size: calc(20 * 100vw / 375);
        }
        .card-content{
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            top: calc(20 * 100vw / 375);
            gap: calc(25 * 100vw / 375);
        }
        .card-content__link__icon{
            width: calc(240 * 100vw / 375);
            height: calc(80 * 100vw / 375);
            font-size: calc(18 * 100vw / 375);
            line-height: 1.3;
            padding: calc(5 * 100vw / 375) calc(35 * 100vw / 375) calc(5 * 100vw / 375) calc(10 * 100vw / 375);
        }
   		 .view-more-btn__text{
        font-size:calc(16 * 100vw / 375);
    	}
        .card-content__certificate{
            flex-direction: column;
            align-items: center;
            order: -1;
            margin-top: 0;
            padding-top: 0;
            gap: calc(30 * 100vw / 375) !important;
        }

        .card-content__certificate > div {
            margin-top: 0;
            padding-top: 0;
        }

        .card-content__link {
            order: 0;
            gap: calc(10 * 100vw / 375);
        }
        .card-section-card__img-bg{
            height: calc(500 * 100vw / 375);
        }

        .reason{
            padding: calc(25 * 100vw / 375);
            margin: 0 calc(30 * 100vw / 375);
        }
        .reason::before{
            background: transparent;
        }
        .reason_top{
            gap: calc(40 * 100vw / 375);
        }
        .reason_top_two{
            width: calc(255 * 100vw / 375);
        }
        .reason_item_top {
            width: 100%;
        }
        .top_span_txt{
            font-size: calc(35 * 100vw / 375);
            padding: calc(10 * 100vw / 375)calc(5 * 100vw / 375);
            text-align: left;
            line-height: 1.2;
        }
        .h2-en{
            font-size: calc(52 * 100vw / 375);
        }
        .reason_top_first{
            font-size: calc(18 * 100vw / 375);
        }
        .top_span_txt:nth-of-type(2) .section-slide-in-banner__text-up{
            animation-delay: 0.7s;
        }
        .top_span_txt:nth-of-type(3) .section-slide-in-banner__text-up{
            animation-delay: 0.9s;
        }
        .reason_item_top{
            gap: calc(20 * 100vw / 375);
        }
        .reason_item{
            background: none !important;
            padding: 0 !important;
            width: 100%;
        }
        .item_first.section-slide-in-banner::after{
            background: none !important;
        }
        .item_first div{
            display: flex;
            flex-direction: column;
        }
        .sp_number{
            font-size: calc(49 * 100vw / 375);
        }
        .sp_text_bg{
            font-size: calc(53 * 100vw / 375);
        }
        .sp_text{
            font-size: calc(27 * 100vw / 375);
        }
        .reason_item_content{
            font-size: calc(18 * 100vw / 375);
        }
        .group_item_content{
            font-size: calc(18 * 100vw / 375);
            background: transparent;
            margin-bottom: calc(20 * 100vw / 375);
        }
        .item_text_color {
            font-size: calc(24 * 100vw / 375);
            border-top: 3px solid var(--main-color);
            border-left: none !important;
            padding-top: calc(24 * 100vw / 375);
			padding-bottom: calc(8 * 100vw / 375);
            padding-left: 0;
            background: rgba(43, 41, 41, 0.5);
            line-height: 1.1;
            width: calc(306 * 100vw / 375);
        }
        .view-more-btn{
            width: calc(255 * 100vw / 375) !important;
            height: calc(55 * 100vw / 375) !important;
            margin: calc(10 * 100vw / 375) calc(20 * 100vw / 375);
        }

        .group_item_button{
            justify-content: center;
        }

        .card-section-card{
            background: transparent !important;
        }
        .group_item_left{
            gap:  calc(20 * 100vw / 375);
        }
        .group_list{
            gap:  calc(65 * 100vw / 375);
        }
        .pin-logo__wrapper{
            padding: calc(50 * 100vw / 375) 0;
        }
        .group_item__image.s-fade-in-up{
            animation-delay: 0.3s;
        }
        .view-more-btn.s-fade-in-up{
            animation-delay: 0.5s;
        }
    }
    main#about-page-video {
        padding: 0 !important;
    }
    #about-page-video{
        .video-section {
            position: relative;
            padding: calc(65 * 100vw / 375);
        }
		.about-content-img{
		background-image:none;
		}
        .about-content-img video{
            display: none;
        }
		
        .about-video {
            position: relative;
            background-image: url(../img/about/ab_video_small-sp.webp);
            background-repeat: no-repeat;
            background-position: center;
            margin: calc(10 * 100vw / 375) auto;
            margin-bottom: calc(45 * 100vw / 375);
            width: calc(231 * 100vw / 375);
            height: calc(154 * 100vw / 375);
			background-size: cover;

        }

        .about-video .video-background {
            width: 100%;
            height: auto;
            max-height: 300px;
            border: 2px dotted #0066cc;
            margin: 20px 0;
            box-sizing: border-box;
        }

        .about-video .video-background img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .about-video .top-left,
        .about-video .bottom-right {
  
        }

        .about-video .top-left {
            position: absolute;
            top: calc(-10 * 100vw / 375);
            left: 0;
        }

        .about-video .bottom-right {
            position: absolute;
            bottom: calc(-10 * 100vw / 375);
            right: 0;
        }

        .about-video .top-left img,
        .about-video .bottom-right img {
            max-width: calc(30 * 100vw / 375);
            display: block;
            margin: 0;
            padding: 0;
            height: auto;
        }

        .about-video .footer-content-play {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }

        .about-video .footer-content-play__text {
            font-size: calc(15 * 100vw / 375);
        }
        .footer-content-play__icon{
            width: calc(55 * 100vw / 375);
        }
    }

    body[data-page-slug="about"] {
        .bg_sticky {
            position: absolute;
            display: flex;
            inset: 0;
            width: 100%;
            justify-content: space-between;
            align-items: start;
            z-index: unset;
            pointer-events: none;
        }
        .top-kv__bg__sp {
            margin-top: calc(370 * 100vw / 375);
            z-index: unset;
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(720 * 100vw / 375);
        }

        .top-kv__bg__sp img {
            width: calc(580 * 100vw / 375);
            height: calc(430 * 100vw / 375);
            translate: -17% 5%;
            object-fit: fill;
        }

        .contact-btn__wrapper {
            top: calc(436 * 100vw / 375);
        }
    }
}
/*CSS ABOUT*/



/* CSS NEWS PAGE */
body[data-page-slug="news"] {
        background-color: var(--black-color);
}
body[data-page-slug="blog"] {
        background-color: var(--black-color);
}
#news-page.news-wrap{
  color:#fff;
  padding: 5.20833vw 0 13.54166vw;
}

#news-page.news-wrap .top-kv,
#news-single .top-kv{
    height: fit-content;
}

#news-page.news-wrap .top-kv .top-kv__title-pc-overlay,
#news-single .top-kv .top-kv__title-pc-overlay{
    margin-top: 15.10416vw;
    margin-bottom: 8.28125vw;
    margin-left: 4.16666vw;
    width: fit-content;
}

#news-page.news-wrap .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-jp,
#news-single .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-jp{
    font-family: var(--font-noto-serif-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 3.33333vw;
    line-height: 100%;
    width: fit-content;
    background-color: #0b0b0b;
    padding: 1vw 5vw 1vw 1vw;
}

#news-page.news-wrap .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en,
#news-single .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en{
    font-family: var(--font-syne);
    font-style: normal;
    font-weight: 800;
    font-size: 5.67708vw;
    line-height: 100%;
    color: #F5BD04;
    width: fit-content;
    background-color: #0b0b0b;
    padding-left: 1vw;
}

#news-post-group{
    width: 52.0833vw;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.375vw;
	position: relative;
}
.news-tabs{
  display:flex;
  flex-wrap: wrap;
  gap: 0.885416vw;
  justify-content:center;
  margin-bottom: 2.0833vw;
}

.news-tab{
  width: 14.3229vw;
  height: 3.64583vw;
  appearance:none;
  border:0;
  cursor:pointer;
  background: #8A8A8A;
  font-family: var(--font-noto-sans-jp);
  font-style: normal;
  font-weight: 500;
  font-size: 1.04166vw;
  line-height: 100%;
  align-items: center;
  text-align: center;
  color: #0B0B0B;
  transition:transform .12s ease, box-shadow .12s ease, background .15s ease;
}
.news-tab:hover{ transform:translateY(-1px); }
.news-tab:focus-visible{
  outline:2px solid #FFC400;
  outline-offset:2px;
}

.news-tab.is-active{
  background: #F5BD04;
  color:#111;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap: 4.375vw; 
}

.news-item{
  position:relative;
}

.news-thumb-wrap{
  display:block;
  aspect-ratio:16/9;
  border-radius:4px;
  overflow:hidden;
  background:#1b1b1b;
}
.news-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}
.news-thumb-wrap:hover .news-thumb{ transform:scale(1.03); }

.news-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  margin-bottom:8px;
}
.news-date{
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 700;
    font-size: 1.35416vw;
    line-height: 100%;
    display: flex;
    align-items: center;
    
    color: #FFFFFF;
}
.news-cats{
  display:inline-block;
  font-size:12px;
  line-height:1;
  padding:6px 10px 5px;
  border-radius:3px;
  background:#2A2A2A;
  color:#EDEDED;
}

.news-title{
  border: 1px solid #fff;
  padding: 0.5vw;
  font-family: var(--font-noto-sans-jp);
  font-style: normal;
  font-weight: 400;
  font-size: 0.833333vw;
  line-height: 100%;
  display: flex;
  align-items: center;

  color: #FFFFFF;
}
.news-title a{
  color:#fff;
  text-decoration:none;
}
.news-title a:hover{ text-decoration:underline; }

.news-excerpt{
  font-family: var(--font-noto-sans-jp);
  font-style: normal;
  font-weight: 500;
  font-size: 0.729166vw;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  position: relative;
  width: 19vw;
}

.news-excerpt::after{
  content:"";
  position:absolute;
  right:0;
  top:.9em;
  width:26px;
  height:1px;
  background:v#2A2A2A;
}
.news-excerpt::before{
  content:"";
  position:absolute;
  right: -4.5vw;
  top: 0.5vw;
  transform: skewX(33deg);
  width: 3.07291vw;
  height: 1vw;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.pagination{
  margin-top:0;
  display:flex;
  justify-content:center;
  gap:8px;
  position: absolute;
  bottom: -5vw;
  width: 100%;
}

.pagination-group{
  position: absolute;
  margin-top:0;
  display:flex;
  justify-content:center;
  gap:8px;
  position: absolute;
  bottom: -5vw;
  width: 100%;
}

.pagination-group .pagination{
    position: unset;
}

.pagination .page-numbers{
	font-family: var(--font-jost);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 2.1354vw;
  height: 2.1354vw;
  text-decoration:none;
  color:#fff;
  font-weight:700;
  font-size: 1.354166vw;
  gap: 0.5vw;
}
.pagination .page-numbers:hover{
  filter:brightness(1.15);
}
.pagination .page-numbers.current,
.pagination .page-numbers[aria-current="page"]{
  background:#FFC400;
  color:#111;
}
.pagination .prev, .pagination .next{
  padding:0 0.135416vw;
  width:auto;
}

/* END CSS NEWS PAGE */

/* CSS NEWS DETAIL */
.news-single {
  color: #fff;
  padding: 5.20833vw 0 9.375vw;
}
.news-single::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/black-bg.png);
    opacity: 0.2;
    background-size: 100%;
    inset: 0;
    z-index: -1;
}
.news-single .container {
  max-width: 52.08333vw;
  margin: 0 auto;
}

.news-single__top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.news-single__date {
  font-family: var(--font-jost);
    font-style: normal;
    font-weight: 700;
    font-size: 1.354166vw;
    line-height: 100%;
    display: flex;
    align-items: center;
}
.news-single__badge {
  border: 1px solid #fff;
  padding: 0.5vw;
  font-family: var(--font-noto-sans-jp);
  font-style: normal;
  font-weight: 400;
  font-size: 0.833333vw;
  line-height: 100%;
  display: flex;
  align-items: center;

  color: #FFFFFF;
}

.news-single__title {
  font-family: var(--font-noto-sans-jp);
    font-style: normal;
    font-weight: 700;
    font-size: 1.35416vw;
    line-height: 1.6666vw;
  margin: 1.40625vw 0 0.98958vw;
}

.news-single__thumb {
  margin: 0 0 1.6666vw;
}
.news-single__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background: #d9d9d9;
}

.news-single__content {
  	font-family: var(--font-noto-sans-jp);
    width: 31.875vw;
	font-style: normal;
	font-weight: 500;
	font-size: 0.833333vw;
	line-height: 1.66666vw;
}
.news-single__back {
  	margin-top: 1.30208vw;
}
.news-single__back a {
  	color: #fff;
}

.container .split-line{
	margin-top: 9.21875vw;
	height: 1px;
	margin-bottom: 2.91666vw;
	border-top: 1px solid #F5BD04;
}

@media (max-width: 1024px) {
    #news-page.news-wrap{
      color:#fff;
      padding: 26.66666vw 0 35.66666vw;
    }
    
    #news-page.news-wrap .top-kv,
    #news-single .top-kv{
        height: fit-content;
    }
    
    #news-page.news-wrap .top-kv .top-kv__title-pc-overlay,
    #news-single .top-kv .top-kv__title-pc-overlay{
        margin-top: 15.10416vw;
        margin-bottom: 8.28125vw;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        height: fit-content;
		width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: start;
        gap: calc(20 * 100vw / 375);
    }
    
    #news-page.news-wrap .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-jp{
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 15.4666vw;
        line-height: 100%;
        width: fit-content;
        padding: 0;
    }
    
    #news-page.news-wrap .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en{
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 800;
        font-size: 18.933vw;
        line-height: 100%;
        color: #F5BD04;
        display: flex;
        width: fit-content;
        writing-mode: vertical-lr;
        padding: 0;
    }

    #news-single .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-jp{
        font-family: var(--font-noto-serif-jp);
        font-style: normal;
        font-weight: 700;
        font-size: 15.4666vw;
        line-height: 100%;
        width: fit-content;
        padding: 0;
    }
	
    #news-single .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en{
        font-family: var(--font-syne);
        font-style: normal;
        font-weight: 800;
        font-size: 18.933vw;
        line-height: 100%;
        color: #F5BD04;
        display: flex;
        width: fit-content;
        writing-mode: vertical-lr;
        padding: 0;
    }
	
	#news-single.blog-version .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en{
		left: -43vw;
        top: 71vw;
	}

	
	#news-page.news-wrap.blog-version .top-kv .top-kv__title-pc-overlay .top-kv__title-pc-en
    {
        left: -42vw;
        top: 48vw;
    }
    
    #news-post-group{
        width: 71.0833vw;
        margin: auto;
        display: flex;
        flex-direction: column;
        gap: 10.375vw;
    }
    .news-tabs{
      display:flex;
      gap: 0.885416vw;
      justify-content:center;
      margin-bottom: 7.0833vw;
    }
    
    .news-tab{
      width: 35.3229vw;
      height: 8.64583vw;
      appearance:none;
      border:0;
      cursor:pointer;
      background: #8A8A8A;
      font-family: var(--font-noto-sans-jp);
      font-style: normal;
      font-weight: 500;
      font-size: 4.04166vw;
      line-height: 100%;
      align-items: center;
      text-align: center;
      color: #0B0B0B;
      transition:transform .12s ease, box-shadow .12s ease, background .15s ease;
    }
    .news-tab:hover{ transform:translateY(-1px); }
    .news-tab:focus-visible{
      outline:2px solid #FFC400;
      outline-offset:2px;
    }
    
    .news-tab.is-active{
      background: #F5BD04;
      color:#111;
    }
    
    .news-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap: 4.375vw; 
    }
    
    .news-item{
      position:relative;
    }
    
    .news-thumb-wrap{
      display:block;
      aspect-ratio:16/9;
      border-radius:4px;
      overflow:hidden;
      background:#1b1b1b;
    }
    .news-thumb{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .3s ease;
    }
    .news-thumb-wrap:hover .news-thumb{ transform:scale(1.03); }
    
    .news-meta{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:3.2vw;
      margin-bottom:2.13333vw;
    }
    .news-date{
        font-family: var(--font-jost);
        font-style: normal;
        font-weight: 700;
        font-size: 5.35416vw;
        line-height: 100%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }
    .news-cats{
      display:inline-block;
      font-size:12px;
      line-height:1;
      padding:6px 10px 5px;
      border-radius:3px;
      background:#2A2A2A;
      color:#EDEDED;
    }
    
    .news-title{
      margin:0;
      font-size: 4.8vw;
      line-height:1.35;
      font-weight:800;
      border: 1px solid #fff;
      width: fit-content;
      padding: 0.5vw;
    }
    .news-title a{
      color:#fff;
      text-decoration:none;
    }
    .news-title a:hover{ text-decoration:underline; }
    
    .news-excerpt{
      font-family: var(--font-noto-sans-jp);
      font-style: normal;
      font-weight: 500;
      font-size: 3.729166vw;
      line-height: 140%;
      display: flex;
      align-items: center;
      color: #FFFFFF;
	  width: 100%;
    }
    
    .news-excerpt::after{
      content:"";
      position:absolute;
      right:0;
      top:.9em;
      width:26px;
      height:1px;
      background:v#2A2A2A;
    }
    .news-excerpt::before{
      content:"";
      position:absolute;
      right:0;
      top:.9em;
      transform:translateY(-2px) rotate(45deg);
      width:8px; height:8px;
      border-right:1px solid #2A2A2A;
      border-top:1px solid #2A2A2A;
	  display: none;
    }
    
    .pagination{
      margin-top: 0;
      display:flex;
      justify-content:center;
      gap:8px;
      bottom: -15vw;
    }
	
	.pagination-group{
      margin-top: 0;
      display:flex;
      justify-content:center;
      gap:8px;
      bottom: -15vw;
    }
    .pagination-group .pagination{
        margin-top: unset;
      bottom: unset;
    }
    .pagination .page-numbers{
      display:inline-flex;
	  font-family: var(--font-jost);
      align-items:center;
      justify-content:center;
      width:34px; height:34px;
      border-radius:4px;
      text-decoration:none;
      background:#1a1a1a;
      color:#fff;
      font-weight:700;
      font-size:14px;
    }
    .pagination .page-numbers:hover{
      filter:brightness(1.15);
    }
    .pagination .page-numbers.current,
    .pagination .page-numbers[aria-current="page"]{
      background:#FFC400;
      color:#111;
    }
    .pagination .prev, .pagination .next{
      padding:0 10px;
      width:auto;
    }
    
    /* END CSS NEWS PAGE */
    
    /* CSS NEWS DETAIL */
    .news-single {
      color: #fff;
      padding: 5.20833vw 0 9.375vw;
      padding-top: calc(100 * 100vw / 375);
    }
    .news-single .container {
      max-width: 83.08333vw;
      margin: 0 auto;
    }
    
    .news-single__top {
      display: flex;
      gap: 12px;
      align-items: center;
      margin-bottom: 10px;
    }
    .news-single__date {
      font-family: var(--font-jost);
      font-style: normal;
      font-weight: 700;
      font-size: 4.354166vw;
      line-height: 100%;
      display: flex;
      align-items: center;
    }
    .news-single__badge {
      border: 1px solid #fff;
      padding: 0.5vw;
      font-family: var(--font-noto-sans-jp);
      font-style: normal;
      font-weight: 400;
      font-size: 3.833333vw;
      line-height: 100%;
      display: flex;
      align-items: center;
      color: #FFFFFF;
    }
    
    .news-single__title {
      font-family: var(--font-noto-sans-jp);
      font-style: normal;
      font-weight: 700;
      font-size: 5.35416vw;
      line-height: 100%;
      margin: 3.40625vw 0 4.98958vw;
    }
    
    .news-single__thumb {
      margin: 0 0 8.6666vw;
    }
    .news-single__img {
      width: 100%;
      aspect-ratio: 16/9;
      object-fit: cover;
      background: #d9d9d9;
      height: auto;
    }
    
    .news-single__content {
      	font-family: var(--font-noto-sans-jp);
      	width: 100%;
      	font-style: normal;
      	font-weight: 500;
      	font-size: 3.833333vw;
      	line-height: 200%;
    }
    .news-single__back {
      	margin-top: 10.30208vw;
    }
    .news-single__back a {
      	color: #fff;
    }
    
    .container .split-line{
    	margin-top: 20.21875vw;
    	height: 1px;
    	margin-bottom: 17.91666vw;
    	border-top: 1px solid #F5BD04;
    }
}
/* END CSS NEWS DETAIL PAGE */