@charset "UTF-8";
/* ==================================================================================================== メインタイトル
==================================================================================================== */
.title-sec .title-con { background: none; }
.title-sec .main-title { left: 0; width: 100%; text-align: center; }
@media screen and (max-width: 640px) { .title-sec .main-title { left: 0; } }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.news-in { max-width: 850px; margin: 0 auto; }

.list-top { display: flex; margin-bottom: 10px; }
.list-top .list-top-cate { margin-left: 45px; color: #005bac; font-weight: bold; }

.news-sec { padding: 90px 0 140px; background-color: #f2f2f2; }
@media screen and (max-width: 640px) { .news-sec { padding: 9.375% 0 26.5625%; } }
.news-sec .news-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 640px) { .news-sec .news-list { display: block; } }
.news-sec .news-list li { width: 44.7058823529%; margin-right: 10.5882352941%; margin-bottom: 7.6470588235%; }
@media screen and (max-width: 640px) { .news-sec .news-list li { width: 67.8571428571%; margin: 0 auto 10.7142857143% !important; } }
.news-sec .news-list li:nth-child(2n) { margin-right: 0; }
.news-sec .news-list li a { display: block; text-decoration: none; }
.news-sec .news-list li a:hover { opacity: 0.7; }
.news-sec .news-list li .list-in { padding: 30px 25px 35px; background-color: #fff; }
@media screen and (max-width: 640px) { .news-sec .news-list li .list-in { padding: 7.8947368421% 6.5789473684%; } }
.news-sec .news-list li .list-in .list-txt { font-size: 1.375rem; font-weight: bold; }
@media screen and (max-width: 640px) { .news-sec .news-list li .list-in .list-txt { font-size: 1rem; } }

.detail-sec { padding: 65px 0 110px; }
@media screen and (max-width: 640px) { .detail-sec { padding: 8.59375% 0 18.75%; } }
.detail-sec .detail-heading { margin-bottom: 55px; font-size: 1.75rem; font-weight: bold; }
@media screen and (max-width: 640px) { .detail-sec .detail-heading { margin-bottom: 8.0357142857%; font-size: 1.1666666667rem; } }
.detail-sec .detail-box { margin-bottom: 50px; }
.detail-sec .detail-box figure { margin-bottom: 40px; }
@media screen and (max-width: 640px) { .detail-sec .detail-box figure { margin-bottom: 7.1428571429%; } }
.detail-sec .detail-box figure:last-child { margin-bottom: 0; }
.detail-sec .detail-box figure figcaption { margin-top: 20px; }
@media screen and (max-width: 640px) { .detail-sec .detail-box figure figcaption { margin-top: 3.5714285714%; } }
.detail-sec .detail-box p { margin-bottom: 40px; }
@media screen and (max-width: 640px) { .detail-sec .detail-box p { margin-bottom: 7.1428571429%; } }
.detail-sec .detail-box p:last-child { margin-bottom: 0; }
.detail-sec .detail-box img { height: auto; }

.category { margin-bottom: 50px; }
@media screen and (max-width: 640px) { .category { margin-bottom: 7.1428571429%; } }
.category dl { display: flex; align-items: center; }
@media screen and (max-width: 640px) { .category dl { display: block; } }
.category dl dt { width: 6em; }
@media screen and (max-width: 640px) { .category dl dt { width: 100%; margin-bottom: 10px; } }
.category dl dd { flex: 1; display: flex; align-items: center; flex-wrap: wrap; }
.category dl dd div { min-width: 86px; margin-right: 15px; margin-bottom: 10px; }
.category dl dd div a { display: block; text-decoration: none; padding: 5px; border: 1px solid #000; background-color: #fff; text-align: center; line-height: 1; }
.category dl dd div a:hover { border: 1px solid #808080; background-color: #808080; color: #fff; }

ul.page-numbers { display: flex; align-items: center; }
@media screen and (max-width: 640px) { ul.page-numbers { margin-bottom: 8.9285714286%; } }
ul.page-numbers .page-numbers { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 10px; border: 1px solid #333; background-color: #fff; font-size: 0.875rem; line-height: 1; text-decoration: none; }
ul.page-numbers .page-numbers:hover { border: 1px solid #4d4d4d; background-color: #4d4d4d; color: #fff; }
ul.page-numbers .page-numbers.current { border: 1px solid #4d4d4d; background-color: #4d4d4d; color: #fff; }
ul.page-numbers .page-numbers.next, ul.page-numbers .page-numbers.prev { border: none; background-color: transparent; }

.pager { display: flex; justify-content: flex-end; }
@media screen and (max-width: 640px) { .pager { display: block; } }
.pager .back-btn { width: 37.1764705882%; }
@media screen and (max-width: 640px) { .pager .back-btn { width: 78.9285714286%; margin: 0 auto; text-align: center; } }

/*# sourceMappingURL=news.css.map */