/* --------------- news --------------- */

.bg_pagettl.news {
	height: 218px;
	padding: 40px 0 60px;
}

.bg_pagettl.news .pagettl {
	color: #000;
}

.bg_pagettl.news .pagettl .en {
	width: 186px;
}

.wrap_newslist {
	width: 100%;
	padding: 96px 0 105px;
	background-color: #e6eaf0;
}

.inner_newslist {
	width: 90%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 90px 0 70px;
	background-color: #fff;
}

.col_newslist {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 56px;
	padding: 0;
}

.col_newslist a {
	width: 100%;
	margin: 0;
	padding: 21px 40px;
	color: #000;
	text-decoration: none;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
}

.col_newslist a .date {
	width: 220px;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.col_newslist a .label {
	width: 94px;
	margin: 0 0px 0 22px;
	padding: 1px 0 0;
}

.col_newslist a .label .inner {
	width: 100%;
	margin: 0;
	padding: 1px 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	background-color: #000;
	box-sizing: border-box;
	display: inline-block;
}

.col_newslist a .label .inner.recruit {
	background-color: #003893;
}

.col_newslist a .cont {
	width: calc( 100% - 220px );
	margin: 0;
	padding: 0px;
	line-height: 29px;
	font-size: 15px;
}

.col_newslist a {
	transition: background .3s;
}

.col_newslist a:hover {
	background-color: #e0ecff;
}

ul.col_pagenation {
	margin: 0;
	padding: 7px 0 20px 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

ul.col_pagenation li {
	width: 45px;
	height: 45px;
	margin: 0 4px;
	padding: 0;
	position: relative;
	z-index: 0;
}

ul.col_pagenation li.next {
	width: auto;
	padding: 8px 0 0;
	color: #003893;
	font-size: 14px;
}

ul.col_pagenation li a,
ul.col_pagenation li span {
	color: #003893;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	border: solid 1px #003893;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s;
}

ul.col_pagenation li a {
	width: 100%;
	height: 100%;
}

ul.col_pagenation li span {
	width: 100%;
	height: 100%;
}

ul.col_pagenation li.current span {
	color: #fff;
	background-color: #003893;
}

ul.col_pagenation li.arrow a {
	border: none;
}


ul.col_pagenation li:hover a {
	color: #003893;
	border-color: #003893;
}

.col_newslist .txt_none {
	margin: 100px 0 200px 0;
	text-align: center;
}


/* --------------- news detail --------------- */

.col_news_d {
	width: 90%;
	max-width: 855px;
	margin: 0 auto;
	padding: 25px 0 50px;
}

.col_news_d .category {
	margin: 0 0 23px;
	padding: 0 22px 18px;
	border-bottom: solid 1px #003893;
}

.col_news_d .category .flex {
	margin: 0 0 14px;
	display: flex;
	align-items: center;
}

.col_news_d .category .date {
	font-size: 12px;
	font-weight: bold;
}

.col_news_d .category .label {
	width: 94px;
	margin: 0 0px 0 25px;
	padding: 0px 10px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #000;
	box-sizing: border-box;
	display: inline-block;
}

.col_news_d .category .recruit {
	background-color: #003893;
}

.col_news_d .category .ttl {
	font-size: 23px;
	color: #003893;
	line-height: 34px;
}

.col_news_d .category .txt {
	max-width: 770px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	box-sizing: border-box;
}

.cont_news {
	width: 100%;
	margin: 0 auto;
	padding: 0 22px;
	line-height: 29px;
}

.cont_news p {
	margin: 0 0 32px;
	font-weight: 400;
}

.col_pager_d {
	width: 100%;
	padding: 45px 0 100px;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.col_pager_d .left,
.col_pager_d .right {
	transition: .2s;
}

.col_pager_d a {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 0;
}

.col_pager_d .main_color {
	width: 200px;
	height: 100%;
	padding: 16px 20px;
	border-style: solid;
	border-width: 1px;
	border-radius: 45px;
	justify-content: center;
	transition: .2s;
	display: block;
}

.col_pager_d .main_color.back {
	margin: 0 13px;
	color: #fff;
	background-color: #003893;
}

.col_pager_d .right a::after {
	right: 0;
}

.col_news_d ul {
	margin: 0 0 32px;
	padding: 0 0 0 1em;
	list-style-type: disc;
}

.col_news_d ol {
	margin: 0 0 1.5em;
	padding: 0 0 0 1em;
}

.col_news_d h1 {
	margin: 0 0 15px;
	font-size: 2em;
	line-height: 1.4;
}

.col_news_d h2 {
	margin: 0 0 15px;
	font-size: 1.8em;
	line-height: 1.4;
}

.col_news_d h3 {
	margin: 0 0 15px;
	font-size: 1.6em;
	line-height: 1.4;
}

.col_news_d h4 {
	margin: 0 0 15px;
	font-size: 1.4em;
	line-height: 1.4;
}

.col_news_d h5 {
	margin: 0 0 15px;
	font-size: 1.2em;
	line-height: 1.4;
}

.col_news_d h6 {
	margin: 0 0 15px;
	font-size: 1em;
	line-height: 1.4;
}

.col_news_d img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.col_news_d img.alignleft {
	float: left;
}

.col_news_d img.aligncenter {
	margin: 0 auto;
}

.col_news_d img.alignright {
	float: right;
}

.col_pager_d th {
	width: 215px;
}

/* ---------------------------------------------------------------
start max 1033px
--------------------------------------------------------------- */

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



}

/* ---------------------------------------------------------------
end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
start max 850px
--------------------------------------------------------------- */

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

	.wrap_newslist {
		padding: 52px 0 50px;
	}

	.inner_newslist {
		padding: 30px 0 70px;
	}

	.col_newslist a .date {
		width: 190px;
	}

	.col_newslist a .label {
		margin: 0 0px 0 10px;
	}

	.col_newslist a .cont {
		width: calc( 100% - 190px );
	}

	/* --------------- news detail --------------- */

	.col_pager_d .main_color {
		width: 150px;
		padding: 16px 10px;
	}

	.col_pager_d {
		max-width: 500px;
		margin: 0 auto;
		padding: 45px 0 40px;
	}

}

/* ---------------------------------------------------------------
end max 850px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
start min 701px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) {

	ul.col_pagenation li:hover a {
		color: #fff;
		background-color: #003893;
	}

	/* --------------- news detail --------------- */

	.col_pager_d .left a:hover,
	.col_pager_d .right a:hover {
		color: #fff;
		background-color: #003893;
		border-radius: 45px;
	}

	.col_pager_d .back:hover {
		color: #003893;
		background-color: #fff;
	}

	.col_pager_d .main_color,
	.col_pager_d .main_color.back {
    margin: 0 auto;
	}


}

