/* ==================================================================================================== */
/* 汎用 */
/* ==================================================================================================== */

/* 見出し */
.page-title { text-align:center; padding-top:40px; margin-bottom:16px; }
.page-title img { margin:auto; }
.fudanren-news-title img { max-width:268px; }
.wd-news-title img { max-width:344px; }
.gender-news-title img { max-width:344px; }

@container(min-width:960px) {

/* 見出し */
.page-title { padding-top:50px; margin-bottom:80px; }
.fudanren-news-title img { max-width:432px; }
.wd-news-title img { max-width:554px; }
.gender-news-title img { max-width:624px; }

}

/* ==================================================================================================== */
/* ニュース */
/* ==================================================================================================== */

/* ベース */
section.content-block { background-color:var(--wh); padding:20px; margin:auto; margin-bottom:101px; width:calc( 100% - 40px ); }

/* リスト */
section.content-block ul { flex-direction:column; gap:24px; }
section.content-block ul li a { flex-direction:column; gap:10px; justify-content:space-between; }
section.content-block ul li a:link, section.content-block ul li a:visited { opacity:1; transition:.3s; }
section.content-block ul li a:active, section.content-block ul li a:hover { opacity:0.7; transition:.3s; }
div.news-title p.pol-title { font-size:16px; font-weight:500; line-height:200%; }
div.news-title p.pol-content { font-size:16px; font-weight:300; line-height:30px; letter-spacing:-0.8px; }
section.content-block ul li a img { margin:auto; }

@container(min-width:960px) {

/* ベース */
section.content-block { padding:40px; margin-bottom:52px; max-width:600px; width:100%; }

/* リスト */
section.content-block ul li a { flex-direction:row-reverse; }
.news-title { width:calc( 100% - 130px ); }
section.content-block ul li a img { height:auto; width:120px; }
}