@charset "utf-8";
/* -----------------------------------------------------------
　お知らせ記事用スタイルシート(PC)
------------------------------------------------------------ */
#news  h4.news-cont {
	background-color: #DFDFDF;
	border-left: 0;
	font-size: 16px;
	font-weight: normal;
	margin: 20px auto;
	padding: 10px 5px 8px 5px;
	position: relative;
	width: 100%;
}
#news  h4.news-cont::before {
	content: "■";
	width: 1em;
	height: 1em;
}
#news  .news-cont-news-date {
	color: #666;
	border-bottom: 1px solid #ccc;
	text-align: right;
	margin: 20px 0;
	padding: 10px 0;
}
#news  .news-cont-news-date i {
	padding-right:10px;
}
#news  .section-box dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: .5em;
}
#news  .section-box dl dt{
	width: 8em;
}
#news .section-box dl dd{
	width: calc(100% - 9em);
}
#news .section-box ol.border{
	border: #F00 double 3px;
	margin: 1em 0;
	padding: 1em 1em 0;
}
#news .section-box ol.border .attention{
	background: #FF0;
	padding: .25em;
}
#news span.red{ color: #F00;}
#news .btn{
	background-color: #47E5BC;
	border: 1px solid #47E5BC;
	display: inline-block;
	text-align: center;
	outline: none;
	padding:1em;
	line-height:100%;
}
#news .btn a{
	color: #FFF !important;
	text-decoration: none !important;
}
#news .btn a:hover {
	color: #47E5BC !important;
}

#news .btn::before,
#news .btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#news .btn,
#news .btn::before,
#news .btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#news .btn:hover {
	background-color: #FFF;
	border-color: #47E5BC;
	text-decoration: none;
}

#news .al-c{
    text-align: center;
}