body {
            margin: 0;
            background-color: #435B69;
            color: #FFFFFF;
             min-width: 500px;  
            background-size: cover; /* 背景画像をカバー表示 */
            background-position: center; /* 背景画像を中央揃え */
            font-family: Arial, sans-serif; /* フォントファミリーの統一 */
        }


.site-header {
    background-color: #133942; /* 帯の背景色を設定 */
    padding: 10px 20px; /* 上下のパディング10px、左右のパディング20px */
    height: 80px; /* ヘッダーの高さを固定 */
    display: flex; /* Flexboxレイアウトを適用 */
    align-items: center; /* 垂直方向に中央揃え */
    justify-content: center; /* 水平方向に中央揃え */
    position: relative; /* ナビゲーションの位置調整に使用 */

}



.site-header .logo {
    height: 60px; /* ロゴの高さを調整 */
    position: absolute;
    left: 50%; /* 横方向の中央に配置 */
    top: 50%;
    transform: translate(-60%, -50%); /* 中央から10%左にシフト */
}

.news-date {
    flex: 0 0 150px; /* 固定幅（必要に応じて調整） */
    font-weight: bold;
    margin-right: 5px; /* 日付と文章の間のスペース */
}

.news-text {
    flex: 1; /* 残りのスペースを占める */
}


.news-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2); /* トラック部分の色 */
    border-radius: 4px;
}

.news-content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.6); /* サム部分の色 */
    border-radius: 4px;
}

.act-date {
    flex: 0 0 150px; /* 固定幅（必要に応じて調整） */
    font-weight: bold;
    margin-right: 5px; /* 日付と文章の間のスペース */
}

.act-text {
    flex: 1; /* 残りのスペースを占める */
}


.act-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2); /* トラック部分の色 */
    border-radius: 4px;
}

.act-content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.6); /* サム部分の色 */
    border-radius: 4px;
}
/* Firefox向け */
.news-content {
    scrollbar-width: thin; /* スクロールバーの幅を細くする */
    scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2); /* サムとトラックの色 */
}

/* Firefox向け */
.act-content {
    scrollbar-width: thin; /* スクロールバーの幅を細くする */
    scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2); /* サムとトラックの色 */
}

/* --- レスポンシブデザインのためのメディアクエリ --- */
@media (max-width: 768px) {
    /* 画像の幅を調整 */
    .textimg img, .logo img {
        width: 80%;
        min-width: unset;
    }


    /* ラッパーの幅を調整 */
    .wrapper {
        max-width: 90%;
    }

    /* インラインブロックテストの幅を100%に */
    .inline-block_test {
        width: 100%;
    }

    /* ロゴ画像の最大幅を調整 */
    .logo img {
        max-width: 80px;
    }

    /* 新着情報セクションの幅と高さを調整 */
    .news-section {
        width: 90%; /* セクションの幅を90%に調整 */
        max-width: 400px; /* 最大幅を300pxに調整 */
        margin: 20px 0; /* 左揃えにするために左右のマージンを0に */
    }

    .news-content {
        max-height: 250px; /* スマホでの高さを150pxに調整 */
    }
        /* 新着情報セクションの幅と高さを調整 */
    .act-section {
        width: 90%; /* セクションの幅を90%に調整 */
        max-width: 400px; /* 最大幅を300pxに調整 */
        margin: 20px 0; /* 左揃えにするために左右のマージンを0に */
    }

    .act-content {
        max-height: 250px; /* スマホでの高さを150pxに調整 */
    }
}