@charset "utf-8";
.archive .page_title{
	text-align:center;
	font-family:"Shippori Mincho", serif;
	font-size:4rem;
	line-height:5.8rem;
	margin:29px auto 50px;
}
.archive .page_title::before{
	content:attr(data-en);
	display:none;
	color:#0A5536;
	font-size:2rem;
	line-height:1.45;
	margin-bottom:5px;
}

.content_area ul.news_cat_list {
	display: flex !important;
	gap: 10px !important;
	padding: 0 30px !important;
	margin: 30px 0 20px !important;
	list-style: none !important;
	position: relative;
	
	border-bottom: none !important; 
}

.content_area ul.news_cat_list::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #333;
	z-index: 1;
}

.content_area ul.news_cat_list li {
	flex: 1; 
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background-color: #EBEFEC; 
	border: 1px solid #EBEFEC;
	border-bottom: none;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 1px !important; 
	z-index: 2;
	transition:background-color .3s, border-color .3s;
}

.content_area ul.news_cat_list li.active {
	background-color: #fff !important;
	border: 1px solid #333 !important;
	margin-bottom: 0 !important; 
	padding-bottom: 1px !important; 
	border-bottom: 1px solid #fff !important; 
	z-index: 3;
}

.content_area ul.news_cat_list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height:51px;
	color: #333 !important;
	text-decoration: none !important;
	font-family:"shippori mincho", serif;
	font-weight:500;
}
.content_area ul.news_cat_list li:hover:not(.active) {
	background-color:#D5E8DA;
}
.select_box{margin:40px 0;}
.select_box_in{
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:"Shippori Mincho", serif;
	font-size:1.4rem;
}
.select_name{margin-right:15px;}
.select_item{position:relative;}
.select_item::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:8px;
	height:8px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	transform:rotate(135deg);
}
.select_item_in{
	display:block;
	border:1px solid #ddd;
	width:240px;
	height:43px;
	padding:0 30px 0 20px;
	font-size:1.4rem;
	font-weight:300;
	color:#000 !important;
	cursor:pointer;
}

