/* CSS Document */
#news {
		padding: 80px 0;
}

.sec_ttl_en {
		margin-bottom: 25px;
}

.page_tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #0b308e;
		margin-bottom: 30px;
}
.page_tab li {
		width: calc( ( 100% - 4px*2)/4);
		height: 48px;
}
.page_tab li + li {
		margin-left: 4px;
}
.page_tab li a, .page_tab li span {
		font-size: 1.6rem;
		font-weight: bold;
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: #6c9bd2;
		letter-spacing: 0.05em;
		text-align: center;
		line-height: 1.2;
}
.page_tab li:first-of-type a, .page_tab li:first-of-type span {
		border-radius: 6px 0 0 0;
}
.page_tab li:last-of-type a, .page_tab li:last-of-type span {
		border-radius: 0 6px 0 0;
}
.page_tab li.active span {
		background-color: #0b308e;
}

.news_box {
		border-radius: 6px;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 15px;
}
.news_box + .news_box {
		margin-top: 5px;
}
.news_box dt {
		width: 205px;
		padding: 10px 10px;
}
.news_box dd {
		width: calc( 100% - 205px);
}
.news_box .tag {
		background-color: #12348a;
		font-size: 1.2rem;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		padding: 3px 7px 4px;
		margin-right: 13px;
		min-width: 62px;
		display: inline-block;
}
.news_box .tag.blank {
		/*	background-color: transparent;
			font-size: 0;*/
}
.news_box .date {
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 500;
}
.news_box dd p {
		font-size: 1.4rem;
		line-height: 2;
}
.news_box dd .more {
		text-align: right;
}
.news_box dd .more a {
		color: #0b308e;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 0.1em;
}
.news_box dd .more a::after {
		content: "";
		width: 8px;
		height: 16px;
		background-image: url("../images/index/social_arr@2x.png");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		position: relative;
		top: 3px;
		margin-left: 5px;
}

.pagenation {
		margin-top: 40px;
}

/*------------------------------- sp ----------------------------*/
@media screen and (max-width: 768px) {
		#news {
				padding: 35px 0 75px;
		}

		.page_tab {
				margin-bottom: 25px;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				border: none;
		}
		.page_tab li {
				width: calc( ( 100% - 4px * 2 ) / 3 );
				margin-top: 4px;
				margin-right: 4px;
		}
		.page_tab li:nth-of-type(-n+3) {
				margin-top: 0;
		}
		.page_tab li:nth-of-type(3) {
				margin-right: 0;
		}
		.page_tab li:nth-of-type(3) a, .page_tab li:nth-of-type(3) span {
				border-radius: 0 6px 0 0;
		}
		.page_tab li:nth-of-type(4) a, .page_tab li:nth-of-type(4) span {
				border-radius: 0 0 0 6px;
		}
		.page_tab li:last-of-type {
				margin-right: 0;
		}
		.page_tab li:last-of-type a, .page_tab li:last-of-type span {
				border-radius: 0 0 6px 0;
		}
		.page_tab li a, .page_tab li span {
				font-size: 1.2rem;
		}
		.page_tab li + li {
				margin-left: 0;
		}

		.news_box {
				display: block;
				padding: 15px;
		}
		.news_box dt {
				width: 100%;
				padding: 0 0 10px 0;
		}
		.news_box dd {
				width: 100%;
				padding: 0 0 0;
		}

		.pagenation {
				margin-top: 20px;
		}
}
/*------------------------- detail ----------------------------*/
.detail_area {
		border-radius: 10px;
		background-color: #fff;
		padding: 50px;
}

.detail_head {
		border-bottom: 1px solid #0B308E;
		padding: 15px;
}

.detail_ttl {
		font-size: 2.4rem;
		font-weight: bold;
		letter-spacing: 0.1em;
}

.detail_meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 10px;
}
.detail_meta .tag {
		background-color: #6c9bd2;
		font-size: 1.4rem;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		padding: 2px 10px 3px;
		margin-right: 15px;
}
.detail_meta .date {
		font-size: 1.6rem;
		line-height: 1;
		font-weight: 500;
}

.detail_cnt {
		padding: 15px;
}
.detail_cnt p {
		font-size: 1.6rem;
		line-height: 2;
}
.detail_cnt img {
		margin: 0;
		height: auto !important;
		width: auto !important;
		max-width: 100%;
}
.detail_cnt img.aligncenter {
		margin: auto;
}
.detail_cnt img.alignright {
		margin: auto 0 auto auto;
}
.detail_cnt p + p {
		/*margin-top: 2em;*/
}

.detail_pagenation {
		margin: 50px 0;
}
.detail_pagenation ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		max-width: 100%;
		margin: auto;
}
.detail_pagenation ul li + li {
		margin-left: 70px;
}
.detail_pagenation ul li a {
		font-size: 1.8rem;
		color: #fff;
		display: block;
		background-color: #0B308E;
		border-radius: 6px;
		padding: 10px 15px;
}
.detail_pagenation ul li span {
		font-size: 1.8rem;
		color: #fff;
		display: block;
		background-color: #0B308E;
		border-radius: 6px;
		padding: 10px 15px;
		opacity: 0.5;
}

/*------------------------------- sp ----------------------------*/
@media screen and (max-width: 768px) {
		.detail_area {
				padding: 15px;
		}

		.detail_head {
				padding: 5px 15px 15px;
		}

		.detail_ttl {
				font-size: 1.8rem;
		}

		.detail_meta {
				margin-top: 5px;
		}
		.detail_meta .tag {
				font-size: 1.2rem;
		}
		.detail_meta .date {
				font-size: 1.4rem;
		}

		.detail_cnt p {
				font-size: 1.4rem;
				line-height: 1.6;
		}

		.detail_pagenation {
				margin: 25px 0 35px;
		}
		.detail_pagenation ul li + li {
				margin-left: 6%;
		}
		.detail_pagenation ul li a, .detail_pagenation ul li span {
				font-size: 1.4rem;
		}

		.detail_cnt img.alignleft, .detail_cnt img.alignright {
				margin: auto auto auto auto;
		}
}