@charset "utf-8";
/* ------------------------------------- */
/*mv*/
/* ------------------------------------- */
.mv{
  background: url(../img/news/main.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 600px) {
  .mv{
    background:url(../img/news/main_sp.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
}
/* ------------------------------------- */
/*タイトル*/
/* ------------------------------------- */
.news .sec-inner{
  max-width:980px;
}
.news .news-wrap{
  border-bottom:1px solid #e5ebef;
}
.news .news-wrap .ttl-area .ttl-upper{
  display: flex;
  align-items: center;
  margin-bottom:20px;
}
.news .news-wrap .ttl-area .ttl-upper .category{
  margin-right: 20px;
}
.news .news-wrap .ttl-area .ttl{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom:40px;
}
/* ------------------------------------- */
/*スライド*/
/* ------------------------------------- */
.slider_area{
  max-width:540px;
  margin:0 auto 40px;
}
.swiper-container {
  width: 100%;
  padding-bottom:0;
}
.swiper-container-fade .swiper-slide{
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container-fade .swiper-slide img{
  height: auto;
  width: auto;
}
.thumb-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top:10px;
}

.thumb-item {
  list-style: none;
  width: 15%;
  height: 85px;
  overflow: hidden;
  background:#000;
  margin-right: calc(10% / 5);
}
.thumb-item:last-of-type {
    margin-right: 0;
}

.thumb-link {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.thumb-link.active{
  opacity: 1;
}
.thumb-link img{
  width: 100%;
    height: 100%;
    max-width: unset;
    object-fit: cover;
    /* for ie (ofi.min.js) */
    font-family: 'object-fit: cover;';
}
@media screen and (max-width: 600px) {
  .thumb-item {
    height:50px;
  }
}
/* ------------------------------------- */
/*コンテンツの中身*/
/* ------------------------------------- */
.news .news-wrap .content-area p{
  line-height: 1.7;
  margin-bottom:40px;
}
/* ------------------------------------- */
/*1ボタン*/
/* ------------------------------------- */
.news .btn.btn-yellow{
  margin:40px auto 0;
}