@charset "utf-8";

main {
    overflow-y: clip;
}

/* title
------------------------------------------------ */

.page__desc-title::before {
    width: 48px;
    height: 182px;
    background: url("/assets/img/about/title-en.svg") no-repeat center/contain;
}
/* SP Only */

@media (max-width: 767px) {
    .page__desc-title::before {
        width: 24px;
        width: 6.4vw;
        height: 91px;
        height: 24.26666vw;
    }
}

/* statement
------------------------------------------------ */

.statement {
    max-width: none;
    padding: 100px 20px 60px 0;
}

.statement::before {
    position: absolute;
    bottom: -194px;
    bottom: -13.85714vw;
    left: -126px;
    left: -9vw;
    z-index: -1;
    width: 378px;
    width: 27vw;
    height: 852px;
    height: 60.85714vw;
    background: url("/assets/img/about/about-bg01.png") no-repeat center/contain;
    content: "";
}

.statement::after {
    position: absolute;
    right: -258px;
    right: -18.42857vw;
    bottom: 10px;
    bottom: 0.71428vw;
    z-index: -3;
    max-width: 415px;
    width: 29.64285vw;
    max-height: 824px;
    height: 58.85714vw;
    background: url("/assets/img/about/about-bg02.png") no-repeat center/contain;
    content: "";
}

.statement__desc {
    position: relative;
    width: 400px;
    margin-left: auto;
}

.statement__desc:first-child::before {
    position: absolute;
    top: -40px;
    left: -444px;
    z-index: -3;
    width: 551px;
    height: 553px;
    background: url("/assets/img/about/statement-bg.svg") no-repeat center/contain;
    content: "";
}

.statement__desc + .statement__desc {
    margin-top: 40px;
}

.statement__desc-title {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: calc(10 / 1000 * 24px);
}

.statement__desc-text {
    margin-top: 20px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -.05em;
}

.statement__desc-image {
    width: 231px;
    margin-top: 20px;
}

.statement__figure {
    position: absolute;
    bottom: 0;
    left: -77px;
    z-index: -2;
    width: 57.64285vw;
    max-width: 807px;
    min-width: 490px;
}

/* 1400 Over */

@media (min-width: 1400px) {
    .statement::before {
        bottom: -194px;
        left: -126px;
        width: 378px;
        height: 852px;
    }

    .statement::after {
        right: -258px;
        bottom: 10px;
    }
}

/* 930 Over */

@media (max-width: 930px) {
    .statement__figure {
        left: 280px;
    }
}

/* SP Only */

@media (max-width: 767px) {
    .statement {
        padding: 35px 0 45px 22.5px;
        padding: 9.33333vw 0 12vw 6vw;
    }

    .statement::before {
        bottom: -32px;
        left: -17px;
        width: 126.5px;
        height: 294px;
    }

    .statement::after {
        right: -98px;
        right: -26.13333vw;
        bottom: 416px;
        bottom: 110.93333vw;
        width: 138.5px;
        width: 36.93333vw;
        height: 274.5px;
        height: 73.2vw;
    }

    .statement__desc {
        width: auto;
    }

    .statement__desc:first-child::before {
        display: none;
    }

    .statement__desc-title {
        font-size: 18px;
        font-size: 4.8vw;
        letter-spacing: calc(10 / 1000 * 18px);
        letter-spacing: calc(10 / 1000 * 4.8vw);
    }

    .statement__desc-text {
        font-size: 11px;
        font-size: 2.93333vw;
        line-height: 24px;
        line-height: 6.4vw;
        letter-spacing: -.05em;
    }

    .statement__desc-image {
        width: 245px;
        width: 65.33333vw;
        margin-top: 30px;
        margin-top: 8vw;
    }

    .statement__figure {
        bottom: -2px;
        bottom: -.53333vw;
        left: 100px;
        left: 26.66666vw;
        width: 453.5px;
        width: 120.93333vw;
    }
}