@charset "utf-8";

/* ===================================================================
REPORT
=================================================================== */

/* REPORT DAYS
--------------------*/

.report-days > ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 50px;
}

.report-days > ul > li {
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
}

.report-days > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(900 / 1000 * 100%);
    max-width: 900px;
    height: 100%;
    margin: 0 auto;
    background: #FFF;
    pointer-events: none;
    z-index: -1;
}

/* REPORT HEADING
--------------------*/

.report-heading {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
}

/* REPORT LIST
--------------------*/

.report-list {
    margin: 30px 0 0;
}

.report-list > ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: calc(40 / 1000 * 100%);
    row-gap: 30px;
}

.report-list > ul > li {
    width: calc(480 / 1000 * 100%);
    max-width: 480px;
}

/* REPORT LIST TEXT
--------------------*/

.report-list-text {
    margin: 10px 0 0;
    letter-spacing: 0.05em;
    line-height: 1.625;
}

@media screen and (max-width : 1023px) {


    /* ===================================================================
    REPORT
    =================================================================== */

    /* REPORT DAYS
    --------------------*/

    .report-days > ul {
        row-gap: 30px;
    }

    .report-days > ul > li {
        padding: 20px 0;
    }

    .report-days > ul > li:before {
        width: calc(305 / 345 * 100%);
        max-width: 305px;
    }

    /* REPORT HEADING
    --------------------*/

    .report-heading {
        font-size: 20px;
    }

    /* REPORT LIST
    --------------------*/

    .report-list {
        margin: 20px 0 0;
    }

    .report-list > ul {
        column-gap: 0;
        row-gap: 20px;
    }

    .report-list > ul > li {
        width: 100%;
        max-width: 345px;
        margin: 0 auto;
    }

    /* REPORT LIST TEXT
    --------------------*/

    .report-list-text {
        margin: 6px 0 0;
        line-height: 1.4;
    }

}