@charset "UTF-8";

/*================================
news
================================*/
.top_main{
   background-image: url(/images/news/main_news.jpg);
}

@media screen and ( max-width:750px) {
   .top_main{
  /* background-image: url(/images/news/main_sp.jpg);*/
}
}



.contents{
   /*margin-top: 50px;*/
}

.news{
   padding:30px 5% 40px;
}
.sec-category{
   margin-bottom: 8rem;
}
.news .sec-category .category-list {
  display: flex;
   gap:5rem;
}
.news .sec-category .category-item {
  display: flex;
   list-style: none;
}
.news .sec-category .category-item a {
  display: block;
   padding-bottom: 5px;
   font-weight: bold;
}
.news .sec-category .category-item a.is-active{
   border-bottom: 2px solid #3F6B73;
}

@media screen and ( max-width:750px) {
   .news .sec-category .category-list {
      justify-content: center;
   }
}

/*================================
newsList
================================*/
 .newsList{
   /*padding: 1em 2% 1em;*/
} 
.newsBoxFlex{
   margin: 0 auto 3em;
   /*width: 90%;  */
   display: flex;
   flex-flow: wrap;
   justify-content:space-between;
   /*align-items: center;*/
}
.newsBoxCont{
   width: calc(100% / 2 - 10px);
   padding: 0 0 5rem;
   text-align: left;
}
.newsBoxCont a{
   display: flex;
   /*color: #fff;*/
}
.newsBoxCont a:hover{
   opacity: .6;
}
.newsBoxCont .image{
   width: 50%;
}
.newsBoxCont .image img{
   border-radius: 20px;
   width: 100%;
   /*border: 10px solid #fff;*/
}
.newsBoxCont .txt{
   width: 50%;
   padding-left: 20px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   
}
.newsBoxCont p.day{
   text-align: left;
   padding: 1em 0 1.4rem;
   font-size: 1.4rem;
   line-height: 1.4em;
   font-weight: bold;
}
.newsBoxCont .news-category{
   padding-left: 24px;
}
.newsBoxCont p.ttl{
   text-align: left;
   padding: 0 0 0;
   font-size: 1.4rem;
   line-height: 1.5em;
}

.newsLink{
   text-align: right;
}


@media screen and ( max-width:1000px) {
 .newsList{
   padding: 1em 0 0em;
} 
}

@media screen and ( max-width:750px) {

   h1.contTtl{
   /*font-size: 6.5rem;*/
   }
   .news{
   padding: 5% 4% 10%;
   }
    .newsBoxFlex{
        /*flex-direction: column;*/
        width: 100%;
      margin-top: 2em;
     }
     .newsBoxCont{
        width: 100%;
        padding: 20px 2%;
        text-align: left;
     }
}


/*================================
newsArticle
================================*/
.newsArticle{
   text-align: center;
   margin: 130px auto 30px;
}
.newsArticle .breadcrumbs{
   margin: 0 0 3em -5.5%;
   border: 1px #3F6B73 solid;
   border-left: none;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;
   text-align: left;
   line-height: 1.4em;
  padding: 1.5em 3em 1.5em 5.5%;
   width: fit-content;
}
.newsArticle .breadcrumbs a{
   border-bottom: 1px #3F6B73 solid;
}
.newsArticle .newsHeader{
	margin:20px auto 4.5em;
}
.newsArticle .newsHeader .newsTtl{
   /*display: inline-block;*/
	font-size:3.8rem;
	letter-spacing:0.10em;
	line-height:1.5em;
	/*padding:15px 0;*/
	/*border-bottom:1px solid #5B4F3F;*/
   text-align: left;
}
.newsArticle .newsHeader .newsDate{
   color: #020202;
   font-weight: bold;
	font-size:1.5rem;
	letter-spacing:0.10em;
	line-height:1.5em;
	/*padding:12px;*/
   text-align: left;
   margin-bottom: 3rem;
}
.newsArticle .newsHeader .newsDate span{
   margin-right: 3rem;
}
.newsArticle .newsDetail{
	font-size:1.3rem;
	line-height:2em;
   margin: 0 auto 60px;
   padding: 0 2% 3em;
   max-width: 1000px;
   border-bottom: 1px #3F6B73 solid;
}
.newsArticle .newsDetail .newsEnd{
   background:#fff;
   font-size:1.3rem;
   letter-spacing: 0.1em;
   margin: 0 auto 20px;
   padding: 20px 0;
   text-align: center;
   width: 100%;
}
.newsArticle .newsDetail .newsComment{
}
.newsArticle .newsDetail img{
	height:auto;
}

@media screen and (max-width: 1000px){
}
@media screen and (max-width:750px){

.newsArticle .newsDetail{
}
.newsArticle .newsDetail{
	text-align:left;
}
}