@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-list .news .sec-inner{
  max-width:790px;
}
.news-list .news-wrap{
  display: flex;
  flex-wrap: wrap;
  padding:0 30px;
  max-width:730px;
  margin:0 auto;
}
.news-list .news-wrap dl{
  width:100%;
}
.news-list .news-wrap .box{
  width:100%;
  margin-bottom:2px;
}
.news-list .news-wrap .box a{
  display: flex;
  align-items: center;
  padding:25px 20px;
  transition: 0.3s;
  border-radius: 10px;
  background: #fff;
}
.news-list .news-wrap .box a:hover{
  background:#f5d70f ;
}
.news-list .news-wrap dt{
  margin-right:20px;
  width:15%;
}
.news-list .news-wrap .date{
  display: inline-block;
  font-size: 1.2rem;
}
.news-list .news-wrap .box a .ttl{
  line-height:1.3;
  white-space: nowrap;
  overflow: hidden;
  width:85%;
}
/* ------------------------------------- */
/*準備中の場合*/
.news-list .news-wrap p.message{
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .news-list .news-wrap{
    width:100%;
    padding:0;
  }
  .news-list .news-wrap .box a{
    display: block;
    padding:15px 4%;
  }
  .news-list .news-wrap .box a.new::before{
    top: 15px;
    right: 4%;
    left:auto;
    transform: translateY(0%);
  }
  .news-list .news-wrap .box dt,
  .news-list .news-wrap .box a .ttl{
    width:100%;
  }
  .news-list .news-wrap .box dt{
    margin-bottom:5px;
  }
  .news-list .news-wrap .box a .ttl{
    white-space: normal;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    /*IE対策*/ 
    line-height: 1.3; 
    max-height: 2.6em;
  }
}
/* ------------------------------------- */
/*ニュース詳細*/
/* ------------------------------------- */
/* ------------------------------------- */
/*レイアウト*/
.news-detail .sec-inner{
  max-width:980px;
  padding:0 30px;
}
.news-detail .news-wrap{
  background: #fff;
  border-radius: 10px;
  padding: 40px 4%;
}
@media screen and (max-width: 600px) {
  .news-detail .sec-inner{
    padding:0;
  }
}
/* ------------------------------------- */
/*タイトル*/
.news-detail .news-wrap .ttl-area .ttl-upper{
  margin-bottom:20px;
}
.news-detail .news-wrap .ttl-area .ttl-upper .date{
  font-size: 1.2rem;
}
.news-detail .news-wrap .ttl-area .ttl{
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  border-bottom:5px solid #54a734;
  padding-bottom: 20px;
  margin-bottom:30px;
}
/* ------------------------------------- */
/*アイキャッチ*/
/* .news-detail .news-wrap .content-area figure.eyecatch img{ */
/*   width:100%; */
/* } */
/* ------------------------------------- */
/*コンテンツの中身*/
/* .news-detail .news-wrap .content-area p{ */
/*   line-height: 1.7; */
/*   margin-bottom:40px; */
/* } */
/* .news-detail .news-wrap .content-area strong{ */
/*   font-weight: bold; */
/* } */
/* .news-detail .news-wrap .content-area figure{ */
/*   margin-bottom:40px; */
/* } */
/* .news-detail .news-wrap .content-area figure img{ */
/*   width:auto; */
/* } */
/* ------------------------------------- */
/*ボタン*/
.news-detail .btn{
  margin:50px auto 0;
}