/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 16 2025 | 07:34:43 */
.news-section {
	position: relative;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

.news-wrapper {
    margin: 0 auto;
    padding: 0; 
}

.news-container {
    display: flex;
    gap: 30px; 
    align-items: flex-start; 
}

/* 各コンテンツブロックの設定 */
.content-block {
    flex: 1; 
    min-width: 0; 
}

/* Twitter埋め込みブロックのスタイル */
.content-block.twitter-block {
}

/* ニュースリストブロックのスタイル */
.content-block.news-list-block {
}

/* Twitter埋め込み用の.newsの調整 */
.news {
    padding: 15px;
    font-family: "Noto Sans JP", sans-serif;
    height: 400px; 
    overflow-y: auto; 
	background: #c41515;
}

/* --- スマートフォン表示での調整 --- */
@media screen and (max-width: 767px){
    .news-container {
        flex-direction: column;
        gap: 20px;
    }

    .content-block {
        flex: none;
        width: 100%;
    }

    /* ニュースリストブロックを上 (order: 1) に設定 */
    .content-block.news-list-block {
        order: 1;
    }

    /* Twitterブロックを下 (order: 2) に設定 */
    .content-block.twitter-block {
        order: 2;
    }

    .news-list .item .title{
        margin-top: 10px;
    }
}

/* --- その他のCSS（変更なし） --- */

.inner {
    width: 90%;
    background-color: #fff;
    margin: 0 auto;
    padding: 65px 0 100px;
}

.sub_ttl {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}

/* ここからがニュース記事のCSS */

.news-list{
    list-style: none outside;
    margin: 0;
    padding: 0;
}
.news-list .item a{
    display: flex;
    flex-wrap: nowrap; /* PC表示では一行に保つ */
    text-decoration: none;
    color: #333;
    border-bottom: none;
    padding: 20px 20px;
}
.news-list .item:first-child a{
    border-top: none;
}
.news-list .item .date{
    margin: 0;
    min-width: 120px;
    font-size: 16px;
    padding: 0 20px 0 0;
    font-family: "Noto Sans JP", sans-serif;
}
.news-list .item .title{
    margin: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
}
.news-list .item a:hover .title{
    color: #c41515;
}

@media screen and (max-width: 767px){
    .news-list .item a{
        flex-wrap: wrap; /* スマホ表示では折り返す */
		border-bottom: none;
    }
    .news-list .item .date{
        min-width: 100px;
    }
}


/* 装飾 */
a{
    text-decoration: none;
}


#news-section {
	position: relative;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	margin-top: 100px;
}

#news-section h1 {
	font-weight: 600;
	font-size: 28px;
	line-height: 1.5;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0;
	text-align: left;
	margin-top: 50px;
}

#news-section h2 {
	font-weight: 400;
	font-size: 16px;
	line-height: 2;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0;
	text-align: justify;
    padding-top: 45px;
}