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

/*
.p_ja {font-family:'Zen Kaku Gothic New', sans-serif;}
font-weight:400,500;
.p_eng {font-family:'IBM Plex Sans', sans-serif;}
font-weight:300,400;font-style:italic;
*/

/*フレーム
.sec {margin:0 auto;}
@media screen and (min-width:1440px){
	.sec {width:1280px;margin:0 auto;}}
@media screen and (max-width:1440px){
	.sec {width:88.88vw;margin:0 auto;}}
@media screen and (max-width: 768px){
	.sec {width:80.46vw;margin:0 auto;}}
*/


/* news */
.sec_news {margin-top:70px;margin-bottom:150px;;}
@media screen and (max-width: 768px){
	.sec_news {margin-top:10.41vw;margin-bottom:19.53vw;}
}

.column {width:100%;display:flex;
	justify-content:space-between;align-items:flex-start;}
.category {width:22.65%;
	position:-webkit-sticky;position:sticky;
	top:175px;}
.clm_news {width:62.9%;}
@media screen and (max-width: 768px){
	.column {width:100%;display:block;}
	.category {width:50%;position:static;top:auto;
		margin-bottom:13.02vw;}
	.clm_news {width:100%;}
}

.ctgr_title {width:100%;}
.ctgr_txt_A {font-weight:400;
	font-size:40px;line-height:0.9;
	overflow:hidden;position:relative;}
.ctgr_txt_A::after {position:absolute;
    width:100%;bottom:0;content:'';}
.ctgr_txt_A::after {border-bottom:solid 0.5px #000;}
@media screen and (max-width:1440px){
	.ctgr_txt_A {font-size:2.77vw;}}
@media screen and (max-width: 768px){
	.ctgr_txt_A {font-size:5.2vw;}}






article {display:block;}
article:first-child {padding-bottom:100px;}
article:last-child {padding-top:100px;}
article:not(:first-child):not(:last-child) {padding:100px 0;}
article:not(:last-child) {border-bottom:solid 1px #aaa;}
@media screen and (max-width: 768px){
	article:first-child {padding-bottom:13.02vw;}
	article:last-child {padding-top:13.02vw;}
	article:not(:first-child):not(:last-child)
		{padding:13.02vw 0;}
}


.anchor {padding-top:175px;margin-top:-175px;}
@media screen and (max-width: 768px){
	.anchor {padding-top:26.04vw;margin-top:-26.04vw;}
}


article ul {display:flex;align-items:center;}


.news_date {font-weight:300;font-size:16px;
	color:#888;margin-right:30px;}
.news_ctgr {width:55px;text-align:center;
	font-weight:400;font-size:16px;
	line-height:1;margin-right:20px;padding:0 5px 3px;}
.nws_label_A {color:#fff;background:#000;}
.nws_label_B {color:#000;background:#fff;
	border:solid 0.5px #000;}
.news_title {font-weight:400;font-size:20px;
	line-height:2;letter-spacing:0.03em;
	text-align:justify;word-break:break-all;
	margin:30px 0;}
@media screen and (max-width: 768px){
	.news_date {font-size:3.125vw;margin-right:3.9vw;}
	.news_ctgr {width:11vw;text-align:center;
		font-size:3.125vw;margin-right:0;
		padding:0.2vw 0 0.4vw;}
	.news_title {font-size:3.9vw;line-height:1.5;
		margin:4.55vw 0 5.0vw;}
}


.news_txt {font-weight:400;font-size:16px;
	line-height:2;text-align:justify;}
@media screen and (max-width: 768px){
	.news_txt {font-size:3.25vw;line-height:1.8;}
}


/* サイト内リンク表示箇所 */
.news_txt span a {text-decoration:underline;}
.news_txt span a:hover {opacity:0.3;transition:0.2s;
	text-decoration:none;}
@media screen and (max-width: 768px){
	.news_txt span a:hover {opacity:1;
		text-decoration:underline;}
}


/* 外部リンク表示箇所 */
.news_txt span2 {line-height:1.5;letter-spacing:0.03em;}
@media screen and (max-width: 768px){
	.news_txt span2 {font-size:2.86vw;
		line-height:1;letter-spacing:0.00em;}
}

.news_txt span2::after {
	content:"";display:inline-block;
	width:16px;height:16px;margin-left:10px;
	background-image:url("../img/common/new_window.svg");
	background-size:contain;vertical-align:text-top;}
@media screen and (max-width: 768px){
	.news_txt span2::after {
	content:"";display:inline-block;
	width:2.86vw;height:2.86vw;margin-left:1.30vw;
	background-image:url("../img/common/new_window.svg");
	background-size:contain;vertical-align:baseline;}
}

.news_txt span2 a {display:inline-block;
	position:relative;overflow:hidden;}
.news_txt span2 a:after {position:absolute;
	bottom:0;left:0;width:100%;height:1px;
	background-color:#000;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	content:"";}
.news_txt span2 a:hover:after {
	transform:translate(0, 0);}
@media screen and (max-width: 768px){
	.news_txt span2 a:hover:after {display:none;}}