@charset "utf-8";

/* --------------------------------------------------- */
/* PageTitle */
/* --------------------------------------------------- */
#pgtitle {
	position: relative;
	padding: 4.5em 0;
	background-color: #609a5c;
}
#pgtitle::before {
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: calc((97% - 1120px) / 2);
	height: 1px;
	background-color: #fff;
}
#pgtitle h1 {
	color: #fff;
	font-weight: 500;
	line-height: 1.0;
}
#pgtitle h1::before {
	content: attr(data-eng)'';
	display: block;
	margin-bottom: 0.4em;
	font-family: "Inter", sans-serif;
	font-size: 225%;
	font-weight: 700;
}

@media screen and (max-width: 1280px) {
	#pgtitle::before { width: 5%; }
}
@media screen and (max-width: 767px) {
	#pgtitle { padding: 3.5em 0; }
	#pgtitle h1::before { font-size: 200%; }
}
@media screen and (max-width: 640px) {
	#pgtitle::before { width: 3%; }
}
@media screen and (max-width: 420px) {
	#pgtitle { padding: 2.5em 0; }
	#pgtitle h1 { font-size: 1.4rem; }
	#pgtitle h1::before { font-size: 200%; }
}


/* --------------------------------------------------- */
/* NewsTopics */
/* --------------------------------------------------- */
#areanews .block-lm {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#areanews .selectcategory {
	width: 160px;
}
#areanews .postlist,
#areanews .postitem {
	width: calc(93% - 160px);
}
#areanews .postlist .headline {
	max-width: initial;
}
#areanews .selectcategory h2 {
	font-family: "Inter", sans-serif;
	color: #7f2a27;
	font-size: 3.6rem;
	font-weight: 700;
}
#areanews .selectcategory ul li {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.2;
}
#areanews .selectcategory ul li a:hover { color: #609a5c; }

@media screen and (max-width: 767px) {
	#areanews .block-lm {
		flex-direction: column;
		gap: 3.0em;
	}
	#areanews .selectcategory { width: 100%; }
	#areanews .postlist,
	#areanews .postitem { width: 100%; }
	#areanews .selectcategory h2 { font-size: 3.2rem; }
}
@media screen and (max-width: 420px) {
	#areanews .selectcategory h2 { font-size: 2.8rem; }
}






/* --------------------------------------------------- */
/* Article */
/* --------------------------------------------------- */
#areanews article {
	border-top: 1px solid #609a5c;
}
article .date {
	font-weight: 500;
	line-height: 1.0; 
}
article .date span { vertical-align: middle; }
article h2 {
	margin: 1.5em 0 1.0em;
	color: #609a5c;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
}
article .editor img {
	display: block;
	margin: 1.0em auto;
	width: 100%;
	height: auto;
	max-width: 640px;
	font-size: 2.4rem;
	line-height: 1.0;
}
article .editor a {
	color: #609a5c;
}




/* --------------------------------------------------- */
/* BasicBreakPoint */
/* --------------------------------------------------- */
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 420px) {
}