@charset "UTF-8";
/* ------------------------------ ヘッダー
------------------------------ */
.header { border-bottom: 1px solid #e30602; }
.header .header-product { background-color: #f3f5f8; }
@media screen and (max-width: 980px) { .header .header-product { display: none !important; } }
.header .header-product .pro-top { background: linear-gradient(110deg, #150a0a 0%, #150a0a 90%, #f3f5f8 90%, #f3f5f8 100%); }
@media screen and (max-width: 1200px) { .header .header-product .pro-top { background: linear-gradient(110deg, #150a0a 0%, #150a0a 85%, #f3f5f8 85%, #f3f5f8 100%); } }
.header .header-product .pro-top .pro-heading { padding: 10px; color: #fff; }
.header .header-product .pro-main .pro-nav li a { color: #150a0a; }

/* ------------------------------ コンテンツ
------------------------------ */
._idx .news-pagettl { padding: 40px 80px; background-color: #f3f5f8; }
@media screen and (max-width: 1200px) { ._idx .news-pagettl { padding-inline: 20px; } }
@media screen and (max-width: 750px) { ._idx .news-pagettl { padding: 30px 4%; } }
._idx .news-pagettl .pagettl-h { padding: 20px 15px; border-left: 4px solid #e50012; font-size: 3.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .news-pagettl .pagettl-h { padding: 10px 15px; font-size: 2.3466666667rem; } }
._idx .news-main { padding: 30px 0 150px; }
@media screen and (max-width: 750px) { ._idx .news-main { padding: 60px 0; } }
._idx .tabmenu { display: flex; column-gap: 1.5%; margin-bottom: 40px; }
@media screen and (max-width: 750px) { ._idx .tabmenu { column-gap: 2.1739130435%; } }
._idx .tabmenu li { width: 17%; padding: 15px 5px; background-color: #f3f5f8; border: 1px solid #1f1f1f; text-align: center; border-radius: 4em; cursor: pointer; }
@media screen and (max-width: 750px) { ._idx .tabmenu li { width: 30.4347826087%; font-size: 1.2rem; } }
._idx .tabmenu li:hover, ._idx .tabmenu li.active { background-color: #1f1f1f; color: #fff; }
._idx .news-list { margin-bottom: 50px; border-top: 1px solid #ced4e3; }
._idx .news-list li { border-bottom: 1px solid #ced4e3; }
._idx .news-list li a { display: flex; justify-content: space-between; text-decoration: none; gap: 20px 3%; padding-block: 30px; }
@media screen and (max-width: 750px) { ._idx .news-list li a { flex-direction: column; } }
._idx .news-list li a:hover .news-heading { text-decoration: underline; }
._idx .news-list li figure { width: 24.2%; }
@media screen and (max-width: 750px) { ._idx .news-list li figure { width: 100%; } }
._idx .news-list li .news-list-box { flex: 1; }
._idx .news-list li .news-list-box .news-top { width: 100%; margin-bottom: 20px; }
._idx .news-list li .news-list-box .news-heading { font-size: 1.5rem; }
._idx .news-list li .news-list-box .news-period { display: flex; margin-top: 20px; }
._idx .news-list li .news-list-box .news-period dt { width: 6em; font-size: 1.4rem; font-weight: 700; color: #e30602; }
._idx .news-list li .news-list-box .news-period dd { flex: 1; font-size: 1.4rem; }
._idx .pager { display: flex; align-items: center; justify-content: center; column-gap: 20px; }
._idx .pager button { width: 30px; }
._idx .pager ol { display: flex; column-gap: 20px; }
._idx .pager ol li { width: 40px; height: 40px; }
._idx .pager ol li a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; background-color: #e0e5eb; font-size: 1.3rem; font-weight: 700; line-height: 1; }
._idx .pager ol li a:hover, ._idx .pager ol li a.active { background-color: #1f1f1f; color: #fff; }

._detail { padding: 55px 0 195px; background-color: #f3f5f8; }
@media screen and (max-width: 750px) { ._detail { padding: 60px 0; } }
._detail .detail-main { padding: 30px 50px 110px; background-color: #fff; }
@media screen and (max-width: 750px) { ._detail .detail-main { padding: 30px; } }
._detail .detail-top { display: flex; align-items: center; column-gap: 1em; margin-bottom: 20px; }
._detail .detail-top .detail-date { font-size: 1.3rem; font-weight: 700; }
._detail .detail-top .detail-cate { width: 11em; padding: 5px 10px; border: 1px solid #1d2269; font-size: 1.4rem; text-align: center; line-height: 1; }
._detail .detail-ttl { margin-bottom: 15px; font-size: 2.4rem; font-weight: 700; }
._detail .detail-period { display: flex; margin-bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid #e30602; font-size: 1.4rem; }
._detail .detail-period dt { width: 5em; color: #e30602; font-weight: 700; }
._detail .detail-period dd { flex: 1; }
._detail .detail-mainfig { width: 100%; max-width: 600px; margin: 0 auto; }

/*# sourceMappingURL=news.css.map */
