@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　news
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
	background-image: url(../img/news/img_pagetitle_pc.jpg);	
}	


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* news 
-----------------------------------------------------------------*/
.news{
  padding: 160px 0 100px;  
}
.news-thumb-list{
  display: flex;
  flex-wrap: wrap;
  gap: 80px 20px;  
}
.news-thumb-list li{
  max-width: 340px;
  width: calc((100% - 40px)/3);  
}
.news-thumb-list .thumb{
  position: relative;
  border-radius: 4px;
  overflow: hidden;  
}
.news-thumb-list .thumb img{
  transition: 1s;  
}
.news-thumb-list a:hover .thumb img{
  transform: scale(1.1);  
}
.news-thumb-list .new .thumb::after{
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  content: "NEW";
  padding: 8px 10px;
  background: #8C0001;
  border-radius: 3px;
  line-height: 1;
  color:  var(--light);
  font-size: 1.4rem;     
}
.news-thumb-list .icon{
  display: flex;
  gap: 10px;
  margin-top: 20px;  
}
.news-thumb-list .icon span{
  padding: 8px 10px;
  border-radius: 3px;
  line-height: 1;
  letter-spacing: 0;  
}
.news-thumb-list .icon span._all{
  background: var(--lightgold);
  color: var(--gold);  
}
.news-thumb-list .icon span._self{
  background: #E3DAD4;
  color: var(--brown);
}
.news-thumb-list .icon span._nursing{
  background: #E7F0EE;
  color: #42A995;
}
.news-thumb-list .icon span.cat{
  background: var(--gray);  
}
.news-thumb-list .date{
  margin-top: 10px;
  color: var(--gold);  
}
.news-thumb-list .txt{
	position: relative;
  display: inline;
	padding-right: 26px;
}
.news-thumb-list .txt .ico-arw{
	display: inline-block;
	transform: translate(5px, -3px);
}
.news-thumb-list .txt .arw{
	/*position: absolute;
	right: 0;
	bottom: 0;*/
	width: 26px;
	height: 26px;
}
.news-thumb-list a[target="_blank"] .txt{
  padding-right: 13px;
  background:url(../img/common/ico_blank.svg) no-repeat right 60%;
  background-size: 10px auto;
}
.news-thumb-list a[target="_blank"] .txt .arw{
	display: none;
}
.pagination{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 80px;  
}
.pagination a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: var(--lightgold); 
  border-radius: 3px;
  line-height: 1;
  font-size: 2.8rem;
  letter-spacing: .06em;
  transition: .3s;  
}
.pagination a:hover,
.pagination .current a{
  color: var(--light);
  background: var(--gold);  
}


/* news-detail 
-----------------------------------------------------------------*/
.news-detail{
	padding: 160px 0 220px;
}
.news-detail .article-hd{
	display: grid;
	gap: 40px;
	margin-bottom: 80px;
}
.news-detail .article-hd .date{
	font-size: 2.4rem;
	line-height: 1.4;
  color: var(--gold);  
}
.news-detail .article-hd h1{
	font-size: 4rem;
}
.news-detail .article-hd .icon{
  display: flex;
  gap: 10px;
}
.news-detail .article-hd .icon span{
  padding: 8px 10px;
  border-radius: 3px;
  line-height: 1.4;
	font-size: 1.8rem; 
  letter-spacing: 0;  
}
.news-detail .article-hd .icon span._all{
  background: var(--lightgold);
  color: var(--gold);  
}
.news-detail .article-hd .icon span._self{
  background: #E3DAD4;
  color: var(--brown);
}
.news-detail .article-hd .icon span._nursing{
  background: #E7F0EE;
  color: #42A995;
}
.news-detail .article-hd .icon span.cat{
  background: var(--gray);  
}
.news-detail .article-body{
	font-size: 1.8rem;
	line-height: 2;
}
.news-detail .article-body > * + *{
	margin-top: 30px;
}
.news-detail .article-body img{
	display: block;
	margin-inline: auto;
	border-radius: 4px;
}
.news-detail .article-body img + *{
	display: block;
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
}
.news-detail .btn-back{
	margin-top: 80px;
}
.news-detail .article-body .btn-square a{
	max-width: 360px;
	height: 80px;
	font-size: 1.8rem;
}












/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 834px) {

.page-ttl{
	background-image: url(../img/news/img_pagetitle_sp.jpg);	
}	


/* news 
-----------------------------------------------------------------*/
  .news{
    padding: 40px 0 0;  
  }
  .news-thumb-list{
    display: block;
  }
  .news-thumb-list li{
    width: 100%;
    margin-inline: auto;  
  }
  .news-thumb-list li:nth-child(n+2){
    margin-top: 40px;
  }
  .news-thumb-list a:hover .thumb img{
    transform: scale(1);  
  }
  .pagination{
    margin-top: 60px;  
  }


/* news-detail 
-----------------------------------------------------------------*/
	.news-detail{
		padding: 100px 0;
	}
	.news-detail .article-hd .date{
		font-size: 1.6rem;
	}
	.news-detail .article-hd h1{
		font-size: 2.6rem;
	}
	.news-detail .article-hd .icon span{
		font-size: 1.6rem;  
	}


}