@charset "utf-8";
.main {
	padding-top:min(calc(120 / var(--vw-min) * 100vw),120px);
}
.article {
	font-family: var(--noto-font-family);
}
.js-secTitle span:nth-child(4n + 1){
	color:var(--color-blue);
}
.js-secTitle span:nth-child(4n + 2),
.js-secTitle span:nth-child(4n){
	color:var(--color-red);
}
.js-secTitle span:nth-child(4n + 3){
	color:var(--color-yellow);
}
.news__lists {
	padding-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.news__item {
	border-bottom:1px dashed var(--color-blue);
}
.news__itemLink {
	padding:min(calc(25 / var(--vw-min) * 100vw),25px) 0;
	display: block;
	text-decoration: none;
	font-weight: 800;
	color:var(--color-blue);
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.news__itemLink:hover {
		transform:translateX(min(calc(10 / var(--vw-min) * 100vw),10px));
		color:var(--color-red);
	}
}
.news__itemTime {
	color:var(--color-red);
	display: block;
	margin-bottom:.2em;
	font-family: var(--main-font-family);
}
.news__itemTitle {
	position: relative;
	padding-right:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:767px){
	.news__itemTitle {
		padding-right:calc(45 / var(--vw-min) * 100vw);
	}
}
.news__itemTitle:before {
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	right:min(calc(15 / var(--vw-min) * 100vw),15px);
	top:50%;
	margin-top:max(calc(-6 / var(--vw-min) * 100vw),-6px);
	border-style: solid;
	border-top: min(calc(6 / var(--vw-min) * 100vw),6px) solid transparent;
	border-bottom: min(calc(6 / var(--vw-min) * 100vw),6px) solid transparent;
	border-left: min(calc(8 / var(--vw-min) * 100vw),8px) solid var(--color-blue);
	border-right: 0;
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.news__itemTitle:before {
		margin-top:calc(-12 / var(--vw-min) * 100vw);
		border-style: solid;
		border-top: calc(12 / var(--vw-min) * 100vw) solid transparent;
		border-bottom: calc(12 / var(--vw-min) * 100vw) solid transparent;
		border-left: calc(16 / var(--vw-min) * 100vw) solid var(--color-blue);
	}
}
@media screen and (hover:hover){
.news__itemLink:hover .news__itemTitle:before {
	border-left-color:var(--color-red);
}
}