/* ---------------------------------------------------------------
end min 701px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {

	/* ------------ news ------------ */

	.bg_pagettl.news .pagettl .en {
		width: 120px;
	}

	.bg_pagettl.news {
		height: 110px;
		padding: 0;
	}

	.mds_news {
		width: 100%;
		height: auto;
		padding: 6px 8px 6px 10px;
		font-size: 20px;
		line-height: 1.3;
	}

	.col_newslist a {
		padding: 16px 20px;
		display: block;
	}

	.col_newslist a .cont {
		width: 100%;
	}

	.col_newslist a .label {
		width: 78px;
	}

	.col_newslist a .label .inner {
		padding: 0
	}

	.inner_newslist {
		width: 85%;
		padding: 18px 0 25px;
	}

	.col_newslist {
		margin: 0 auto 30px;
	}

	ul.col_pagenation {
		padding: 7px 0 20px 0;
	}

	ul.col_pagenation li {
		width: 38px;
		height: 38px;
	}


	ul.col_pagenation li.next {
		font-size: 11px;
	}

	/* --------------- news detail --------------- */

	.col_news_d {
		padding: 15px 0 50px;
	}

	.col_news_d .category .flex {
		margin: 0 0 9px;
	}

	.col_news_d .category .ttl {
		font-size: 23px;
		line-height: 29px;
	}

	.col_news_d .category {
		margin: 0 0 5px;
		padding: 0 10px 12px;
	}

	.cont_news {
		padding: 0 10px;
	}

	.col_pager_d {
		width: 90%;
		margin: 0 auto;
		padding: 0px;
	}

	.col_pager_d .main_color {
		width: auto;
		padding: 10px 15px;
	}

	.col_pager_d th {
    width: 160px;
	}

	.col_pager_d th.left,
	.col_pager_d th.right {
		width: 100px;
	}

}

/* ---------------------------------------------------------------
end max 700px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
start max 450px
--------------------------------------------------------------- */

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

	.bg_pagettl.news .pagettl .en {
		width: 105px;
	}

	.inner_newslist {
		width: 90%;
	}

	/* --------------- news detail --------------- */

	.col_pager_d th {
		display: block;
	}

	.col_pager_d .main_color,
	.col_pager_d th.left,
	.col_pager_d th.right {
		width: 100%;
		margin: 0 auto;
		padding: 10px 0px;
	}

	.col_pager_d .left {
		margin: 0 auto;
	}

	.col_pager_d .main_color.back {
		margin: 10px auto;
	}


}

/* ---------------------------------------------------------------
end max 450px
--------------------------------------------------------------- */