@charset "UTF-8";

/* news top */

.news-article{padding-bottom: 80px;}
.news-section{padding: 0 40px;}
.news-list-wrapper{padding-bottom: 100px;}

.news-list-item{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.news-list-date{
	width: 165px;
	padding: 25px 0;
	border-bottom:1px solid #1a1f61;
	line-height: 1.75;
	font-size:14px;
	letter-spacing:0.2em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
}

.news-list-body{
	width: calc(100% - 185px);
	line-height: 1.75;
	font-size:16px;
	border-bottom:1px solid #1a1f61;
	position:relative;
}

.news-list-first .news-list > li:first-child .news-list-date,
.news-list-first .news-list > li:first-child .news-list-body{border-top:1px solid #1a1f61;}

.news-list-body a{
	display: block;
	position:relative;
	padding: 25px 60px 25px 0;
	transition: all .25s ease;
}

.news-list-body a:hover{opacity:0.7;}

.news-list-body a::after{
	display:block;
	content:'';
	background:url('../img/common/icon_arrow_circle.png') no-repeat left top;
	background-size:100%;
	width:32px;
	height:32px;
	position:absolute;
	right:23px;
	top:50%;
	transform:translate(0,-50%);
}

.news-list-body-inner {
	padding: 25px 60px 25px 0;
}

.news-list-category{
	font-size:12px;
	display: inline-block;
	border-radius: 25px;
	border: solid 1px #1a1f61;
	min-width: 105px;
	padding: 2px 10px;
	text-align:center;
	margin-bottom: 5px;
}

.news-list-more{display: none;}
.news-list-more-btn{text-align: center;}

.news-list-more-btn span{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	letter-spacing: .1em;
	text-align: left;
	color: #22a638;
	cursor: pointer;
	transition: all .25s ease;
	position:relative;
}

.news-list-more-btn span:hover{opacity: 0.7;}

.news-list-more-btn span::after{
	display:block;
	content:'';
	border-right:1px solid #22a638;
	border-bottom:1px solid #22a638;
	width:9px;
	height:9px;
	position:absolute;
	right:-15px;
	top:50%;
	transform:translate(0,-50%) rotate(45deg);
}


/* news detail */

.newsdetail{
	border-top:1px solid #1a1f61;
	padding: 48px 0 60px;
}

.newsdetail-head{margin-bottom: 30px;}

.newsdetail-date{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 0.15em;
	display: block;
	margin-bottom: 15px;
}

.newsdetail-title{
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: 3.6px;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.newsdetail-entry{
	padding-bottom: 20px;
	word-break: break-all;
}

.newsdetail-entry p{
	font-size: 16px;
	line-height: 1.88;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}

.newsdetail-entry h2,
.newsdetail-entry h3,
.newsdetail-entry h4,
.newsdetail-entry h5{
	font-weight:400;
	font-size:16px;
}

.newsdetail-entry h3{font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;}
.newsdetail-entry h4{font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;}

.newsdetail-entry p b{font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;}
.newsdetail-entry img{
	display: block;
	margin: 30px auto;
	max-width: 100%;
}

.newsdetail-entry .global_button{
	margin: 0 auto;
	text-align:center;
}

.newsdetail-entry > *:last-child{margin-bottom: 0;}

.newsdetail-entry p a {text-decoration: underline;}
.newsdetail-entry p a:hover {text-decoration: none;}

.newsdetail-back{
	border-top:1px solid #1a1f61;
	padding-top: 25px;
	line-height: 1;
	margin-top: 68px;
}

.newsdetail-back a{
	display: inline-block;
	position:relative;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: .1em;
	color: #22a638;
	padding-left: 20px;
}

.newsdetail-back a::before{
	display:block;
	content:'';
	background:#22a638;
	width:10px;
	height:1px;
	position:absolute;
	left:0px;
	top:50%;
	transform:translate(0,-50%);
}


@media (max-width:800px){


	/* news top */

	.news-list-wrapper{padding-bottom: 50px;}

	.news-list > li{
		border-bottom:1px solid #1a1f61;
		padding: 30px 0 22px;
	}

	.news-list-item{display: block}

	.news-list-date{
		width: auto;
		padding: 0px 0;
		border-bottom:none;
		font-size:12px;
		display: inline-block;
		vertical-align: middle;
	}

	.news-list-body{
		width: 100%;
		font-size:15px;
		border-bottom:none;
		position:relative;
	}

	.news-list-first .news-list > li:first-child{border-top:1px solid #1a1f61;}

	.news-list-first .news-list > li:first-child .news-list-date,
	.news-list-first .news-list > li:first-child .news-list-body{
		border-top:none;
		line-height: 1.7
	}

	.news-list-body a{
		padding: 0px 50px 0px 0;
		margin-top: 15px;
	}

	.news-list-body-inner {
		padding: 0px 40px 0px 0;
		margin-top: 15px;
	}

	.news-list-body a::after{
		width:26px;
		height:26px;
		top:50%;
		right: 5px;
		transform:translate(0,-50%);
	}

	.news-list-category{
		font-size:11px;
		display: inline-block;
		border-radius: 25px;
		border: solid 1px #1a1f61;
		min-width: 105px;
		padding: 2px 10px;
		text-align:center;
		margin-left: 5px;
		vertical-align: middle;
	}

	.news-list-more{display: none;}
	.news-list-more-btn{text-align: center;}

	.news-list-more-btn span{
		font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
		font-size: 14px;
		display: inline-block;
		line-height: 1;
		letter-spacing: .1em;
		text-align: left;
		color: #22a638;
		cursor: pointer;
		transition: all .25s ease;
		position:relative;
	}

	.news-list-more-btn span:hover{opacity: 0.7;}

	.news-list-more-btn span::after{
		display:block;
		content:'';
		border-right:1px solid #22a638;
		border-bottom:1px solid #22a638;
		width:9px;
		height:9px;
		position:absolute;
		right:-15px;
		top:50%;
		transform:translate(0,-50%) rotate(45deg);
	}


	/* news detail */

	.newsdetail{padding: 20px 0 20px;}
	.newsdetail-head{margin-bottom: 20px;}

	.newsdetail-date{
		font-size: 12px;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}

	.newsdetail-title{
		font-size: 14px;
		letter-spacing: 0.1em;
	}

	.newsdetail-entry{padding-bottom: 50px;}

	.newsdetail-entry p{
		font-size: 13px;
		line-height: 1.88;
		letter-spacing: 0.1em;
	}

	.newsdetail-entry img{
		margin: 25px -40px;
		width: calc(100% + 80px);
		max-width: 200%;
	}


	.newsdetail-back{
		padding-top: 20px;
		margin-top: 10px
	}
	.newsdetail-back a{font-size: 12px;}
	.newsdetail-back a::before{width:12px;}


}