@charset "UTF-8";

/* ==========================================================================
   About Leqembi Pen Page Specific Styles (about-leqembi-pen.css)
   ========================================================================== */

/* レケンビ皮下注250mgペンとは ヒーローエリア */
.p-about-leqembi-pen-hero {
    background-color: rgba(97, 88, 166, 0.1);
    padding: 54px 16px 40px;
    border-radius: 16px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .p-about-leqembi-pen-hero {
        padding: 24px 16px;
    }
}

.p-about-leqembi-pen-caution {
    max-width: 380px;
    margin-inline: auto;
    text-align: left;
}

.p-about-leqembi-pen-text {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;

}

/* 医療機関から受け取るもの グリッド */
.p-receive-flex {
    gap: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.p-receive-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.p-receive-item--wide {
    grid-column: 1 / -1;
}

.p-receive-item__img {
    height: 180px;
    object-fit: contain;
}

.p-receive-item--wide .p-receive-item__img {
    height: 144px;
}

.p-receive-item__text {
    background-color: #6158A6;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding: 4px 20px;
    border-radius: 20px;
    text-align: center;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* SPのみ表示の注意書き */
.p-about-note {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #333333;
    text-align: center;
}

.p-about-note a {
    color: #7C1649;
    font-weight: 700;
    text-decoration: underline;
}

.u-border-bottom-section {
    padding-bottom: 120px;
    margin-bottom: 60px;
    border-bottom: 6px solid #7C1649;
}


@media screen and (max-width: 768px) {
    .p-receive-item__img {
        height: 140px;
    }

    .p-receive-item--wide .p-receive-item__img {
        height: auto;
        max-width: 100%;
    }

    .p-receive-item__text {
        font-size: 15px;
        padding: 4px 16px;
    }

    .p-receive-flex {
        gap: 32px;
    }
}