@charset "utf-8";

/* ==================================================================
	iso.css
	
=================================================================== */

/* --------------------------------
   □ 共通
-------------------------------- */

/*
   □ sub-visual
-------------------------------- */

.news_index{
	background-image: url("../../images/news/accent.jpg");
}

/* ==================================
   □ index
================================== */
.news_list ul.newsList li{
	position: relative;
	overflow: hidden;
	background-color: #f1f1f1;
	margin-bottom: 21px;
}
.news_list ul.newsList li:after{
	position: absolute;
	content: "";
	transform: rotate(45deg);
	width: 21px;
	height: 21px;
	background-color: #87abec;
	right: -10px;
	bottom: -10px;
}

.news_list ul.newsList li a{
	display: inline-block;
	width: 100%;
	text-decoration: none;
	height: 178px;
}

.news_list ul.newsList li a p.thum{
	display: inline-block;
	float: left;
	width: 26%;
	height: 100%;
	margin: 0;
	background-size: cover;
	background-position: 50%;
}
.news_list ul.newsList li a p.thum img{
	width: 100%;
	height:100%;
}

.news_list ul.newsList li a dl.details{
	display: inline-block;
	float: left;
	padding: 36px;
	width: 73%;
}
.news_list ul.newsList li a dl.details dt{
	color: #333333;
	margin-bottom: 10px;
	font-style:oblique;
}
.news_list ul.newsList li a dl.details dd{
	color: #333333;
	font-weight: 700;
}

/* ==================================
   □ news_details
================================== */
.news_details p.mainImage{
	margin-top: 60px;
}

.news_details p.mainImage img{
	width: 100%;
}

.news_details .content-width--sub{
	width: 660px;
	float: none;
	margin: 0 auto;
}

.news_details dl.title dt{
	font-size: 180%;
	margin-bottom: 10px;
}

.news_details dl.title dd{
	font-weight: 700;
	font-size: 270%;
}

.news_details dl.title{
	position: relative;
	padding-bottom: 35px;
	margin-bottom: 55px;
}

.news_details dl.title:before{
	position: absolute;
	content: "";
	width: 55px;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #0a3d9a;
}

.news_details ul.photoArea{
	margin-bottom: 50px;
}

.news_details .buttonArea{
	background-color: #eaeff6;
	text-align: center;
	padding: 29px 0;
}

.news_details .buttonArea p.buttonStyle a{
	display: inline-block;
	background-color: #0a3d9a;
	padding: 15px 78px;
}

.news_details .buttonArea p.buttonStyle a span{
	position: relative;
	padding-right: 23px;
	font-weight: 700;
	color: #FFF;
}

.news_details .buttonArea p.buttonStyle a span:after{
	position: absolute;
	top: 2px;
	right: 0;
	content: "";
	width: 8px;
	height: 15px;
	background-image: url("../../images/icon/link_whiteArrow.png");
}

@media screen and
	(max-width: 1029px) {
		
/* ==================================
   □ index
================================== */

.news_list ul.newsList li a p.thum{
	width: 30%;
}

.news_list ul.newsList li a dl.details{
	width: 70%;
}


/* ==================================
   □ news_details
================================== */

.news_details p.mainImage img{
	width: 100%;
}

.news_details .content-width--sub{
	width: auto;
}


}