@charset "utf-8";

@media screen and (min-width: 1200px) {}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {}


.topics .page-title{ background-image: url("../images/icon.svg");}


.news_ct_box{ display: flex; justify-content: center;}
.news_ct_box>a{ border: 1px solid #c1c1c1; font-weight: bold; display: flex; justify-content: center; align-items: center; color: black; text-decoration: none; background-color: white;}
.news_ct_box>a>span{ display: block; position: relative;}
.news_ct_box>a>span::before{ content: ""; position: absolute; display: block; background-color: transparent; width: 100%; top: 100%; transition: .3s;}
.news_ct_box>a.active{ background-color: #e6e6e6;}
.news_ct_box>a:hover>span::before,
.news_ct_box>a.active>span::before{ background-color: #40ade0;}
@media (min-width: 768px) {
.news_ct_box{ font-size: 14px; padding: 15px 0;}
.news_ct_box>a{ width: 120px; height: 40px; border-radius: 10px; padding-bottom: 3px;}
.news_ct_box>a:nth-child(n+2){ margin-left: 20px;}
.news_ct_box>a>span::before{ height: 3px;}

.news_list{ padding-bottom: 10px;}
}
@media (max-width: 767.98px) {
.news_ct_box{ font-size: 12px; padding: 0 0 15px 0;}
.news_ct_box>a{ width: 85px; height: 35px; border-radius: 5px; padding-bottom: 2px;}
.news_ct_box>a:nth-child(n+2){ margin-left: 10px;}
.news_ct_box>a>span::before{ height: 2px;}
}


/* List */
.news_list{ position: relative;}
.news_list>a{ border-left-style: solid; border-left-color: #d54387; position: relative; color: black; text-decoration: none; display: flex; flex-wrap: wrap; align-items: center;}
.news_list>a>p{ margin: 0;}
.news_list>a>.ttl{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5em; margin: 0;}
.news_list>a>.new{ background-color: #d54387; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.news_list>a>.text{ width: 100%;}
.news_list>a>.ct{ font-weight: bold;}
.news_list>a>.ct.news{ color: #d54387;}
.news_list>a>.ct.topics{ color: #40ade0;}
.news_list>a>.ct>span{ color: black; margin-left: 1em;}
@media (min-width: 768px) {
.news_list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.news_list>a{ width: calc(50% - 36px); border-left-width: 5px; margin: 20px 0 21px; padding-left: 12px;}
.news_list>a:nth-child(1)::before,
.news_list>a:nth-child(2n+1)::after{ content: ""; display: block; position: absolute; left: -5px; height: 1px; width: 1000px; background-color: #999999;}
.news_list>a:nth-child(1)::before{ bottom: calc(100% + 20px);}
.news_list>a:nth-child(2n+1)::after{ top: calc(100% + 20px);}
.news_list>a>.ttl{ font-size: 18px; max-width: 100%;}
.news_list>a.new>.ttl{ max-width: calc(100% - 90px);}
.news_list>a>.new{ width: 80px; height: 20px; border-radius: 10px; margin-left: 10px; padding-bottom: 1px;}
.news_list>a>.text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.news_list>a>.ct{ font-size: 12px;}

.page_main_container .news_list>a:nth-child(1)::before,
.page_main_container .news_list>a:nth-child(2n+1)::after{ width: 850px;}
}
@media (max-width: 767.98px) {
.news_list{}
.news_list>a{ width: 100%; border-left-width: 3px; margin: 0; padding-left: 12px;}
.news_list>a:nth-child(n+2){ margin-top: 30px;}
.news_list>a>.ttl{ font-size: 15px; width: 100%; order: 1;}
.news_list>a>.new{ width: 50px; height: 20px; border-radius: 10px; font-size: 11px; padding-bottom: 1px; order: 0;}
.news_list>a>.text{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; order: 2;}
.news_list>a>.ct{ font-size: 11px; order: 3;}
}



.page_feed_container{ display: flex; justify-content: space-between; align-items: center;}
.page_feed_container>p{ margin: 0; font-weight: bold;}
.page_feed_no{ display: flex; align-items: center;}
.page_feed_no>.arrow_btn{ background-repeat: no-repeat; background-position: center; background-size: contain; display: block;}
.page_feed_no>.arrow_btn.prev{ background-image: url("../../../common/images/arrow/prev.svg");}
.page_feed_no>.arrow_btn.next{ background-image: url("../../../common/images/arrow/next.svg");}
.page_feed_no>.arrow_btn.active{}
.page_feed_no>.no_btn{ display: flex; align-items: center; justify-content: center; text-overflow: ellipsis; overflow: hidden; text-align: center; background-color: white; border: #c1c1c1 solid 1px; color: black; text-decoration: none; font-weight: bold;}
.page_feed_no>.no_btn.active{ background-color: #e2e2e2;}
.page_feed_no>.point3_leader{}
.page_feed_no>.point3_leader::before{ font-weight: bold;}
@media (min-width: 768px) {
.page_feed_container{ padding: 10px 0;}
.page_feed_container>p{ font-size: 14px; margin-right: 1em;}
.page_feed_no{}
.page_feed_no>.arrow_btn{ width: 10px; height: 40px; margin: 5px 0;}
.page_feed_no>.arrow_btn.prev{ margin-right: 10px;}
.page_feed_no>.arrow_btn.next{ margin-left: 10px;}
.page_feed_no>.arrow_btn.active{}
.page_feed_no>.no_btn{ width: 40px; height: 40px; border-radius: 10px; margin: 5px; font-size: 18px;}
.page_feed_no>.no_btn.active{}
.page_feed_no>.point3_leader{}
.page_feed_no>.point3_leader::before{ font-size: 18px;content:"・・・";}
}
@media (max-width: 767.98px) {
.page_feed_container{ justify-content: space-between; padding: 10px 0;}
.page_feed_container>p{ font-size: 14px;}
.page_feed_no{}
.page_feed_no>.arrow_btn{ width: 6px; height: 30px; margin: 5px 0;}
.page_feed_no>.arrow_btn.prev{ margin-right: 5px;}
.page_feed_no>.arrow_btn.next{ margin-left: 5px;}
.page_feed_no>.arrow_btn.active{}
.page_feed_no>.no_btn{ width: 30px; height: 30px; border-radius: 5px; margin: 5px; font-size: 13px;}
.page_feed_no>.no_btn.active{}
.page_feed_no>.point3_leader::before{ font-size: 15px;content:"•••";}

}





.news_ttl_box{ border-left-style: solid; border-left-color: #d54387; position: relative; color: black;}
.news_ttl_box>.new{ background-color: #d54387; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.news_ttl_box>.ttl{ font-weight: bold;}
.news_ttl_box>.ct{ font-weight: bold; margin: 0;}
.news_ttl_box>.ct.news{ color: #d54387;}
.news_ttl_box>.ct.topics{ color: #40ade0;}
.news_ttl_box>.ct>span{ color: black; margin-left: 1em;}
@media (min-width: 768px) {
.news_ttl_box{ border-left-width: 5px; padding: 5px 0 8px 12px;}
.news_ttl_box>.new{ font-size: 14px; width: 80px; height: 20px; border-radius: 10px; margin: 0 0 8px;}
.news_ttl_box>.ttl{ font-size: 22px; margin: 0 0 8px;}
.news_ttl_box>.ct{ font-size: 12px;}
}
@media (max-width: 767.98px) {
.news_ttl_box{ border-left-width: 3px; padding: 3px 0 5px 8px;}
.news_ttl_box>.new{width: 50px; height: 20px; border-radius: 10px; font-size: 11px; padding-bottom: 1px; margin: 0 0 5px;}
.news_ttl_box>.ttl{ font-size: 15px; margin: 0 0 5px;}
.news_ttl_box>.ct{ font-size: 11px;}
}


.news_detail_box{ padding-bottom: 10px; margin-top: 20px; font-weight: 500;}
.news_img_box{}
.news_text_box{}
.news_detail_box a{ text-decoration: underline;}
.pdf_link_box{ display: flex;}
.pdf_link_box>a{ font-weight: 500; text-decoration: none; color: blue;}
@media (min-width: 768px) {
.news_detail_box{}
.news_detail_box::after{ content: ""; clear: both; display: table;}
.news_img_box{ width: calc(50% - 15px); margin: 0 30px 15px 0; float: left;}
.news_text_box{}

.pdf_link_box{ margin: -5px -10px;}
.pdf_link_box>a{ margin: 5px 10px;}
}
@media (max-width: 767.98px) {

.news_text_box{ margin-top: 15px;}

.pdf_link_box{ margin: -5px -10px;}
.pdf_link_box>a{ margin: 5px 10px;}
}




.cms_slide_box,
.cms_main_box{ overflow: hidden;}
.cms_main_box{ position: relative; margin: 0;}
.cms_main_box>.main_slide{ padding: 0;}
.cms_main_box>.main_slide .swiper-slide{ position: relative;}
.cms_main_box>.main_slide .swiper-slide>img{ display: block; margin: 0 auto; max-width: 100%; width: auto; height: auto;}

.cms_slide_box>.thumbs_slider{ margin-top: 10px;}
.cms_slide_box>.thumbs_slider .swiper-wrapper{ position: relative; display: flex; justify-content: space-between;}
.cms_slide_box>.thumbs_slider .swiper-slide{ padding: 0 0 13.5%; width: 18%; background-repeat: no-repeat; background-position: center; background-size: cover; filter: grayscale(100%);}
.cms_slide_box>.thumbs_slider .swiper-slide:hover,
.cms_slide_box>.thumbs_slider .swiper-slide.swiper-slide-thumb-active{ filter: grayscale(0);}




/* ボタン */
.btn01{ background-color: #40ade0; color: white; font-weight: bold; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.btn01:hover{ color: white; text-decoration: none;}
.btn01[onclick*="history"]{ color: white; cursor: pointer;}
.btn01[onclick*="history"]:hover{ color: white;}
@media (min-width: 768px) {
.btn01{ margin: 30px auto; width: 200px; height: 50px; border-radius: 10px;}
}
@media (max-width: 767.98px) {
.btn01{ width: 200px; height: 50px; margin: 30px auto; border-radius: 5px; font-size: 14px;}
}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}