.post-content__block {
    margin-top: 0;
}

.text__title-archive {
    display: block;
    margin-bottom: 22px;
    text-align: center;
}

#post-pdf {
    margin-top: 66px;
}
    #post-pdf img {
        margin-right: 7px;
        width: 19px;
    }
    #post-pdf a {
        margin-bottom: 20px;
        display: block;
    }
        #post-pdf a:last-child {
            margin-bottom: 0;
        }

.text__link {
    display: inline-block;
}

@media only screen and (min-width: 768px){

    #post-content > p {
        margin-bottom: 11px;
    }

    .text__title-archive {
        margin-bottom: 31px;
    }

    #post-pdf {
        margin-top: 90px;
    }
        #post-pdf img {
            margin-right: 9px;
            width: 29px;
        }
        #post-pdf a {
            margin-bottom: 22px;            
        }

}

@media only screen and (min-width: 992px){

    #main__post-block h1 {
        margin-bottom: 42px !important;
    }

    #post-content > p {
        margin-bottom: -15px;
    }

    .text__title-archive {
        margin-bottom: 36px;
    }

    #post-pdf {
        margin-top: 73px;
    }
        #post-pdf img {
            margin-right: 7px;
            width: 22px;
        }
        #post-pdf a {
            margin-bottom: 16px;            
        }

}

@media only screen and (min-width: 1690px){

    #main__post-block h1 {
        margin-bottom: 39px !important;
    }

    #post-content > p {
        margin-bottom: 5px;
    }

    .text__title-archive {
        margin-bottom: 38px;
    }

    #post-pdf {
        margin-top: 108px;
    }
        #post-pdf a {
            margin-bottom: var(--spacing-10);            
        }

}

/* 新しいクラス: コンテンツエリアのラッパー */
.content-area {
    padding-top: 80px; /* 固定ヘッダーの高さ分調整（ヘッダーの高さに合わせて変更） */
    min-height: 100vh; /* ページ全体の高さを確保 */
    background-color: #fff; /* 背景色: 白（サイトのメインに合わせ） */
}

.section-title {
    font-size: 1rem;
    font-weight: 500;
    color: #4a4a4a;
    border-bottom: 1px solid #f1d69e;
    padding-bottom: 0.75rem;
    margin-bottom: var(--spacing);
    text-align: center;
    letter-spacing: 0.1em;
}

.subsection-title {
    font-size: 1.2rem;
    font-weight: 400;
    color: #666; /* ライトグレーで柔らかく */
    margin-bottom: 1.25rem; /* スペースを多めに取って視覚的に軽く */
    letter-spacing: 0.05em; /* 微かな間隔でお洒落に */
}

/* 新しいクラス: h4の見出し用（さらに繊細: イタリックや微装飾で） */
.subsubsection-title {
    font-size: 1.1rem;
    font-weight: 400; /* ライトでエレガント */
    color: #777; /* さらに柔らかいグレー */
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    border-left: 3px solid #f1d69e; /* 左ボーダーでさりげない装飾 */
    padding-left: 0.75rem; /* インデントで上品に */
}

/* メディアクエリでレスポンシブ調整（既存のブレークポイントに合わせ、全体小さいフォントを考慮） */
@media only screen and (min-width: 768px) {
    .section-title {
        margin-bottom: 31px;
    }
    .content-area {
        padding-top: 100px; /* タブレット以上で調整 */
    }
}

@media only screen and (min-width: 992px) {
    .section-title {
        margin-bottom: 36px;
    }
    .content-area {
        padding-top: 120px; /* デスクトップで調整 */
    }
}

@media only screen and (min-width: 1690px) {
    .section-title {
        margin-bottom: 38px;
    }
    .content-area {
        padding-top: 140px; /* ワイドスクリーンで調整 */
    }
}

.list-group-item {
    background-color: #ffffff70;
    border: 1px solid rgb(183 183 183 / 26%);
}