@charset "utf-8";

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

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

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

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

/* ==================================
   □ index
================================== */
.media_list .content-width--sub{
	width: 1000px;
	float: none;
	margin: 0 auto;
}

.media_list ul.mediaList li{
	position: relative;
	width: 48%;
	display: inline-block;
	float: left;
	margin-right: 4%;
	margin-bottom: 50px;
}

.media_list ul.mediaList li:nth-child(2n){
	margin-right: 0;
}

.media_list ul.mediaList li p.thum{
	margin-bottom:0;
}

.media_list ul.mediaList li p.thum img{
	width: 100%;
	height:217px;
}

.media_list dl.details{
	box-sizing:border-box;
	position:relative;
	width: 450px;
	min-height: 155px;
	border: #E6E6E6 solid 1px;
	margin:-25px 0 0 auto;
	padding: 37px 10px 37px 37px;
	background-color: rgba(255,255,255,0.90);
}

.media_list dl.details dt{
	position: relative;
	color: #0a3d9a;
	padding-left: 26px;
	margin-bottom: 10px;
}

.media_list dl.details dt:before{
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background-image: url("../../images/icon/link_blueRound.png");
	left: 0;
	top: 1px;
}

.media_list dl.details dd{
	color: #747474;
	padding-left: 26px;
}


/* ==================================
   □ media_details
================================== */
.media_details .content-width--sub{
	width: 660px;
	float: none;
	margin: 0 auto;
}

.media_details p.mainImage{
	margin-top: 60px;
}
.media_details p.mainImage img{
	width: 100%;
}

.media_details dl.title{
	position: relative;
	font-weight: 700;
	font-size: 270%;
	padding-bottom: 35px;
	margin-bottom: 55px;
}

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

.media_details dl.title dd{
	font-size: 66.66%;
}

.media_details p.text{
	margin-bottom: 57px;
}

.media_details h3.title{
	color: #0a3d9a;
	font-size: 190%;
	padding-bottom: 15px;
	border-bottom: 1px solid #CED8EB;
	margin-bottom: 25px;
}

.media_details ul.photoArea li{
	margin-bottom: 47px;
}

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

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

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

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

.media_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
	================================== */
	.media_list .content-width--sub{
		width: 92%;
		float: none;
		margin: 0 4%;
	}

	.media_list ul.mediaList li{
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 8%;
	}
	
	.media_list ul.mediaList li p.thum img{
		height:auto;
	}
	
	.media_list dl.details{
		box-sizing:border-box;
		position:relative;
		width: auto;
		min-height:inherit;
		margin:-25px 2% 0 2%;
		padding: 4%;
	}
	
	.media_list dl.details dt{
		padding-left: 26px;
		margin-bottom: 10px;
	}


	/* ==================================
	   □ media_details
	================================== */
	.media_details .content-width--sub{
		width: 100%;
	}

	.media_details .buttonArea p.buttonStyle a{
		padding: 15px 30px;
	}
		
}