@charset "utf-8";
/* CSS Document */


/************ 一覧ページ・トップページ ************/

.news_wrap .sec-ttl {
	width:100%;
	padding-bottom: 8px;
    margin-bottom: 32px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, var(--blue) 6%, rgba(0, 0, 0, 0.25) 6%);
    border-image-slice: 1;
	text-align:left;
}

.news_wrap .news-list a,
.top-news .news-list a,
.top-news .linkto_news a {
	color:var(--black);
}
.news_wrap .news-list a:hover,
.top-news .news-list a:hover {
	text-decoration:underline;
}
.top-news .linkto_news {
	text-align:right;
}




/************ 記事ページ ************/

.news_post {
	
}
.news_post .company {
	padding-bottom:80px;
}
.news_post .page-ttl {
	margin-bottom:56px;
}
.news_post .sec-ttl {
	padding-bottom: 8px;
    margin-bottom: 32px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, var(--blue) 6%, rgba(0, 0, 0, 0.25) 6%);
    border-image-slice: 1;
	text-align:left;
}
.news_post .day {
	font-size:1.6rem;
	color: var(--blue);
    font-family: var(--en);
	font-weight: 600;
}
.news_post .txtarea p {
	margin-bottom:1em;
}

.pagenation {
	width:100%;
	margin:80px 0;
	text-align:center;
}
.linkto_news a,
.pagenation a {
	color:var(--black);
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	position:relative;
}
.linkto_news a::before,
.pagenation a::before {
	content: "";
    display: inline-block;
    width: 22px;
    height: 26px;
    margin-right: 8px;
    vertical-align: top;
    background-image: url(../img/common/icon_footer_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.linkto_news a span,
.pagenation a span {
	font-weight:600;
}
.linkto_news a span::after,
.pagenation a span::after {
  content: '';
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 0; /* 最初は幅0 */
  height: 2px; /* 下線の太さ */
  background-color: #333; /* 下線の色 */
  transition: width 0.3s ease; /* アニメーションの速さ */
}
.linkto_news a span:hover::after,
.pagenation a span:hover::after {
  width: calc(100% - 30px); /* ホバーで100%に */
}






@media screen and (max-width: 768px) {
	
/************ 一覧ページ・トップページ ************/

	.news_wrap .company {
		padding-top:0;
	}

/************ 記事ページ ************/
	
	.news-list li {
		display:block;
		margin-bottom:1em;
	}
	.news-list li a {
		text-decoration:underline;
	}
	

}



@media screen and (min-width: 769px) {

}