@charset "UTF-8";

:root {
    /* 色 */
    --color-primary: #ED6A1B;
    --color-secondary: #F6A817;
    --color-text: #4F352C;
    --color-line: #DDD;
    --white: #FFF;
    --pink: #FCF4EF;
    --gray: #F5F5F5;

    /* フォント */
    --font-family-title: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    --font-family-body: 'Kosugi Maru', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    --font-family-icon: "Font Awesome 5 Free";

    /* フォントサイズ */
    /* タイトル用 */
    --font-size-title-lg: 2.875rem;  /* 46px */
    --font-size-title-md: 2.375rem;  /* 38px */
    --font-size-title-sm: 2rem;      /* 32px */
    --font-size-title-xs: 1.375rem;  /* 22px */

    /* 本文用 */
    --font-size-body-xl: 1.25rem;   /* 20px */
    --font-size-body-lg: 1.125rem;  /* 18px */
    --font-size-body-md: 1rem;      /* 16px */
    --font-size-body-sm: 0.875rem;  /* 14px */
    --font-size-body-xs: 0.75rem;   /* 12px */
    --font-size-body-2xs: 0.625rem; /* 10px */

    /* フォントウェイト */
    --font-weight-regular: 400;
    --font-weight-bold: 700;

    /* 行間 */
    --line-height-lg: 1.75;

    /* スペーシング */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 40px;
    --space-3xl: 56px;
    --space-4xl: 64px;
    --space-5xl: 80px;
    --space-6xl: 100px;
    --space-10: 10px;
    --space-20: 20px;

    /* 角丸 */
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 20px;
}

/* lp.css の一部設定上書き */
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* セクション：レイアウト */
.section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp( var(--space-lg), 3.91vw, var(--space-2xl));
    padding-top: clamp( var(--space-3xl), 10vw, var(--space-6xl));
    padding-bottom: clamp( var(--space-3xl), 10vw, var(--space-6xl));
    background-color: var(--white);
    position: relative;
    overflow-x: hidden;
}
.section-container--pink {
    background-color: var(--pink);
}
/* Tablet & PC */
@media (min-width: 751px) {
    .section-container--white-pattern::before,
    .section-container--white-pattern::after {
        content: '';
        width: clamp(500px, 78.6vw, 1006px);
        height: clamp(128px, 20vw, 256px);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: var(--space-xs);
        pointer-events: none;
    }
    .section-container--white-pattern::before {
        left: 50%;
        transform: translateX(calc(-100% - 300px));
        background-image: url('../image/facility_portal/title_deco2.svg');
        background-repeat: repeat-x;
    }
    .section-container--white-pattern::after {
        right: calc(50% - 300px);
        transform: scaleX(-1) translateX(-100%);
        background-image: url('../image/facility_portal/title_deco2.svg');
        background-repeat: repeat-x;
    }
}

