@charset "UTF-8";
.feature-top { margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid #d80012; }
.feature-top .feature-ttl { font-size: 3.4rem; text-align: center; }
@media screen and (max-width: 750px) { .feature-top .feature-ttl { font-size: 3rem; } }

.feature_detail-top { margin-top: 80px; margin-bottom: 30px; }
.feature_detail-top .feature-ttl { font-size: 3.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .feature_detail-top .feature-ttl { font-size: 3rem; } }

.feature { padding: 55px 0 150px; }
.feature .feature-nav { position: relative; }
.feature .feature-nav .feature-nav-swiper { margin-bottom: 45px; border-bottom: 1px solid #999db1; overflow: hidden; }
.feature .feature-nav .feature-nav-menu li { width: auto; margin-right: 35px; color: #535a60; }
@media screen and (max-width: 750px) { .feature .feature-nav .feature-nav-menu li { margin-right: 2em; } }
.feature .feature-nav .feature-nav-menu li:last-child { margin-right: 0; }
.feature .feature-nav .feature-nav-menu li a { position: relative; display: block; padding-bottom: 15px; text-decoration: none; }
.feature .feature-nav .feature-nav-menu li a:hover::before, .feature .feature-nav .feature-nav-menu li a.active::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #d80012; }
.feature .feature-nav .feature-nav-menu li a.active { font-weight: 700; }
.feature .feature-mainimg { position: relative; margin-bottom: 60px; }
.feature .feature-mainimg .feature-mainimg-in { position: relative; max-width: 1400px; margin: 0 auto; }
.feature .feature-mainimg .feature-mainimg-heading { margin-bottom: 20px; font-size: 3.0rem; font-weight: 700; line-height: 1.4; text-align: center; }
.feature .feature-mainimg .feature-swiper { position: relative; max-width: 1280px; margin: 0 auto; overflow: hidden; }
.feature .feature-mainimg a { position: relative; display: flex; text-decoration: none; }
@media screen and (max-width: 750px) { .feature .feature-mainimg a { display: block; } }
.feature .feature-mainimg a figure { width: 65%; }
@media screen and (max-width: 750px) { .feature .feature-mainimg a figure { width: 100%; } }
.feature .feature-mainimg a .feature-swiper-con { display: flex; justify-content: center; align-items: center; width: 35%; padding: 20px 15px 20px 70px; }
@media screen and (max-width: 750px) { .feature .feature-mainimg a .feature-swiper-con { width: 100%; padding: 20px; justify-content: flex-start; } }
.feature .feature-mainimg a .feature-swiper-con .feature-swiper-in { padding-bottom: 40px; }
.feature .feature-mainimg a .feature-swiper-con .feature-list-date { margin-bottom: 5px; }
.feature .feature-mainimg a .feature-swiper-con .feature-swiper-ttl { margin-bottom: 10px; font-size: 2.4rem; font-weight: 700; line-height: 1.4; }
@media screen and (max-width: 750px) { .feature .feature-mainimg a .feature-swiper-con .feature-swiper-ttl { font-size: 2rem; } }
.feature .feature-mainimg a .feature-swiper-con .feature-swiper-tag { display: flex; flex-wrap: wrap; gap: 5px 10px; font-size: 1.4rem; }
.feature .feature-mainimg a .feature-swiper-con .feature-swiper-tag span { display: inline-block; padding: 5px 10px; border: 1px solid #333; border-radius: 3em; }
@media screen and (max-width: 750px) { .feature .feature-mainimg a .feature-swiper-con .feature-swiper-tag span { border-color: #fff; } }
.feature .feature-mainimg .swiper-pagination-bullets { left: initial; right: 0; bottom: 40px; width: 35%; padding: 0 15px 0 60px; }
@media screen and (max-width: 750px) { .feature .feature-mainimg .swiper-pagination-bullets { position: static; width: 100%; padding: 0; } }
.feature .feature-mainimg .swiper-pagination-bullet { width: 40px !important; height: 5px !important; margin: 0 5px !important; background: #999999; border-radius: 0; opacity: 1; }
@media screen and (max-width: 750px) { .feature .feature-mainimg .swiper-pagination-bullet { width: 20px !important; height: 2px !important; } }
.feature .feature-mainimg .swiper-pagination-bullet-active { background: #333; }
.feature .feature-mainimg .slide-btn { position: absolute; top: 50%; z-index: 10; width: 44px; margin-top: -22px; cursor: pointer; }
@media screen and (max-width: 750px) { .feature .feature-mainimg .slide-btn { display: none; } }
.feature .feature-mainimg .slide-btn.slide-prev { left: 0; }
.feature .feature-mainimg .slide-btn.slide-next { right: 0; }
.feature .feature-wrap .feature-wrap-in { position: relative; }
@media screen and (max-width: 750px) { .feature .feature-wrap .feature-wrap-in { padding: 0; } }
.feature .feature-wrap .feature-box { margin-bottom: 40px; }
.feature .feature-wrap .feature-box .feature-box-top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.feature .feature-wrap .feature-box .feature-box-top .feature-box-heading { font-size: 3.0rem; font-weight: 700; }
.feature .feature-wrap .feature-box .feature-box-top p a { text-decoration: none; font-weight: 700; color: #d80012; }
.feature .feature-list-swiper { overflow: hidden; }
@media screen and (max-width: 750px) { .feature .feature-list-swiper { position: relative; padding: 0 4%; } }
.feature .feature-list-swiper .swiper-slide { height: initial; }
.feature .feature-list-swiper .feature-list-more a { height: 100%; }
.feature .feature-list-swiper .feature-list-more .feature-list-more-box { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 1rem; aspect-ratio: 38 / 21; }
.feature .feature-list-swiper .feature-list-more .feature-list-more-box p { position: relative; z-index: 1; }
.feature .feature-list-swiper .feature-list-more .feature-list-more-box i { position: relative; display: block; width: 3em; height: 3em; }
.feature .feature-list-swiper .feature-list-more .feature-list-more-box i::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #535a60; border-radius: 50%; box-sizing: border-box; }
.feature .feature-list-swiper .slide-btn { position: absolute; top: 50%; z-index: 10; width: 44px; margin-top: -22px; cursor: pointer; }
.feature .feature-list-swiper .slide-btn.slide-prev { left: 0; }
.feature .feature-list-swiper .slide-btn.slide-next { right: 0; }
.feature .feature-list-swiper .slide-btn.swiper-button-disabled { display: none; }
.feature .feature-list { display: flex; flex-wrap: wrap; gap: 70px 5.46875%; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .feature .feature-list { gap: 40px 4%; } }
.feature .feature-list.swiper-wrapper { flex-wrap: initial; gap: initial; margin-bottom: 0; }
.feature .feature-list.swiper-wrapper li { width: initial; }
.feature .feature-list li { width: 29.6875%; }
@media screen and (max-width: 750px) { .feature .feature-list li { width: 48%; } }
.feature .feature-list li a { display: block; text-decoration: none; }
.feature .feature-list li .feature-list-fig { margin-bottom: 10px; }
.feature .feature-list li .feature-list-cate { margin-bottom: 5px; }
.feature .feature-list li .feature-list-heading { font-size: 2.0rem; font-weight: 400; }

.feature-list-cate { display: flex; flex-wrap: wrap; gap: 5px 8px; }
.feature-list-cate span { display: inline-block; padding: 2px 10px; border: 1px solid #59594f; color: #59594f; font-size: 1.4rem; font-weight: 500; line-height: 1.4; }
.feature-list-cate span._cat1 { border-color: #d70100; color: #d70100; }
.feature-list-cate span._cat2 { border-color: #266b95; color: #266b95; }
.feature-list-cate span._cat3 { border-color: #b3ac00; color: #b3ac00; }
.feature-list-cate span._cat4 { border-color: #0085d6; color: #0085d6; }
.feature-list-cate span._cat5 { border-color: #a32121; color: #a32121; }
.feature-list-cate span._cat6 { border-color: #2c4a58; color: #2c4a58; }

.feature-list-date { font-size: 1.4rem; color: #535a60; }

.feature-news { margin-top: 80px; }
.feature-news dl dt { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #000; font-size: 2.0rem; font-weight: 700; }
.feature-news dl dd ul { display: flex; flex-wrap: wrap; }
.feature-news dl dd ul li { width: 25%; margin-bottom: 1em; padding-right: 1em; }
@media screen and (max-width: 750px) { .feature-news dl dd ul li { width: 50%; } }
.feature-news dl dd ul li::before { content: '・'; }
.feature-news dl dd ul li a { text-decoration: none; }

.feature_detail { padding-bottom: 150px; }
.feature_detail .feature-mainimg { margin-bottom: 55px; }
.feature_detail .feature-list-cate { margin-bottom: 5px; }

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