/* =================================================================
                        equipment / お知らせ
===================================================================*/

/* ■ セクション全体のレイアウト設定 */
.equipment {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 88px 55px 160px;

    position: relative;
}

.equipment__inner {
    margin: 0 auto;
}

/* ■ ブロック全体 */
.equipment__block {
    padding-bottom: 90px;
}

/* ■ 見出しの設定 */
.equipment__heading {
    margin-bottom: 50px;
    padding-bottom: 0.533333em;

    position: relative;

    font-size: var(--font-size-title-xl);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.02em;

    color: var(--text-color-blue);
}

.equipment__heading::before {
    width: 60px;
    height: 2px;

    position: absolute;
    bottom: 0;
    left: 50%;

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

    background-color: var(--text-color-blue);
    content: "";
}

/* ■ お知らせリスト全体 */
.equipment__list {
    width: 100%;
    gap: 4%;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* ■ 各お知らせアイテム */
.equipment__item {
    width: 48%;
    padding: 1em 0;
    border-top: 1px solid #9A9A9A;
    border-bottom: 1px solid #9A9A9A;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    font-size: var(--font-size-body-md);
    line-height: 1.75;
}

/* ■ 画像ブロック */
.equipment__item--image {
    width: 36.5%;
    padding-bottom: 40px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.25em;

    flex-shrink: 0; /* 自分の幅を縮めない */
}

/* ■ 左側用調整 */
.equipment__item--left {
    margin-left: 0;
    margin-right: auto;

    border-top: none;
}

/* ■ 上ボーダーなしバージョン */
.equipment__item--no-top-border {
    border-top: none;
}

/* 画像が1枚だけのとき中央上に表示 */
.equipment__item--image.is-single {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.equipment__item--image.is-single img {
    width: 36.5%;
}


/* ========================= SP・レスポンシブ対応（768px以下） ========================= */
@media (max-width: 768px) {

    /* ■ セクション全体の余白調整 */
    .equipment {
        padding: 70px 24px 80px;
    }

    .equipment__heading {
        margin-bottom: 26px;
    }

    .equipment__heading::before {
        width: 32px;
    }

    /* ■ 画像ブロック：スマホ用 */
    .equipment__item--image {
        width: 100%;
        max-width: 447px;
        padding-bottom: 40px;
    }

    /* ■ 各お知らせアイテム：スマホ用 */
    .equipment__item {
        width: 100%;
        border-top: 1px solid #9A9A9A;
        border-bottom: none;

        font-size: var(--font-size-body-md);
        line-height: 1.75;
    }

    .equipment__item:first-child {
        border-top: none;
    }

    /* ■ 最後のアイテムに下ボーダー追加 */
    .equipment__item:last-child {
        border-bottom: 1px solid #9A9A9A;
    }
}