@charset "UTF-8";

:not(#Top) .wrapper + .wrapper {
    margin: 0;
    padding-top: var(--space9);
    position: relative;
}

.wrapper::after {
    content: "";
    position: absolute;
    bottom: calc(var(--radius3) * -1);
    left: 0;
}

.wrapper.bg_color_grey01::after {
    width: 100%;
    height: var(--radius3);
    background-color: var(--color_grey01);
}


.arrow-down {
    width: 1em;
    height: auto;
    text-align: center;
    margin-inline: auto;
}

.paragraph-content {
    display: block;
}

.paragraph-img-content img {
    border-radius: var(--radius1);
}

.feature-block .paragraph-img-content img {
    border-radius: 0;
}

.paragraph-text-group {
    gap: var(--space4);
}

.description-content {
    padding: var(--space6) var(--space7);
}

.check-frame-wrapper__list li {
    text-indent: -1.2em;
    padding-left: 1.2em;
}

.stickers-ttl .underline_color01 {
    display: inline-block;
    width: fit-content;
}

/* chapter01 */
#chapter01-factory-inner .stickers-ttl .underline_color01 {
    padding-inline: 3em;
}

#chapter01-factory-inner .stickers-board-list {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto));
    justify-content: center;
}

#chapter01-factory-inner .stickers-board-list__item {
    max-width: 240px;
}




/* chapter02 */
#chapter02-kansouro-inner .stickers-board-list {
    padding-inline: var(--size1);
    grid-template-columns: repeat(2, 1fr);
}

/* chapter03 */
#chapter03-house-inner .paragraph-content.col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space6);
    padding-inline: var(--size1);
}

.numbering-frame-wrapper__list {
    width: fit-content;
    background-color: var(--color_grey01);
    padding: 1em 1.5em;
}

.numbering-frame-wrapper__list .numbering {
    font-weight: var(--fw_bold);
    color: var(--color01);
    padding-right: 0.5em;
}

.underline_color01 {
    margin-left: calc(var(--space6) * -1);
    padding-left: var(--space6);
}

@media screen and (max-width: 850px) {
    .col-3 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 768px) {
    #chapter02-kansouro-inner .stickers-board-list {
        padding-inline: 0;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .underline_color01 {
        margin-left: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .page-links-block .col-3 {
        grid-template-columns: 1fr;
    }

    #chapter01-factory-inner .stickers-ttl .underline_color01 {
        padding-inline: 0;
    }
}