@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  aside PC
**************************************************
--------------------------------------------------*/
aside {
	width:100%;
	max-width:360px;
}
.aside_inner {
	padding:40px;
	background:#efefef;
}
.aside_inner p {
	font-size:2.4rem;
	font-weight:800;
}
.aside_inner ul {
	margin-top:10px;
}
.aside_inner ul li a {
	padding:10px;
	display:block;
	border-top:1px solid #939393;
	font-weight:500;
}
.aside_inner ul li a:hover {
	color: var(--green-1);
}


/*--------------------------------------------------
**************************************************
  aside PC - SP
**************************************************
--------------------------------------------------*/
@media screen and (min-width:1000px) and ( max-width:1199px) {
	
	aside {
		width:100% !important;
		max-width:100% !important;
	}
	.aside_inner {
		padding:30px !important;
		background:#efefef !important;
	}
	
}


/*--------------------------------------------------
**************************************************
  aside SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 999px) {
	
	aside {
		width:100% !important;
		max-width:100% !important;
		margin-top:60px !important;
	}
	.aside_inner {
		padding:30px 5vw !important;
		background:#efefef !important;
	}
	.aside_inner p {
		font-size:1.8rem !important;
	}
	.aside_inner ul {
		margin-top:10px !important;
	}
	.aside_inner ul li a {
		padding:10px !important;
		display:block !important;
		border-top:1px solid #939393 !important;
		font-weight:500 !important;
	}
	
}


/*--------------------------------------------------
**************************************************
  archive-news PC
**************************************************
--------------------------------------------------*/
.archive_container {
	margin-top:120px;
	margin-bottom:160px;
	display:flex;
	justify-content:space-between;
	gap:80px;
}
.archive_container .list_inner {
	width:100%;
	/* max-width:840px; */
}
.news_item {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:35px 30px;
	position:relative;
	border-bottom:1px solid #939393;
	transition: all 1s ease;
}
.news_item:first-child {
	border-top:1px solid #939393;
}
.news_item:hover {
	color: var(--green-1);
}
.news_item::after {
	content: "";
	display: block;
	position: absolute;
	width: 0.8rem;
	aspect-ratio: 1 / 1;
	right: 25px;
	top: calc(50% - 0.6rem);
	border-right: 1px solid #1d1d1d;
	border-top: 1px solid #1d1d1d;
	transform: rotate(45deg);
}
.news_item p.cat {
	width:120px;
	background:#D6EEF1;
	color:#0462CC;
	font-size:1.3rem;
	font-weight:600;
	padding:3px 14px;
	text-align:center;
}
.news_item time {
	font-family:Roboto;
	font-size:1.4rem;
	font-weight:500;
	color:#8e8e8e;
	/* margin-left:20px; */
	width:80px;
}
.news_item p.title {
	/* width:calc(100% - 240px); */
	width: calc(100% - 100px);
	font-size:1.8rem;
	font-weight:600;
}
.news_item a {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}



/*--------------------------------------------------
**************************************************
  archive-news PC - SP
**************************************************
--------------------------------------------------*/
@media screen and (min-width:1000px) and ( max-width:1199px) {
	
	.archive_container {
		margin-top:80px;
		margin-bottom:80px;
		display:flex;
		justify-content:space-between;
		gap:50px;
	}
	.news_item {
		padding:35px 0;
	}
	.news_item::after {
		right: 0;
	}
	.news_item p.title {
		padding-right:20px;
	}
	.archive_container .list_inner {
		width:100%;
		max-width:820px;
	}
	
}


/*--------------------------------------------------
**************************************************
  archive-news SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 999px) {
	
	.archive_container {
		margin-top:60px;
		margin-bottom:60px;
		display:flex;
		justify-content:space-between;
		flex-direction:column;
		gap:0;
	}
	.archive_container .list_inner {
		width:100%;
		max-width:100%;
	}
	.news_item {
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap:wrap;
		padding:25px 0;
		position:relative;
		border-bottom:1px solid #939393;
		transition: all 1s ease;
	}
	.news_item::after {
		content: "";
		display: block;
		position: absolute;
		width: 0.8rem;
		aspect-ratio: 1 / 1;
		right: 0;
		top: calc(50% - 0.6rem);
		border-right: 1px solid #1d1d1d;
		border-top: 1px solid #1d1d1d;
		transform: rotate(45deg);
	}
	.news_item p.cat {
		width:auto;
		background:#D6EEF1;
		color:#0462CC;
		font-size:1.3rem;
		font-weight:600;
		padding:3px 14px;
		text-align:center;
	}
	.news_item time {
		font-family:Roboto;
		font-size:1.2rem;
		font-weight:500;
		color:#8e8e8e;
		/* margin-left:10px; */
		margin-right:auto;
		width:80px;
	}
	.news_item p.title {
		width:100%;
		font-size:1.4rem;
		font-weight:600;
		margin-top:15px;
		padding-right:20px;
	}
	.news_item a {
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
	}
	
}


