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

/* SP用記述*/
/* =====　インデックス　===== */
.news_year_nav { margin-top: 60px; }
.news_year_nav ul {
	display: flex;
	justify-content: center;
}
.news_year_nav ul li { position: relative; }
.news_year_nav ul li::after,
.news_year_nav ul li:first-child::before {
	content: "";
	display: block;
	width: 1px;
	height: 1.2em;
	background-color: #333;
	position: absolute;
	top: 45%;
	right: 0;
	transform: translate(0, -50%) rotate(30deg);
}
.news_year_nav ul li:first-child::before {
	right: auto;
	left: 0;
}
.news_year_nav ul li a {
	display: block;
	padding: 6px 18px;
	color: #777;
	font-size: 140%;
}
.news_year_nav ul li a.crnt { color: black; }

.news_list {
	margin-top: 40px;
	border-bottom: dotted 1px #333;
}
.news_list li { border-top: dotted 1px #333; }
.news_list li a {
	display: block;
	padding: 30px 60px 30px 8px;
	position: relative;
}
.news_list li a::after {
	content: "";
	display: block;
	width: 12px;
	height: 22px;
	background: url(../images/news_arrow.svg) center center / contain no-repeat;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translate(0, -50%);
}
.news_list li a .date { font-size: 93.3%; }
.news_list li a .tit {
	line-height: 1.6;
	margin-top: 16px;
}



/* =====　個別記事　===== */
.news_cont {
	margin-top: 40px;
	border-top: dotted 1px #333;
	border-bottom: dotted 1px #333;
	padding: 30px 8px;
}
.news_cont .date { font-size: 93.3%; }
.news_cont h1 {
	font-size: 160%;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 25px;
}
.news_cont .cont {
	margin-top: 25px;
	line-height: 2;
}
.news_cont .cont ul { margin: 30px 0; }
.news_cont .cont ul li {
	margin-top: 8px;
	line-height: 1.5;
}
.news_cont .cont a {
	display: inline-block;
	padding: 1px 24px 1px 8px;
	text-decoration: underline;
	position: relative;
	transition: all .3s ease;
}
.news_cont .cont a::after {
	content: "";
	display: block;
	width: 7px;
	height: 14px;
	background: url(../images/news_arrow.svg) center center / contain no-repeat;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	transition: all .3s ease;
}

/* WordPress */
.wp-block-image img { height: auto; }



@media only screen and (min-width:768px) {
	
	/* PC用記述 */
	/* =====　インデックス　===== */
	.news_year_nav ul li a:hover { color: #333; }
	.news_list li a { padding: 30px 88px 30px 30px; }
	.news_list li a::after { right: 40px; }
	.news_list li a:hover { background-color: #F4F5F7; }
	
	
	
	/* =====　個別記事　===== */
	.news_cont {
		max-width: 720px;
		margin: 40px auto 0;
	}
	.news_cont .cont a:hover {
		color: #177BE9;
		background-color: #F4F5F7;
	}
	.news_cont .cont a:hover::after { right: 6px; }
}