/* セクション：コンテンツ */
.section-contents {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    width: 100%;
    padding-left: var(--space-md);
    padding-right: var(--space-md);
}
.section-contents--w1024 {
    max-width: 1024px;
}
.section-contents--w1200 {
    max-width: 1200px;
}
/* Tablet & PC */
@media (min-width: 751px) {
    .section-contents {
        gap: var(--space-2xl);
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
}
@media (min-width: 1072px) {
    .section-contents--w1024 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1280px) {
    .section-contents--w1200 {
        padding-left: 0;
        padding-right: 0;
    }
}

/* セクションタイトル */
.section-title {
    display: grid;
    row-gap: var(--space-sm);
    place-items: center;
    position: relative;
}
.section-title__main {
    font-family: var(--font-family-title);
    font-size: clamp(var(--font-size-title-sm), 4.492vw, var(--font-size-title-lg));
    font-weight: var(--font-weight-bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.section-title__main span {
    display: block;
}
.section-title__main::after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: var(--color-text);
    margin: var(--space-md) auto 0;
}
.section-title__sub {
    font-family: var(--font-family-body);
    font-size: clamp(var(--font-size-body-md), 2.148vw, var(--font-size-title-xs));
    font-weight: var(--font-weight-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.section-title__sub span {
    display: block;
}
/* Tablet & PC */
@media (min-width: 751px) {
    /* セクションタイトル 飾り */
    .section-container--pink > .section-title {
        padding-left: clamp(66px, 23vw, 236px);
        padding-right: clamp(66px, 23vw, 236px);
    }
    .section-container--pink > .section-title::before,
    .section-container--pink > .section-title::after {
        content: '';
        width: clamp(50px, 21.48vw, 220px);
        height: 141px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -16px;
        pointer-events: none;
    }
    .section-container--pink > .section-title::before {
        left: 0;
        background-image: url('../image/facility_portal/title_deco1.svg');
    }
    .section-container--pink > .section-title::after {
        right: 0;
        background-image: url('../image/facility_portal/title_deco1.svg');
        transform: scaleX(-1);
    }
    .section-title__main {
        white-space: nowrap;
    }
    .section-title__main span {
        display: inline-block;
    }
    .section-title__main::after {
        height: 40px;
        margin: var(--space-lg) auto 0;
    }
    .section-title__sub {
        white-space: nowrap;
    }
    .section-title__sub span {
        display: inline-block;
    }
}

/* ボタンエリア */
.button-container {
    text-align: center;
}
/* ボタンベース */
.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
    width: fit-content;
    padding: var(--space-10) var(--space-lg);
    border-radius: var(--radius-md);
    font-family: var(--font-family-title);
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
.button:hover {
    transform: translate3d(0, 5px, 0);
}
/* ボタン：サイズ */
.button--lg {
    min-height: 70px;
    font-size: var(--font-size-title-xs);
}
.button--md {
    min-height: 50px;
    font-size: var(--font-size-body-md);
}
/* ボタン：優先度 */
.button--primary {
    color: var(--white);
    background-color: var(--color-primary);
}
.button--secondary {
    color: var(--color-primary);
    background-color: var(--white);
    border: 1px solid var(--color-primary);
}
.button--tertiary {
    color: var(--white);
    background-color: var(--color-text);
}
.button--quaternary {
    color: var(--color-text);
    background-color: var(--white);
    border: 1px solid var(--color-text);
}
.button--stretch {
    width: 100%;
}
.button--icon-arrow{
    gap: 0;
}
.button--icon-arrow::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    border-radius: 1px;
    transform: rotate(45deg);
}
.button--lg .fas {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: var(--font-size-body-sm);
}
.button--lg.button--primary .fas {
    color: var(--color-primary);
    background-color: var(--white);
}
.button--lg.button--secondary .fas {
    color: var(--white);
    background-color: var(--color-primary);
}
.button--lg.button--tertiary .fas {
    color: var(--color-text);
    background-color: var(--white);
}
.button--lg.button--quaternary .fas {
    color: var(--white);
    background-color: var(--color-text);
}

/* ラベル */
.tag {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    max-height: 34px;
    padding: var(--space-10) var(--space-md);
    border-radius: var(--radius-lg);
    border: 1px dashed var(--color-text);
    background-color: var(--white);
    font-size: var(--font-size-body-sm);
    white-space: nowrap;
}
.tag-news {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 9em;
    max-height: 24px;
    padding: var(--space-xs) var(--space-10);
    border-radius: var(--radius-lg);
    background-color: var(--color-secondary);
    color: var(--white);
    font-size: var(--font-size-body-xs);
    white-space: nowrap;
}

/* CTA */
.cta {
    text-align: center;
}
.cta__button-container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}
.cta__button {
    width: 100%;
    text-align: center;
}
.cta__button .button {
    width: 100%;
}
.cta__catch {
    display: inline-block;
    margin-bottom: 12px;
    font-size: var(--font-size-body-lg);
}
.cta__catch span {
    display: block;
}
.cta__tel-container {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-areas:
        "icon num"
        "info info";
    column-gap: var(--space-sm);
    margin-top: var(--space-md);
}
.cta__tel-icon {
    grid-area: icon;
    align-self: center;
    font-size: 2.25rem; /* 36px */
}
.cta__tel-number {
    grid-area: num;
    font-size: 2.5rem;  /* 40px */
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cta__tel-info {
    grid-area: info;
    font-size: var(--font-size-body-xl);
}
.cta__banner {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
/* Tablet & PC */
@media (min-width: 751px) {
    .cta__catch {
        margin-top: 16px;
        margin-bottom: 16px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: clamp(var(--font-size-body-sm), 1.95vw, var(--font-size-body-xl));
        white-space: nowrap;
        position: relative;
    }
    .cta__catch::before,
    .cta__catch::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 20px;
        height: 1px;
        background-color: var(--color-text);
    }
    .cta__catch::before {
        left: 0;
        transform: translateY(-50%) rotate(64deg);
    }
    .cta__catch::after {
        right: 0;
        transform: translateY(-50%) rotate(-64deg);
    }
    .cta__button-container {
        flex-direction: row;
        gap: var(--space-lg);
    }
    .cta__catch span {
        display: inline-block;
    }
    .cta__tel-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: baseline;
        gap: var(--space-sm);
        margin-top: var(--space-sm);
    }
    .cta__tel-icon {
        align-self: auto;
    }
}

/* 文字間 */
.letter-space--loose {
    letter-spacing: 0.05em;
}
.letter-space--tight {
    letter-spacing: -0.05em;
}
.letter-space--tighter {
    letter-spacing: -0.1em;
}
.letter-space--extra-tight {
    letter-spacing: -0.2em;
}

/* 注釈 */
.annotation-mark {
    display: inline-block;
    font-size: var(--font-size-body-2xs);
}
.annotation-item {
    font-size: var(--font-size-body-2xs);
    padding-left: 1.5em;
    position: relative;
}
.annotation-item::before {
    position: absolute;
    left: 0;
    content:"※";
}
.annotation-item--no1::before {
    content:"※1";
}

/* 外部リンクマーク */
.icon-external-link::after {
    content: "\f35d";
    font-family: var(--font-family-icon);
    font-weight: 900;
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
    font-size: var(--font-size-body-md);
}
/* リンク */
.link--internal {
    color: var(--color-primary);
    text-decoration: underline;
}
.link--internal:hover {
    text-decoration: none;
}
/* デザイン上で非表示 */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
}

/* 電話番号 PC無効化 */
@media (min-width: 600px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

/* slick Dots:lpのslickを上書き設定 */
.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-line);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
.slick-dots li.slick-active button:before {
    background-color: var(--color-text);
}
.slick-custom-prev,
.slick-custom-next {
    width: 50px;
    height: 50px;
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    color: var(--color-text);
    cursor: pointer;
}
.slick-custom-prev {
    left: -40px;
}
.slick-custom-next {
    right: -40px;
}

/* ファーストビュー */
.section-container--hero {
    background-color: var(--pink);
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
    position: relative;
}
.section-container--hero::after {
    content: '';
    display: inline-block;
    width: clamp(240px, 60vw, 400px);
    height: 300px;
    background-image: url('../image/facility_portal/hero-pattern_sp.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: -15px;
    left: -40px;
    pointer-events: none;
}
.facility-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--space-md);
}
.facility-hero__contents {
    order:1;
    grid-area: body;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}
