@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////

news.css
- お知らせ

//////////////////////////////////////////////////////////////////////////////
*/
/* お知らせ トップページ
===============================================
=============================================== */
/* ページタイトル
============================== */
.page_title.page_title_catetop {
  background: url("../img/img_catetop-news2025.jpg") no-repeat top center #f9f9f9;
  
}

/* お知らせリスト
============================== */
.news_list {
  max-width: 930px;
  margin: auto;
}
@media screen and (min-width: 960px) {
  .news_list {
    margin-bottom: 40px;
  }
}
.news_info:nth-child(2n+1){
  background-color: #e3e3e3;
}
.news_info:nth-child(2n){
  background-color: white;
}

.news_info {
  position: relative;
  display: flex;
  padding: 0 30px;
  /*border-bottom: 1px solid #307036;*/

}
.news_info::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  display: block;
  content: "";
  width: 90px;
  /*border-bottom: 3px solid #307036;*/
}
@media screen and (min-width: 600px) {
  .news_info::after {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .news_info::after {
    width: 150px;
  }
}
.news_info time, .news_info p {
  margin: 1.2rem 0;
}
.news_info time {
  display: block;
  width: 90px;
  white-space: nowrap;
}
@media screen and (min-width: 600px) {
  .news_info time {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .news_info time {
    width: 150px;
  }
}

.news_ttl {
  width: calc(100% - 100px);
}
@media screen and (min-width: 600px) {
  .news_ttl {
    width: calc(100% - 130px);
  }
}
@media screen and (min-width: 960px) {
  .news_ttl {
    width: calc(100% - 160px);
  }
}
.news_ttl a {
  display: inline-block;
  text-decoration: none;
  color: #323232;
}
@media screen and (min-width: 960px) {
  .news_ttl a:hover {
    color: #ff7bac;
  }
}

/* お知らせ詳細
============================== */
.sec_news_post {
  max-width: 1000px;
  margin-top: 20px;
}
.sec_news_post .btn {
  margin-top: 20px;
}
@media screen and (min-width: 600px) {
  .sec_news_post .btn {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .sec_news_post .btn {
    margin-top: 40px;
  }
}

.post_info {
  border-bottom: 1px solid #307036;
}
.post_info time {
  color: #999;
  font-size: 1.4rem;
}
.post_info h1 {
  margin-top: 0;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (min-width: 600px) {
  .post_info h1 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 960px) {
  .post_info h1 {
    font-size: 2.8rem;
  }
}
.post_info .btn_detail {
  text-align: right;
}
.post_info .btn_detail .btn {
  max-width: 200px;
  margin: 0;
  margin-left: calc( 100% - 200px);
}

.post_text ul {
  padding-left: 1.5em;
}
.post_text img {
  max-width: 100%;
  height: auto;
}