/*--------------------------------------------------
**************************************************
  single-news PC
**************************************************
--------------------------------------------------*/
.single_container {
	margin-top:120px;
	margin-bottom:160px;
	display:flex;
	justify-content:space-between;
	gap:80px;
}
.single_container article {
	width:100%;
	/* max-width:840px; */
}
.single_container article h2 {
	font-size:3.6rem;
	font-weight:800;
	line-height:1.8;
}
.single_container article .post_info {
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.single_container article .post_info span.category {
	background:#D6EEF1;
	color:#0462CC;
	font-size:1.3rem;
	font-weight:600;
	padding:3px 14px;
	text-align:center;
}
.single_container article .post_info span.post_date {
	font-family:Roboto;
	font-size:1.4rem;
	font-weight:500;
	color:#8e8e8e;
}
.single_container article .content {
	margin-top:50px;
	line-height:2.2;
	font-size:1.6rem;
	font-weight:500;
}

.single_container article .content p {
	margin-top: 3.0rem;
}

.single_container article .content h2,
.single_container article .content h3,
.single_container article .content h4,
.single_container article .content h5,
.single_container article .content h6,
.single_container article .content ul,
.single_container article .content ol,
.single_container article .content dl,
.single_container article .content img,
.single_container article .content table {
	margin-top:30px;
}
.single_container article .content img {
	max-width:100%;
	display:block;
}


.link_box {
	margin-top:80px;
	text-align:center;
}
.link_box a span {
	padding:30px 0 30px 60px;
	background:url("../imgs/common/arrow_1.svg") no-repeat left center / 50px 50px;
}
.link_box a {
	font-weight:700;
}
.link_box a:hover {
	color: var(--green-1);
}

.single_container aside ul li a.is-active {
	color: var(--green-1);
}


/*--------------------------------------------------
**************************************************
  single-news PC - SP
**************************************************
--------------------------------------------------*/
@media screen and (min-width:1000px) and ( max-width:1199px) {
	
	.single_container {
		margin-top:80px;
		margin-bottom:80px;
		display:flex;
		justify-content:space-between;
		gap:50px;
	}
	.single_container article {
		width:100%;
		max-width:100%;
	}
	
}


/*--------------------------------------------------
**************************************************
  single-news SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 999px) {
	
	.single_container {
		margin-top:60px;
		margin-bottom:60px;
		display:flex;
		justify-content:space-between;
		flex-direction:column;
		gap:0;
	}
	.single_container article {
		width:100%;
		max-width:100%;
	}
	
	.single_container article h2 {
		font-size:2rem;
		line-height:1.6;
	}
	.single_container article .post_info {
		margin-top:20px;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.single_container article .content {
		margin-top:40px;
		line-height:2.2;
		font-size:1.6rem;
		font-weight:500;
	}
	.link_box {
		margin-top:60px;
	}
	.link_box a span {
		padding:3rem 0 3rem 3rem;
		background:url("../imgs/common/arrow_1.svg") no-repeat left center / 2.6rem 2.6rem;
	}
	.link_box a {
		font-weight:700;
	}
	
}


/*--------------------------------------------------
**************************************************
  taxonomy-news
**************************************************
--------------------------------------------------*/
.term_container {
	margin-top:60px;
}
.term_title {
	margin-top:60px;
	font-size:3.6rem;
	font-weight:700;
	text-align:center;
	color: var(--green-1);
}
.term_container aside ul li a.is-active {
	color: var(--green-1);
}

@media screen and (min-width:1000px) and ( max-width:1199px) {
	
	.term_container {
		margin-top:40px;
	}
	.term_title {
		margin-top:40px;
	}
}

@media screen and (max-width: 999px) {
	
	.term_container {
		margin-top:30px;
	}
	.term_title {
		margin-top:30px;
		font-size:1.8rem;
	}
	
}