.facility-hero__heading {
    display: flex;
    flex-direction: column;
}
.facility-hero__title {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(1.125rem, 2.03125vw, 1.625rem); /* ,*,26px */
}
.facility-hero__title h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    white-space: nowrap;
}
.facility-hero__title .tag {
    margin-bottom: var(--space-10);
    font-family: var(--font-family-body);
    background-color: var(--white);
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}
.facility-hero__message {
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(2.1875rem ,4.21875vw, 3.25rem); /* 52px */
    line-height: 1.3;
    text-align: center;
}
.facility-hero__cta {
    text-align: center;
}
.facility-hero-cta__catch {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: clamp(0.875rem, 1.7968vw, 1.375rem); /* 16px, *, 22px */
    white-space: nowrap;
    position: relative;
    text-align: center;
}
.facility-hero-cta__catch::before,
.facility-hero-cta__catch::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 23px;
    height: 2px;
    background-color: var(--color-text);
}
.facility-hero-cta__catch::before {
    left: 0;
    transform: translateY(-50%) rotate(64deg);
}
.facility-hero-cta__catch::after {
    right: 0;
    transform: translateY(-50%) rotate(-64deg);
}
.facility-hero-cta__button-container {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}
.facility-hero-cta__button-label {
    display: block;
    font-size: clamp(var(--font-size-body-lg), 1.71875vw, var(--font-size-title-xs));
}
.facility-hero-cta__button-label:has(.facility-hero-cta__button-catch) {
    display: block;
    font-size: clamp(var(--font-size-body-md), 1.5625vw, var(--font-size-body-xl));
}
.facility-hero-cta__button-catch {
    display: block;
    font-family: var(--font-family-body);
    font-size: 0.8125rem; /* 13px */
    font-size: clamp(var(--font-size-body-xs), 1.5625vw, 0.8125rem); /* 13px */
}
.facility-hero__cta .button--lg {
    min-height: 60px;
}
.facility-hero-cta__tel-container {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-areas:
        "icon num"
        "info info";
    column-gap: var(--space-sm);
    margin-top: var(--space-md);
}
.facility-hero__cta .cta__tel-info {
    font-size: var(--font-size-body-md);
}
.facility-hero__cta .cta__tel-number {
    font-size: 2.5rem;
}
.facility-hero__pict {
    order:0;
    grid-area: pict;
    position: relative;
}
.facility-hero__pict-photo {
    max-width: 690px;
}
.facility-hero__pict-illust {
    position: absolute;
    right: 10px;
    bottom: -32px;
    width: clamp(120px,46vw,200px);
}
.facility-hero__note {
    order:2;
    grid-area: note;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: var(--font-size-body-2xs);
}
.facility-hero__note p {
    line-height: var(--line-height-lg);
}
@media (min-width: 751px){
    .section-container--hero {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .section-container--hero::after {
        width: clamp(340px, 37vw, 380px);
        height: 480px;
        background-image: url('../image/facility_portal/hero-pattern_sp.svg');
        left: 50%;
        transform: translateX(-30%);
    }
    .facility-hero {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas:
            "body pict"
            "note note";
        justify-content: space-between;
        gap: var(--space-md) var(--space-xl);
        align-items: flex-start;
    }
    .facility-hero__contents {
        margin-top: 0;
        gap: var(--space-sm);
    }
    .facility-hero__title {
        justify-content: flex-start;
    }
    .facility-hero__title .tag {
        position: static;
        background-color: transparent;
    }
    .facility-hero__message {
        text-align: left;
    }
    .facility-hero-cta__catch {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .facility-hero-cta__button-container {
        gap: var(--space-10);
    }
    .facility-hero-cta__tel-container {
        display: inline-grid;
        grid-template-columns: auto auto;
        grid-template-areas:
        "icon num"
        "info info";
        column-gap: var(--space-sm);
        margin-top: var(--space-md);
    }
    .facility-hero__cta .cta__tel-icon {
        align-self: center;
    }
    .facility-hero__cta .cta__tel-number {
        font-size: clamp(2rem, 3.125vw, 2.5rem); /* 32px,*,40px */
    }
    .facility-hero__cta .cta__tel-icon {
        font-size: clamp(2rem, 2.8125vw, 2.25rem); /* 32px,*,36px */
    }
    .facility-hero__cta .cta__tel-info {
        font-size: clamp(0.75rem, 1.25vw, 1rem); /* 12px,*,16px */
    }
    .facility-hero__cta .button--lg {
        flex: 1;
        padding-left: var(--space-md);
        padding-right: var(--space-md);
        min-height: 50px;
    }
    .facility-hero__pict-illust {
        right: 32px;
        bottom: -10px;
        width: clamp(200px,33.28125vw,380px);
    }
}
@media (min-width: 1024px){
    .section-container--hero::after {
        width: clamp(200px, 35vw, 763px);
        height: 480px;
        background-image: url('../image/facility_portal/hero-pattern_sp.svg');
        top: 0;
        left: 50%;
        transform: translateX(-34%);
    }
    .facility-hero {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas:
            "body pict"
            ".    note";
        justify-content: space-between;
        gap: var(--space-sm);
        align-items: center;
    }
    .facility-hero-cta__button-container {
        display: flex;
        flex-direction: row;
        gap: var(--space-10);
    }
    .facility-hero-cta__button-catch {
        display: block;
    }
    .facility-hero-cta__tel-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: baseline;
        gap: var(--space-sm);
        margin-top: var(--space-sm);
    }
    .facility-hero__cta .button--lg {
        min-height: 80px;
    }
}
@media (min-width: 1280px) {
    .section-container--hero::after {
        width: 763px;
        height: 480px;
        background-image: url('../image/facility_portal/hero-pattern_pc.svg');
        transform: translateX(-21%);
    }
    .section-contents--hero {
        padding-left: 0;
        padding-right: 0;
    }

    .facility-hero-cta__catch {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }
    .facility-hero-cta__button-container {
        gap: var(--space-md);
    }
}

/* 手ぶら登園とは */
.section-container--about {
    gap: var(--space-xl);
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-3xl);
}
.section-container--about::after {
    content: '';
    width: clamp(240px,38.67vw,423px);
    height: 314px;
    background-image: url('../image/facility_portal/about_pict.png');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
@supports (background-image: url('image.webp')) {
    .section-container--about::after {
        background-image: url('../image/facility_portal/about_pict.webp');
    }
}

.facility-about {
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
    margin-top: 80px;
}
.facility-about__headline {
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp( 1.5rem, 3.2vw, 2.5rem);
}
.facility-about__headline br {
    display: none;
}
.facility-about__headline strong {
    color: var(--color-primary);
}
.facility-about__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-lg);
}
.facility-about__text {
    font-size: clamp( var(--font-size-body-sm), 1.76vw, var(--font-size-body-lg)); /* ,,40px */
    line-height: var(--line-height-lg);
}
.facility-count {
    position: relative;
    padding-left: clamp(50px,6.54vw,67px);
    padding-right: clamp(50px,6.54vw,67px);
}
.facility-count::before,
.facility-count::after {
    content: '';
    width: clamp(50px,6.54vw,67px);
    height: 123px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.facility-count::before {
    left: 0;
    background-image: url('../image/facility_portal/about_leaf.svg');
}
.facility-count::after {
    right: 0;
    background-image: url('../image/facility_portal/about_leaf.svg');
    transform: translateY(-50%) scaleX(-1);
}
.facility-count__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
}
.facility-count__label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.facility-count__sub {
    font-size: clamp(0.75rem, 1.37vw, 0.875rem);  /* 12px, *, 14px */;
    line-height: 1.3;
    white-space: nowrap;
}
.facility-count__main {
    font-size: clamp(1.5rem, 3.125vw, 2rem);  /* 24px, *, 32px */;
    white-space: nowrap;
}
.facility-count__label .annotation-mark {
    margin-top: 1.5em;
}
.facility-count__value {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-areas:
        "count unit"
        "count more";
    gap: 0 8px;
}
.facility-count__number {
    grid-area: count;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(4.875rem, 8.59vw, 5.5rem);  /* 78px, *, 88px */;
    line-height: .8;
    color: var(--color-primary);
    white-space: nowrap;
}
.facility-count__unit {
    grid-area: unit;
    align-self: flex-end;
    justify-self: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(1.5rem, 2.34vw, 1.75rem);  /* 24px, *, 28px */;
    margin-top: 16px;
    white-space: nowrap;
}
.facility-count__more {
    grid-area: more;
    justify-self: center;
    align-self: center;
    font-size: clamp(1rem, 2.34vw, 1.25rem);  /* 16px, *, 20px */;
    letter-spacing: 0.2em;
    white-space: nowrap;
}
.facility-count__note {
    max-width: 280px;
    margin: 10px auto 0;
}
@media (min-width: 751px) {
    .section-container--about {
        gap: var(--space-3xl);
        padding-top: var(--space-5xl);
        padding-bottom: var(--space-5xl);
        background-image: url('../image/facility_portal/about_bg.svg');
        background-size: 1450px;
        background-position: center top 16px;
        background-repeat: no-repeat;
    }
    .facility-count__content {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .facility-about {
        gap: var(--space-xl);
        margin-top: 0;
    }
    .facility-about__headline {
        white-space: nowrap;
    }
    .facility-about__headline br {
        display: block;
    }
    .facility-about__detail {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--space-md);
    }
}
@media (min-width: 1024px) {
    .facility-about{
        padding-left: 0;
        padding-right: 0;
    }
    .section-container--about::after {
        right: 1%;
    }
}
@media (min-width: 1280px) {
    .facility-about{
        padding-left: 0;
        padding-right: 0;
    }
    .section-container--about::after {
        right: auto;
        left: 50%;
        transform: translateX(46%);
    }
}

