@charset "UTF-8";
/* ======================================
   section
====================================== */
#pageBody > #news {
	max-width : 100%;
	margin : 0 auto;
	padding : 90px 0 170px;
}

#pageBody > #newsDetail {
	max-width : 100%;
	margin : 0 auto;
	padding : 30px 0 100px;
}

/* ======================================
   news
====================================== */
#news > h3 {
	font-family : "リュウミン R-KL", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	margin-bottom : 70px;
	text-align : center;
	letter-spacing : 0.1em;
	color : #333333;
}

#news > h3 span {
	display : block;
	font-family : "Oswald", sans-serif;
	font-size : 1rem;
	font-weight : 300;
	margin-top : 15px;
	color : #d81417;
}

#news > ul {
	margin : 0 15.7vw 0;
}

#news > ul > li {
	display : flex;
	align-items : flex-start;
	margin : 0 auto;
	padding : 30px 0;
	border-bottom : #333333 solid 1px;
}

#news > ul > li:first-of-type {
	border-top : #333333 solid 1px;
}

#news > ul > li span {
	display : inline-block;
	font-family : "Oswald", sans-serif;
	font-size : 1.125rem;
	line-height : 1.75;
	margin : 0 6vw 0 3.6vw;
	letter-spacing : 0.1em;
}

#news > ul > li a {
	line-height : 1.75;
	flex-basis : 70%;
	flex-grow : 1;
}

#news > ul > li a:hover {
	text-decoration : none;
}
#news > ol {
	margin : 0 15.7vw 25px;
}

#news > ol > li {
	display : flex;
	align-items : flex-start;
	margin : 0 auto;
	padding : 30px 0;
	border-bottom : #333333 solid 1px;
}

#news > ol > li:first-of-type {
	border-top : #333333 solid 1px;
}

#news > ul > li span {
	display : inline-block;
	font-family : "Oswald", sans-serif;
	font-size : 1.125rem;
	line-height : 1.75;
	margin : 0 6vw 0 3.6vw;
	letter-spacing : 0.1em;
}

#news > ol > li a {
	line-height : 1.75;
	flex-basis : 70%;
	flex-grow : 1;
}

#news > ol > li a:hover {
	text-decoration : none;
}
#news .pagenation {
	display : flex;
	justify-content : center;
	align-items : center;
	margin-top : 50px;
}

#news .pagenation a {
	position : relative;
	transition : 0.2s ease-in-out;
}

#news .pagenation a,
#news .pagenation span {
	display : flex;
	justify-content : center;
	align-items : center;
	width : 45px;
	height : 45px;
	margin : 0 5px;
	padding : 15px;
	text-decoration : none;
	border : #cccccc 1px solid;
}

#news .pagenation a.prev {
	padding-left : 30px;
}

#news .pagenation a.prev,
#news .pagenation a.next {
	position : relative;
	width : auto;
}

#news .pagenation a.prev::before,
#news .pagenation a.next::before {
	position : absolute;
	top : 50%;
	left : 0.2em;
	font-family : "Material Icons";
	content : "\e314";
	transform : translateY(-50%);
}

#news .pagenation a.prev::after {
	display : inline-block;
	content : "前へ";
}

#news .pagenation a.next {
	padding-right : 30px;
}

#news .pagenation a.next::before {
	right : 0.2em;
	left : auto;
	content : "\e315";
}

#news .pagenation a.next::after {
	display : inline-block;
	content : "次へ";
}

#news .pagenation span.is-current,
#news .pagenation a:hover {
	font-weight : 700;
	color : #ffffff;
	border-color : #535353;
	background-color : #535353;
}

#news .pagenation span.notNumbering {
	border : none;
}

/* ======================================
   newsDetail
====================================== */
#newsDetail > .inner {
	max-width : 1200px;
	margin : 0 auto;
	padding : 0;
}

#newsDetail .newsHeading {
	margin-bottom : 40px;
	padding-bottom : 50px;
	border-bottom : #333333 solid 1px;
}

#newsDetail .newsArticle p {
	margin-bottom : 20px;
}

#newsDetail .newsArticle p > strong {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.2rem;
	font-weight : bold;
	line-height : 1.75;
}

#newsDetail .newsArticle img {
	max-width : 100%;
}

#newsDetail .newsArticle ul,
#newsDetail .newsArticle ol {
	margin : 0 0 30px 20px;
}

#newsDetail .newsArticle ul > li,
#newsDetail .newsArticle ol > li {
	line-height : 1.75;
	list-style : disc;
}

#newsDetail .newsArticle ul > li + li,
#newsDetail .newsArticle ol > li + li {
	margin-top : 10px;
}

#newsDetail .newsArticle ol li {
	list-style : decimal;
}

#newsDetail .btnContainer {
	padding-top : 80px;
}

#newsDetail .btnContainer .linkBtn {
	margin : 0 auto;
}
#newsDetail table {
	width : 100%;
	margin-bottom : 30px;
	border-top : 1px solid #cccccc;
}
#newsDetail table th {
	margin : 0;
	padding : 10px;
	text-align : left;
	border-bottom : 1px solid #cccccc;
}
#newsDetail table td {
	margin : 0;
	padding : 10px;
	text-align : left;
	border-bottom : 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
	#pageBody > #news {
		padding : 80px 0;
	}
	#pageBody > #newsDetail {
		padding : 30px 0;
	}
	#news > ul {
		margin : 0;
		padding : 0 20px;
	}
	#news > ul > li {
		display : block;
		width : 100%;
	}
	#news > ul > li span {
		margin : 0;
	}
	#news > ul > li a {
		display : block;
		margin-top : 15px;
	}
	#news .pagenation a.prev::before,
	#news .pagenation a.next::before {
		left : 50%;
		transform : translate(-50%, -50%);
	}
	#news .pagenation a.prev::after {
		display : none;
	}
	#news .pagenation a.prev {
		width : 45px;
		padding : 15px;
	}
	#news .pagenation a.next {
		width : 45px;
		padding : 15px;
	}
	#news .pagenation a.next::before {
		right : auto;
		left : 50%;
	}
	#news .pagenation a.next::after {
		display : none;
	}
	#newsDetail > .inner {
		margin : 0;
		padding : 0 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#news > ul {
		margin : 0;
		padding : 0 20px;
	}
	#news > ul > li {
		width : 100%;
	}
	#news > ul > li a {
		flex-basis : 60%;
	}
	#newsDetail > .inner {
		margin : 0;
		padding : 0 20px;
	}
}