@charset "UTF-8";

/*----------------------------------------------------*/ 
/* xxxxxxx
-----------------------------------------------------*/ 
#header {
	background:url(/lib/img/news/vi.jpg) center top no-repeat;
}

/* index */
#news ul li {
	-ms-flex-align:center;
	align-items:center;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:3.5em;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.date {
	position:relative;
	width:20%;
}

.txt {
	box-sizing:border-box;
	padding-left:50px;
	width:79%;
}

.date p {
	background:url(/lib/img/cmn/bg_hd_left.gif) left center no-repeat;
	color:#FFFFFF;
	display:inline-block;
	font-size:1.6rem;
	line-height:1;
	padding-left:59px;
	position:relative;
	z-index:2;
}

.date p {
	margin-left:10px;
}

.date p span {
	background:url(/lib/img/cmn/bg_hd_right.gif) right center no-repeat;
	display:block;
	line-height:1.3;
	overflow:hidden;
	padding:10px 59px 10px 0;
	position:relative;
	z-index:3;
}

.date:after {
	border-left:1px dotted #57afd0;
	content:"";
	height:13em;
	left:50%;
	margin-bottom:-2em;
	position:absolute;
	top:-5em;
	width:1px;
}

#news dl dt {
	font-size:1.6rem;
	font-weight:bold;
	line-height:2.1;
	margin-bottom:.8em;
}

#news dl dd {
	line-height:2.1;
	margin-bottom:1em;
}

#news dl dd a {
	text-decoration:underline;
}


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

#header {
	background:none;
}

.htype01 {
	background:url(/lib/img/news/vi.jpg) center top no-repeat;
	background-size:auto 184px;
	height:184px;
}

/* index */
#news {
	margin:0 15px;
}

#news ul li {
	display:block;
	margin-bottom:2.5em;
}

.date {
	font-size:1.3rem;
	margin-bottom:15px;
	width:auto;
}

.txt {
	padding-left:0;
	width:auto;
}

.date p {
	font-size:1.3rem;
	margin-bottom:0;
}

.date p {
	padding-left:2em;
}

.date p span {
	padding:8px 2em 8px 0;
}

.date:after {
	border-top:1px dotted #57afd0;
	content:"";
	display:block;
	height:1px;
	left:0;
	position:absolute;
	top:42%;
	width:100%;
	z-index:1;
}

#news dl dt {
	font-size:1.4rem;
	line-height:1.6;
	margin-bottom:.5em;
}

#news dl dd {
	line-height:1.6;
	margin-bottom:1em;
}

#news dl dd.btn {
	text-align:right;
}

#news dl dd a {
	background:#CCC;
	box-sizing:border-box;
	color:#000;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
}

#news dl dd a {
	background:url(/lib/img/cmn/bg_btn_blue.gif) right center no-repeat;
	color:#2ca2c0;
	display:inline-block;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1;
	padding:10px 4em 10px 3em;
}

#news dl dd a {
	text-decoration:none;
}

}