@charset "utf-8";

/* Shared page HERO for fixed pages that select single-palinfo.php. */
.p-pal-member-intro-hero {
    color: #183128;
    background: #fff;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

.p-pal-member-intro-hero .p-pal-after-death__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.p-pal-member-intro-hero .p-pal-after-death__intro {
    position: relative;
    overflow: hidden;
    padding: 46px 0 56px;
    text-align: center;
    background: #fafbf8;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(0, 119, 0, .18), transparent 30%),
        radial-gradient(circle at 90% 18%, rgba(255, 102, 0, .16), transparent 26%),
        linear-gradient(135deg, rgba(246, 251, 246, .88) 0%, rgba(255, 255, 255, .80) 55%, rgba(255, 249, 241, .88) 100%),
        url("../../images/set-course/top_slide_01_03_pc.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid var(--course-border, #dfe9dc);
}

.p-pal-member-intro-hero .p-pal-after-death__eyebrow {
    margin: 0 0 14px;
    color: var(--ceremo-color-brand, #078708);
    font: 700 12px/1.4 Arial, sans-serif;
    letter-spacing: .16em;
}

.p-pal-member-intro-hero h1 {
    margin: 0;
    font: 800 clamp(28px, 4vw, 46px)/1.45 "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    letter-spacing: .02em;
}

@media (max-width: 767px) {
    .p-pal-member-intro-hero .p-pal-after-death__container {
        width: min(100% - 32px, 620px);
    }

    .p-pal-member-intro-hero .p-pal-after-death__intro {
        padding: 46px 0 38px;
    }
}