/* 手ぶら登園とは：流れる自治体ロゴ */
.section-contents--municipality {
    padding-left: 0;
    padding-right: 0;
    max-width: 2560px;
}
.facility-about__municipality {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}
.facility-about-municipality__list {
    display: flex;
    gap: 10px;
    width: max-content;
    animation: scroll-left 20s linear infinite;
}
.facility-about-municipality__item {
    flex: 0 0 auto;
    width: 120px;
    border: 1px solid var(--color-line);
}
.facility-about-municipality__list--bottom {
    margin-left: -65px;
}
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@media (min-width: 751px){
    .facility-about-municipality__list {
        gap: 16px;
    }
    .facility-about-municipality__item {
        width: 180px;
    }
    .facility-about-municipality__list--bottom {
        margin-left: -98px;
    }
}

/* 手ぶら登園とは:：受賞ロゴ */
.facility-about__award {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.facility-about-award__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 16px;
}
.facility-about-award__item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.facility-about-award__item img{
    height: 90px;
    width: auto;
    display: block;
}
.facility-about-award__item--kodomo-smile img {
    height: 70px;
}
.facility-about-award__item--kids-design-award img {
    height: 80px;
}
@media (min-width: 1024px){
    .facility-about-award__item img{
        height: 110px;
        width: auto;
        display: block;
    }
    .facility-about-award__item--kodomo-smile img {
        height: 90px;
    }
    .facility-about-award__item--kids-design-award img {
        height: 100px;
    }
}

