@charset "UTF-8";

.hero {
	background-image: url(/img_new/news/img-hero.png);
	background-position: right;
}

.hero:before {
	content: none;
}

.hero_cnt {
}

.hero_ttl {
	color: #013288;
}

.news {
	padding: 80px 0;
}

.news_selects {
	display: flex;
	justify-content: flex-end;
}

.news_select {
	margin-left: 20px;
	position: relative;
	width: 330px;
}

.news_select:first-child {
	margin-left: 0;
}

.news_select:after {
	content: "▼";
	font-size: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -0.5em;
	line-height: 1;
}

.news_select > select {
	width: 100%;
	padding: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.news_list {
	margin-top: 40px;
}

.news_item {
	font-size: 16px;
	border-bottom: 1px solid #CBCBCB;
}

.news_item:first-child {
	border-top: 1px solid #CBCBCB;
}

.news_item_wrap {
	padding: 20px 0;
	display: flex;
}

.news_item_info {
}

.news_item_data {
	display: inline-block;
}

.news_item_cat {
	margin: -5px -5px -5px 10px;
	display: flex;
	flex-wrap: wrap;
}

.news_item_cat span,
.post_info_cat span {
	display: inline-block;
	color: #FFF;
	background: #777;
	width: 126px;
	text-align: center;
	line-height: 1;
	padding: 5px 10px;
	margin: 5px;
}

.news_item_cat span.-news,
.post_info_cat span.-news {
	background: #48AA90;
}

.news_item_cat span.-media,
.post_info_cat span.-media {
	background: #4862AA;
}

.news_item_cat span.-useful,
.post_info_cat span.-useful {
	background: #E376AD;
}

.news_item_cat span.-attent,
.post_info_cat span.-attent {
	background: #D51313;
}

.news_item_ttl {
	margin-left: 20px;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news_list_pagenav {
	margin-top: 75px;
	display: flex;
	justify-content: center;
}

.news_list_pagenav p {
	margin-left: 20px;
}

.news_list_pagenav p:first-child {
	margin-left: 0;
}

.news_list_pagenav a {
	display: block;
	border: 1px solid #C9C9C9;
	width: 185px;
	text-align: center;
	line-height: 1;
	padding: 15px 0;
}

.previouspostslink {
}

.previouspostslink a:before {
	content: "";
	display: inline-block;
	background-image: url(/img_new/news/icon-arrow-left@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 33px;
	height: 8px;
	padding-right: 10px;
	margin-bottom: 3px;
}

.nextpostslink {
}

.nextpostslink a:after {
	content: "";
	display: inline-block;
	background-image: url(/img_new/news/icon-arrow-right@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 33px;
	height: 8px;
	padding-left: 10px;
	margin-bottom: 3px;
}

.post {
}

.post_head {
}

.post_info {
	display: flex;
}

.post_info_data {
	font-size: 16px;
}



.post_ttl {
	font-size: 24px;
	font-weight: bold;
	margin-top: 25px;
}

.post_body {
	padding: 35px 0 170px;
	border-bottom: 1px solid #D1D1D1;
}
.post_body a{
	text-decoration: underline;
}

@media screen and (max-width:1030px) {
}

@media screen and (max-width:640px) {
	.hero {
	}

	.hero:before {
	}

	.hero_cnt {
	}

	.hero_ttl {
	}

	.news {
		padding: 40px 0;
	}

	.news_selects {
		display: block;
	}

	.news_select {
		margin: 20px auto 0;
	}

	.news_select:first-child {
		margin: 0 auto;
	}

	.news_select:after {
	}

	.news_select > select {
		padding: 15px;
	}

	.news_list {
	}

	.news_item {
	}

	.news_item:first-child {
	}

	.news_item_wrap {
		display: block;
	}

	.news_item_info {
	}

	.news_item_data {
	}

	.news_item_cat,
	.post_info_cat {
		margin: 8px -2px -2px -2px;
	}

	.news_item_cat span,
	.post_info_cat span {
		width: 100px;
		margin: 2px;
	}

	.news_item_ttl {
		display: block;
		width: 100%;
		margin: 10px 0 0;
		white-space: normal;
	}

	.news_list_pagenav {
		margin-top: 40px;
	}

	.news_list_pagenav a {
		width: 158px;
	}

	.news_list_pagenav a:first-child {
	}

	.previouspostslink {
	}

	.previouspostslink:before {
	}

	.nextpostslink {
	}

	.nextpostslink:after {
	}

	.post {
	}

	.post_head {
	}

	.post_info {
		display: block;
	}

	.post_info_data {
	}


	.post_ttl {
		font-size: 20px;
	}

	.post_body {
		padding: 35px 0 80px;
	}

}

@media print {
}