@charset "UTF-8";

.news .icon_new {
   font-size: 0.6em;
   font-weight: bold;
   background-color: #D44527;
   color: #FFFDE9;
   padding: 3px 0;
   border-radius: 100px;
   width: 5em;
   text-align: center;
   margin-bottom: 0.5em;
   line-height: 1em;
}
.news .pager {
   text-align: center;
   color: #FFFDE9;
}
.news .pager a {
   color: #FFFDE9;
}
.news .list_item {
	border-bottom: dashed 2px rgba(10,102,166,0.4);

}
.news .list_item a {
   padding: 1.2em 0 1.4em;
   display: block;
   text-decoration: none;
   font-weight: bold;
   line-height: 1.4;
   width: 100%;
   box-sizing: border-box;
   color: #0a263b;
}
.news .list_item a:hover {
   text-decoration: none;
   color: #0A66A6;
}
.news .day {
   margin: 0 1em 0;
   width: 100%;
   line-height: 1em;
   box-sizing: border-box;
}
/* .news .back_idx {
   margin: 3em auto;
   width: 50%;
} */
.news .day::before {
   top: 1px;
}
.news .news_list .day {
   margin: 0 0 10px 0;
   box-sizing: border-box;
}
.news .list_item .news_ttl {
   box-sizing: border-box;
   font-size: 1.1em;
}
.news .news_list .flex {
   flex-direction: column;
   box-sizing: border-box;
}

/* news detail */

.news_detail .news_ttl {
   font-size: 1.2em;
   line-height: 1.4;
   padding: 20px 15px 10px;
   background-color: #0A66A6;
   margin-top: 0;
   margin-bottom: 40px;
   position: relative;
   border-radius: 20px 20px 0 0;
   color: #FFFDE9;
}
.news_detail .news_ttl::after{
   content: '';
   position: absolute;
   bottom: -18px;
   left: 0;
   width: 100%;
   height: 24px;
	background-image: url(../img/common/nami.svg);
	background-size: 170vw auto;
   background-repeat: no-repeat;
   background-position: bottom center;
   z-index: 0;
}
.news_detail .day {
   color: #FFFDE9;
   margin: 0 0 10px;
}

h2.h2-news {
   color: #0a263b;
   font-size: 1.3em;
   line-height: 1.4;
   margin: 40px 0 10px;
   padding: 0 0 10px;
   border-bottom:solid 4px rgb(10 102 166 / 26%);
}
.post_image {
	width: 80%;
	margin: 0 auto;
}

/* --------------------------------------
   Tablet style
-------------------------------------- */
@media screen and (min-width: 768px) {
   .news_detail .news_ttl::after{
      bottom: -18px;
      height: 24px;
      background-size: 790px 103px;
   }
   .news_detail .news_ttl {
      padding: 20px 40px 1em;
   }

   .news_detail .news_ttl {
      font-size: 1.6em;
   }
   .news_detail .news_ttl .day {
      font-size: 0.7em;
   }
}
/* --------------------------------------
   　PC style
-------------------------------------- */
@media screen and (min-width: 1028px) {

   .news .day::before {
      top: 2px;
   }

   .news .list_item .news_ttl {
      font-size: 1.2em;
   }

   .news .day {
      margin: 0 0 20px;
  }

   .news_detail .news_ttl {
      line-height: 1.4;
      padding: 50px 2em 1em;
   }
   .news .news_detail .news_ttl {
      font-size: 1.6em;
      line-height: 1.4;
      padding: 30px 2em 1em;
   }



}