/* 選ばれる理由 */
.facility-reason__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-3xl);
}
.facility-reason__item {
    width: clamp(280px, 26.5625vw, 340px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(var(--space-md), 1.875vw, var(--space-lg));
    position: relative;
}
.facility-reason__number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    font-size: var(--font-size-body-md);
    color: var(--color-text);
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: -16px;
    right: 0;
}
.facility-reason__number strong {
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.5rem; /* 2rem */
    color: var(--color-text);
    line-height: 1;
    margin-top: -4px;
}
.facility-reason__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--font-size-title-xs);
}
.facility-reason__title .annotation-mark {
    margin-top: 14px;
}
.facility-reason__text {
    font-size: var(--font-size-body-md);
    line-height: var(--line-height-lg);
}
.facility-reason__text + .annotation-list {
    margin-top: -10px;
}

.facility-reason__pict {
    min-width: 280px;
}
@media (min-width: 751px){
    .facility-reason__list {
        gap: var(--space-2xl);
    }
    .facility-reason__title {
        min-height: 62px;
    }
}
@media (min-width: 1280px){
    .facility-reason__list {
        gap: var(--space-4xl);
    }
}

/* 保育施設・保護者の声（共通） */
.facility-voice__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xl);
}
.facility-voice__item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-left: var(--space-md);
    padding-right: var(--space-md);
    gap: var(--space-md);
}
.facility-voice__text-container {
    width: 100%;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-lg);
}
.facility-voice__item:nth-child(even) .facility-voice__text-container {
    align-items: flex-start;
}
.facility-voice__title {
    width: 100%;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(var(--font-size-body-xl), 3.125vw, var(--font-size-title-sm));
    text-align: center;
}
.facility-voice__text {
    font-size: clamp(var(--font-size-body-sm), 1.76vw, var(--font-size-body-lg));
    line-height: var(--line-height-lg);
    width: 100%;
}
.facility-voice__info {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: var(--space-sm) var(--space-md);
    background-color: var(--gray);
    border-radius: var(--radius-sm);
    font-size: clamp(var(--font-size-body-sm), 1.5625vw, var(--font-size-body-md));
}
.section-container--pink .facility-voice__info {
    background-color: var(--white);
}
.facility-voice__button {
    flex: 1;
    width: 100%;
}
.facility-voice__button a {
    width: 100%;
}
.facility-voice__pict {
    width: 80%;
}
@media (min-width: 751px){
    .facility-voice__list {
        gap: var(--space-2xl);
    }
    .facility-voice__item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        gap: var(--space-md);
    }
    .facility-voice__item:nth-child(even) {
        flex-direction: row-reverse;
    }
    .facility-voice__title {
        font-family: var(--font-family-title);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: clamp(var(--font-size-title-xs), 3.125vw, var(--font-size-title-sm));
        width: 100%;
        text-align: left;
    }
    .facility-voice__pict {
        width: 100%;
        max-width: 540px;
    }
    .facility-voice__button {
        flex: 0 1 auto;
        width: auto;
    }
    .facility-voice__button a {
        width: auto;
    }
}

