/*-------------------------------
	f view
-------------------------------*/

#fview_information {
	background:url(../img/information/bg_subf_information.jpg) no-repeat center / cover;
	position:relative;
}

#fview_information::before {
	background-color:rgba(0,0,0,0.24);
}



/*-------------------------------
	info list
-------------------------------*/

.info_affe_wrap {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.info_list {
	padding:0;
	margin-bottom:140px;
}

.info_list_wrap {
	width:calc(100% - 150px);
	padding-right:10%;
}

.info_list li {
	width:100%;
	margin-bottom:0;
	/* border-bottom:2px solid #0cd1f7; */
	border-bottom:2px solid #e8e8e8;
	padding:50px 25px;
}

.info_line {
	width:100%;
	display: block;
	padding:10px 0px;
}

.info_line .cate {
	margin-right:1em;
}

.info_date {
	margin:0em 1em 1.5em 0;
	display: inline-block;
	padding-right:0em;
}

.info_title  {
	font-size:2rem;
	margin-bottom:1em;
	max-height:100%;
	font-weight:600;
	letter-spacing: 0.05em;
	transition:color .3s;
}

.info_list li a:hover .info_title {
	color:#0cd1f7;
	opacity:1;
}

.info_line p {
	line-height:1.5;
	font-size:1.6rem;
	/* height:calc(1.285em * 2); */
	transition:opacity .3s;
}

.info_list li a:hover p {
	opacity:0.6;
}

.info_line li .more-link {
	display: none;
}

/*-------------------------------
	info detail
-------------------------------*/

.info_title_wrap {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:2px solid #0cd1f7;
}

.info_title_wrap .info_title {
	margin-bottom:0;
	font-size:2.8rem;
}

.info_detail_wrap .btn_orange span {
	padding-right:0;
	padding-left:1em;
}

.info_detail_wrap .btn_orange span::after {
	right:auto;
	left:0;
	transform:rotate(180deg);
}


/*-------------------------------
	ver sp
-------------------------------*/

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


/*-------------------------------
	info list
-------------------------------*/

.info_affe_wrap {
	max-width:100%;
}

.info_list {
	padding:0;
	margin-bottom:25vw;
}

.info_list_wrap {
	width:100%;
	padding-right:0%;
}

.info_list li {
	width:100%;
	border-width: 0.5vw;
	padding:5vw 0;
}

.info_line {
	padding:2.5vw 0;
}

.info_title  {
	font-size:5vw;
	margin-top:0.5em;
}

.info_line p {
	font-size:3.5vw;
}

.info_date {
	margin:0em 1em 1em 0;
}

/*-------------------------------
	info detail
-------------------------------*/

.info_title_wrap {
	border-width:0.5vw;
}

.info_title_wrap .info_title {
	font-size:6vw;
}
	

} /* end 768px */