/*
========================
common
========================
*/
body {
    background: var(--wp--custom--color--blue--100, #F0F4FE);
}

.section {
    position: relative;
    width: 100%;
    padding: 64px 20px;
    box-sizing: border-box;
}

.section:nth-child(2n) {
    background: var(--wp--custom--color--blue--100);
}

.section:nth-child(2n + 1) {
    background-color: var(--wp--custom--color--sky--100);
}

.section::before {
    position: absolute;
    top: 44px;
    left: -16px;
    font-size: 53px;
    color: var(--wp--custom--color--blue--400);
    font-family: "Noto Sans JP", serif;
    font-weight: 700;
    opacity: 0.15;
}

.section_title {
    width: 100%;
    padding: 0 20px 56px;
    box-sizing: border-box;
    font-family: Noto Sans JP, serif;
    font-size: 24px;
    line-height: 32px;
    color: var(--wp--custom--color--blue--400);
    font-weight: 700;
}

::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width: 1280px) {
    .section {
        padding: 120px 0;
    }

    .section::before {
        top: 73px;
        left: 72px;
        font-size: 120px;
    }

    .section_title {
        padding: 0 160px 72px;
        font-size: 32px;
        line-height: 48px;
    }
}