/********************************************************************************************
	<<<　news.css　>>>
	※お知らせ定義
																			2020-07-06	橋本
********************************************************************************************/
@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   お知らせ一覧

--------------------------------------------------------------------------------------------- */
#nlist { width:100%; /*border-collapse:separate; border-spacing:8px;*/ }
#nlist th,
#nlist td { /*width: 480px;*/
	border-bottom: dashed #b19050 1px;
	padding: 1em;


}
#nlist th { width: 20%; font-weight: normal; 	padding-left: 0.5em; }
#nlist th:before {
  content: '\002731';/*アイコン種類*/
  left: 0em; /*左端からのアイコンまで*/
  color: #8dace0; /*アイコン色*/
  margin-right: 0.5em;
}


/*		お知らせ詳細		*/
#ntit {
	color: #FFFFFF;
	background: #8dace0;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;

	font-size: 105%;
	padding: 8px;
	margin-bottom: 1em;

}
#ndate { text-align: right; font-size: 100%; padding: 5px; 	margin-bottom: 1em;}
#nimg { text-align:center;}
#nimg img {margin:auto;}
#nbody { line-height: 1.5em; color: #606060; font-size:100%; padding: 1em; margin-bottom: 3em; }


/*		下のページャー		*/
#Pager{
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-wekit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom:25px;
	margin-top:30px;

}

#Pager div { widht: calc(100%/ 3); }
#Pager div a {
	display: inline-block;
	text-align: center;
	background: #8dace0;
	line-height: 30px;
	color: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #FFFFFF;
	padding: 6px 10px 6px 10px;
	margin: 40px auto 5em auto;

}

#Pager div a:hover {
	border: 1px solid #c7d7f1;
	background: #c7d7f1;
	color: #8dace0;
	opacity: 1;
}

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

	#nlist { width:100%; }
	#nlist th,
	#nlist td { width: 100%; display: block; padding: 0; }
	#nlist th { /*width: 25%;*/ font-weight: normal; border-bottom-width: 0; /*	padding-left: 0;*/ }

	#nlist td { /* border-bottom:1px #b19050 solid;*/ padding-left: 2em; padding-bottom: .5em; }
}

/* 採用情報ページへのボタン */

.infbtn,
a.infbtn,
button.infbtn {
/*	font-size: 1.6rem;*/
/*	font-weight: 700;*/
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}


.recbtn,
a.recbtn {
	color: #fff;
	background-color: #b19050;
	border-radius: 100vh;
}

.recbtn:hover,
a.recbtn:hover {
	color: #fff;
	background: #dabb7f;
}