/* 保育施設の声 */
.section-contents--facility-voice {
    gap: var(--space-4xl);
}

/* 保育施設の声：導入事例 */
.facility-case {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}
.facility-case__list {
    max-width: 356px;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
}
/* slickの設定 */
.facility-case__list .slick-list {
    overflow: hidden !important;
}
.facility-case__list .slick-slide {
    padding: 0 16px;
    box-sizing: border-box;
}
.facility-case__item {
    display: inline-block;
    width: 320px;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}
.facility-case__pict {
    height: 200px;
    overflow: hidden;
}
.facility-case__pict img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: calc( var(--radius-lg) - 1px ) calc( var(--radius-lg) - 1px ) 0 0 ;
    aspect-ratio: 4 / 3;
}
.facility-case__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding:  var(--space-20) var(--space-md) var(--space-md);
}
.facility-case__title {
    width: 100%;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(var(--font-size-body-md), 1.76vw, var(--font-size-body-lg));
}
.facility-case__text {
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
}
.facility-case__info {
    width: 100%;
    padding: var(--space-10);
    background-color: var(--gray);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-body-sm);
}

/* 保育施設 アンケート */
.facility-survey {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    align-items: center;
    padding: var(--space-2xl) var(--space-md) var(--space-md);
    background-color: var(--white);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}