.news_list{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:60px 29px;
	margin:0 !important;
	padding:0 !important;
}
.news_item{margin:0 !important;list-style:none !important;}
.news_link{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
	padding:0 !important;
	background:none !important;
}
a[target="_blank"] .news_title{padding-left:20px;background:url(/flags-jp/img/common/icon_popup.svg) 0 8px no-repeat;}
a[href$=".doc"] .news_title, a[href$=".docx"] .news_title{
	padding-left:20px;
	background:url(/flags-jp/img/common/icon_word.svg) 0 8px no-repeat;;
}
a[href$=".xls"] .news_title, a[href$=".xlsx"] .news_title{
	padding-left:20px;
	background:url(/flags-jp/img/common/icon_excel.svg) 0 8px no-repeat;;
}
a[href$=".pdf"] .news_title{
	padding-left:20px;
	background:url(/flags-jp/img/common/icon_pdf.svg) 0 8px no-repeat;;
}
.news_thumb{overflow:hidden;}
.news_img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
.news_link:hover .news_img{transform:scale(1.03);}
.news_info{
	display:flex;
	align-items:center;
	margin:11px 0 4px !important;
}
.news_date{
	font-size:1.3rem;
	color:#5C5C5C !important;
	margin-right:18px;
	letter-spacing:0.65px;
	font-weight:bold;
}
.news_category{
	display:inline-block;
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.2;
	min-width:92px;
	border-radius:1px;
	padding:2px 5px;
	border:1px solid #707070;
	text-align:center;
}
.news_title{font-weight:500;line-height:1.5 !important;margin:0 !important;}
.news_title_text{
	padding-bottom:1px;
	background:linear-gradient(0, #333, #333) no-repeat bottom left/0 1px;
	transition:background 0.3s;
}
a:hover .news_title_text{background-size:100% 1px;}

/* Ô”¼š */
.news_s_h{
	max-width:1000px;
	padding:0 30px;
	margin:26px auto 68px;
	display:flex;
	flex-direction:column-reverse;
}
.news_s_h .page_title{
	width:100%;
	padding:0;
	margin:14px auto 0;
}
.single .content_area{max-width:1000px;}


#news_pagenav{
	display:flex;
	align-items:center;
	justify-content:center;
}
.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:0 80px;
	margin-top:50px;
}
.wp-pagenavi span, .wp-pagenavi a{
	position:relative;
	display:flex;
	width:35px;
	height:35px;
	color:#333 !important;
	border:1px solid #ddd;
	background:#fff;
	font-size:1.4rem;
	font-family:"Shippori Mincho", serif;
	justify-content:center;
	align-items:center;
	font-weight:500;
	margin:0 4px;
	letter-spacing:0px;
	text-decoration:none !important;
	transition:border .3s,background .3s,color .3s;
}
.wp-pagenavi span:hover,.wp-pagenavi a:hover{border-color:#007D4B;background-color:#007D4B;color:#fff !important;}
.wp-pagenavi .current{border-color:#007D4B;background-color:#007D4B;color:#fff !important;}
.wp-pagenavi span.extend{
	color:#007D4B !important;
	font-family:"Shippori Mincho", serif;
	width:40px;
	height:auto;
	border:none;
	background:none !important;
	letter-spacing:0;
	padding-bottom:5px;
}
.wp-pagenavi .extend::after{display:none !important;}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{
	width:auto !important;
	border-radius:0;
	border:none !important;
	background:none !important;
	position:absolute;
	text-decoration:underline !important;
	margin:0;
	color:#333 !important;
	font-size:1.6rem;
	letter-spacing:0.8px;
}
.wp-pagenavi a.previouspostslink{
	left:0;
}
.wp-pagenavi a.nextpostslink{
	right:0;
}
.wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover{border:none;background:none;color:#333 !important;text-decoration:none !important;}

.related_posts{
	position:relative;
	background:url(/flags-jp/img/index/bg_gray.jpg) 0 0 no-repeat;
	background-size:cover;
	padding:79px 0 10px;
}
.related_posts #pankuzu ol{margin-bottom:0 !important;}
.related_posts_area{
	max-width:1160px;
	margin:auto;
	padding:0 30px;
}
.related_posts_area h2{
	font-family:"Shippori Mincho", serif;
	font-size:3.4rem;
	line-height:4.9rem;
	text-align:center;
	font-weight:bold;
	margin:0 0 30px;
}
.related_posts_area h2::before{
	content: attr(data-en);
	display:block;
	color:#0A5536;
	font-weight:600;
	font-size:1.6rem;
	line-height:1.5;
	margin-bottom:6px;
}
.news_item_non{list-style:none !important;width:100%;}

.link_more{
	text-align:center;
	margin:20px 0 100px;
}
.more_link{
	display:inline-block;
	padding-right:60px;
	background:url(/flags-jp/img/common/icon_link.svg) right center no-repeat;
	color:#333 !important;
	text-decoration:none;
	font-size:1.4rem;
	line-height:2.5rem;
}
.more_link:hover{text-decoration:underline;}


@media screen and (max-width:1023px){
.news_list{gap:30px 21px;}
.news_info{margin:15px 0 10px !important;}
.news_date{
	font-size:1.2rem;
	margin-right:18px;
	letter-spacing:0.6px;
}

.news_s_h{margin-top:10px;}

}

@media screen and (max-width:767px){
.archive .page_title{
	font-size:3rem;
	line-height:4.4rem;
	margin:28px auto 28px;
}
.archive .page_title::before{
	font-size:1.6rem;
	line-height:1.5;
	margin-bottom:5px;
}

.content_area ul.news_cat_list {
	gap: 10px !important;
	padding: 0 12px !important;
	margin:20px 0 30px !important;
}
.content_area ul.news_cat_list li a{height:46px;}
.news_list{gap:30px 13px;grid-template-columns:repeat(2,1fr);}
.news_info{margin:14px 0 6px !important;}
.news_date{margin-right:13px;}
.news_category{line-height:1;padding:3px 5px;}

.news_s_h{padding:0 20px;margin:26px auto 58px;}
.news_s_h .page_title{font-size:2.6rem;letter-spacing:0;margin:3px auto 0;}
.news_s_h .news_info{margin:3px 0 6px !important;}

.wp-pagenavi{
	padding:0 0 69px;
	margin-top:60px;
}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{bottom:0;margin:0;font-size:1.6rem;}

.related_posts{padding-top:61px;}
.related_posts_area{padding:0 20px;}
.related_posts_area h2{
	font-size:3rem;
	line-height:4.4rem;
	margin:0 0 30px;
}
.related_posts_area h2::before{
	font-size:1.4rem;
	line-height:2rem;
	margin-bottom:6px;
}
.related_posts .news_list{gap:30px 13px;grid-template-columns:repeat(3,1fr);}
.link_more{margin:36px 0 30px;}

}

@media screen and (max-width:599px){
.news_list{display:block;}
.news_item{margin:30px 0 0 !important;}
}