.facility-survey__title-sub {
    width: 100%;
    padding-bottom: var(--space-10);
    border-bottom: 1px solid var(--color-line);
    font-size: clamp( var(--font-size-body-md), 2.15vw, var(--font-size-title-xs));
    text-align: center;
}
.facility-survey__title-main {
    width: 100%;
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp( var(--font-size-title-xs), 3.71vw, var(--font-size-title-md));
    border-bottom: 1px solid var(--color-line);
    text-align: center;
}
.facility-survey__detail {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-md);
    width: 100%;
}
.facility-survey__chart {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-lg) var(--space-20);
    background-color: var(--gray);
    border-radius: var(--radius-lg);
}
.facility-survey__chart-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 240px;
    background-size: cover;
    background-position: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.facility-survey__chart-label--satisfaction {
    background: url('../image/facility_portal/nursery-voice_graph1.svg');
}
.facility-survey__chart-label--reduced {
    background: url('../image/facility_portal/nursery-voice_graph2.svg');
}
.facility-survey__chart-label--stress {
    background: url('../image/facility_portal/nursery-voice_graph3.svg');
}
.facility-survey__chart-label p {
    font-size: 1.222rem; /* 22px */
    line-height: 1.2;
    text-align: center;
}
.facility-survey__chart:first-of-type .facility-survey__chart-label p {
    font-size: 1.5rem; /* 24px */
}
.facility-survey__chart-label strong {
    font-size: 4rem;  /* 64px */
    line-height: 0.9;
}
.facility-survey__chart-label strong span {
    font-size: 1.444rem; /* 26px */
}
.facility-survey__note {
    width: 100%;
    border-top: 1px solid var(--color-line);
    padding-top: var(--space-20);
    font-size: var(--font-size-body-sm);
}
/* Tablet & PC */
@media (min-width: 751px){
    .facility-case__list {
        max-width: 704px;
    }
    .facility-survey {
        gap: var(--space-2xl);
        padding: var(--space-3xl) var(--space-lg) var(--space-lg);
    }
}
@media (min-width: 1024px) {
    .facility-survey__note {
        width: calc(100% - (var(--space-lg) * 2));
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
}
@media (min-width: 1056px){
    .facility-voice__list,
    .facility-survey {
        width: 1024px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .section-contents--facility-voice {
        max-width: 1056px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1060px) {
    .facility-case__list {
        max-width: 1056px;
    }
}
@media (min-width: 1200px){
    .facility-survey__chart {
        min-width: 312px;
    }
}

/* 保護者 アンケート */
.facility-survey__detail--parent {
    flex-wrap: wrap;
    gap: var(--space-20);
}
.facility-survey__chart-label--parent {
    background: url('../image/facility_portal/parent-voice_graph.svg');
    position: relative;
}
.facility-survey__chart-label--parent p {
    font-size: 1.75rem; /* 28px */
    line-height: 1.2;
    text-align: center;
}
.facility-survey__chart-label--parent strong {
    font-size: 4.5rem;  /* 72px */
    line-height: 0.9;
}
.facility-survey__chart-label--parent strong > span {
    font-size: 2rem; /* 32px */
}
.facility-survey__chart-label--parent .annotation-mark {
    position: absolute;
    top: calc( 50% + 8px );
    right: 50px;
}
.facility-survey__parent-pict {
    display: none;
}
.facility-survey__comments {
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
}
.facility-survey__comments p {
    padding: var(--space-20);
    background-color: var(--gray);
    border-radius: var(--radius-lg);
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
}
/* Tablet & PC */
@media (min-width: 751px){
    .facility-survey__detail--parent {
        flex-wrap: nowrap;
        gap: var(--space-20);
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .facility-survey__parent-chart {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .facility-survey__parent-pict {
        display: block;
        max-width: 200px;
    }
}
@media (min-width: 900px){
    .facility-survey__comments {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .facility-survey__detail--parent {
        align-items: center;
    }
}

/* オプション */
.facility-option {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-lg) var(--space-md);
    background-color: var(--gray);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}
.facility-option__title {
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.875rem; /* 30px */
    text-align: center;
    width: 100%;
}
.facility-option__title span {
    display: block;
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-lg);
    text-align: center;
    width: 100%;
}
.facility-option__text {
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
}
.facility-option__pict {
    display: none;
}
.facility-option__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    align-items: center;
    justify-content: center;
}
.facility-option__item:nth-of-type(2) {
    border-bottom: 1px solid var(--color-line);
    padding-bottom: var(--space-xl);
}
.facility-option-item__pict {
    max-width: 200px;
}
.facility-option-item__pict img {
    border-radius: var(--radius-lg);
}
.facility-option-item__title {
    flex: 1;
    align-self: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--font-size-body-lg);
}
.facility-option-item__title span {
    display: block;
}
.facility-option-item__text {
    flex: 1;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
}
.facility-option-item__button {
    flex: 1;
    width: 100%;
}
/* Tablet & PC */
@media (min-width: 751px){
    .facility-option {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(3, 1fr);
        padding: clamp(var(--space-lg), 3.91vw, var(--space-2xl)) 0;
    }
    .facility-option__text {
        font-size: var(--font-size-body-md);
        line-height: var(--line-height-lg);
    }
    .facility-option__item {
        display: flex;
        flex-direction: column;
        gap: var(--space-md);
        align-items: center;
        justify-content: center;
        padding-left: clamp(var(--space-md), 3.125vw, var(--space-2xl));
        padding-right: clamp(var(--space-md), 3.125vw, var(--space-2xl));

    }
    .facility-option__item:nth-of-type(2) {
        border: none;
        border-left: 1px solid var(--color-line);
        border-right: 1px solid var(--color-line);
        padding-bottom: 0;
    }
    .facility-option-item__title {
        flex: 0 1 auto;
        font-size: clamp(var(--font-size-body-md), 1.76vw, var(--font-size-body-lg));
        text-align: center;
        width: 100%;
    }
    .facility-option-item__title span {
        display: inline-block;
    }

    .facility-option-item__button {
        width: 100%;
    }
    .facility-option__pict {
        display: block;
        max-width: 80px;
    }
}
@media (min-width: 1024px) {
    .facility-option__item:nth-of-type(1) {
        min-width: 350px;
    }
}

/* 3つのサポート */
.facility-support__list{
    padding: var(--space-sm) var(--space-lg);
    background-color: var(--white);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    position: relative;
    z-index: 1;
}
.facility-support__item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
    "pict title"
    "text text";
    gap: var(--space-sm) var(--space-md);
    padding-top: var(--space-md);
    padding-bottom: var(--space-md);
}
.facility-support__item:nth-of-type(2) {
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line);
}
.facility-support__pict {
    grid-area: pict;
    justify-self: flex-start;
    width: 120px;
}
.facility-support__title {
    grid-area: title;
    align-self: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--font-size-body-lg);
}
.facility-support__text {
    grid-area: text;
    align-self: flex-start;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
}
/* Tablet & PC */
@media (min-width: 751px){
    .facility-support__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: calc(var(--space-2xl) + var(--space-10)) 0;
        border-radius: var(--radius-lg);
    }
    .facility-support__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-20);
        padding: 0  var(--space-xl);
    }
    .facility-support__item:nth-of-type(2) {
        border: none;
        border-left: 1px solid var(--color-line);
        border-right: 1px solid var(--color-line);
    }
    .facility-support__pict {
        width: 180px;
    }
    .facility-support__title {
        font-size: clamp(var(--font-size-body-md), 1.76vw, var(--font-size-body-lg));
        text-align: center;
        width: 100%;
    }
    .facility-support__title span {
        display: block;
    }
}
@media (min-width: 1280px){
    .facility-support {
        position: relative;
    }
    .facility-support::before{
        content: "";
        position: absolute;
        bottom: -20px;
        left: -104px;
        width: 180px;
        height: 240px;
        background-image: url('../image/facility_portal/support_illust1.png');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    .facility-support::after {
        content: "";
        position: absolute;
        bottom: -20px;
        right: -104px;
        width: 180px;
        height: 240px;
        background-image: url('../image/facility_portal/support_illust2.png');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    @supports (background-image: url('image.webp')) {
        .facility-support::before{
            background-image: url('../image/facility_portal/support_illust1.webp');
        }
        .facility-support::after {
            background-image: url('../image/facility_portal/support_illust2.webp');
        }
    }
    .facility-support__list{
        position: relative;
        z-index: 1;
    }
}

/* 資料ダウンロード */
.section-contents--download {
    gap: var(--space-lg);
}
.facility-download__list {
    max-width: 356px;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
}
/* slickの設定 */
.facility-download__list .slick-list {
    overflow: hidden !important;
}
.facility-download__list .slick-slide {
    padding: 0 16px;
    box-sizing: border-box;
}
.facility-download__item {
    width: 320px;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}
.facility-download__pict {
    padding: 7% 15%;
    background: url('../image/facility_portal/download_list-bg.svg') no-repeat center center;
    background-size: cover;
    border-radius: calc( var(--radius-lg) - 1px ) calc( var(--radius-lg) - 1px ) 0 0 ;
}
.facility-download__pict img {
    border: 1px solid var(--color-line);
    aspect-ratio: 4 / 3;
}
.facility-download__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-20) var(--space-20);
}
.facility-download__tag {
    display: flex;
    justify-content: flex-start;
    gap: var(--space-sm);
    width: 100%;
}
.facility-download__title {
    width: 100%;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--font-size-body-lg);
}
/* Tablet & PC */
@media (min-width: 751px){
    .facility-download__list {
        max-width: 704px;
    }
}
@media (min-width: 1024px){
    .section-contents--download {
        max-width: 1056px;
    }
}
@media (min-width: 1060px){
    .facility-download__list {
        max-width: 1056px;
    }
}

/* FAQ */
.facility-faq__list {
    padding: var(--space-md);
    background-color: var(--white);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
}
.facility-faq__item {
    border-bottom: 1px solid var(--color-line);
}
.facility-faq__item:last-of-type {
    border-bottom: 0;
}
.facility-faq__item summary {
    display: flex;
    align-items: center;
    font-family: var(--font-family-title);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(var(--font-size-body-md), 1.76vw, var(--font-size-body-lg));
    list-style: none;
    padding: var(--space-md) 0 var(--space-md) 40px;
    position: relative;
}
.facility-faq__item summary:hover {
    cursor: pointer;
}
.facility-faq__item summary::-webkit-details-marker {
    display: none;
}
.facility-faq__list details summary::before {
    display: inline-flex;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: var(--gray);
    border-radius: 50%;
    margin-right: var(--space-sm);
    font-size: 1.2rem;
    position: absolute;
    left: 0;
}
.facility-faq__list details[open] summary::before {
    content: "−";
}
.facility-faq__list details summary::before {
    content: "+";
}
.facility-faq__item p {
    padding-bottom: var(--space-md);
    padding-left:  40px;
    line-height: var(--line-height-lg);
}
/* Tablet & PC */
@media (min-width: 751px) {
    .facility-faq__list {
        padding: var(--space-2xl);
    }
    .facility-faq__item summary {
        padding-top: var(--space-20);
        padding-bottom: var(--space-20);
    }
    .facility-faq__item p {
        padding-bottom: var(--space-20);
    }
}

/* NEWS */
facility-news__list {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
}
.facility-news__item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
    "date tag"
    "text text";
    justify-content: center;
    align-items: center;
    gap: var(--space-sm) var(--space-sm);
    padding-top: var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--color-line);
}
.facility-news__item span {
    justify-self: flex-start;
}
.facility-news__item h3 {
    grid-area: text;
    line-height: var(--line-height-lg);
}
.facility-news__item:hover h3{
    text-decoration: underline;
    color: var(--color-primary);
}
/* Tablet & PC */
@media (min-width: 751px) {
    facility-news__list {
        padding: 0;
    }
    .facility-news__item {
        display: grid;
        grid-template-columns: auto auto 1fr;
        grid-template-areas:
            "date tag text";
        align-items: center;
        column-gap: var(--space-md);
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
        border-bottom: 1px solid var(--color-line);
    }
}