@charset "utf-8";
/* CSS Document */

.keyVisual{
	position:relative;
	width:100%;
	min-height:300px;
	margin:0 0 30px;
	padding:1% 2%;
	background:url(../img/img_visual_bg.jpg) right center no-repeat;
	background-size:cover;
	border:2px solid #d1d1d1;
	line-height:1.5;
}

.keyVisual strong{
	display:block;
	margin:0 0 10px;
	padding:0 20% 0 0;
	font-size:214.3%;
	text-shadow:-1px -1px 5px #fff,1px -1px 5px #fff,-1px 1px 5px #fff,1px 1px 5px #fff;
	color:#111;
}

.keyVisual strong span{
	color:#F00;
	font-size:90%;
}

.keyVisual p {
	margin:0 0 50px 0;
	font-size:125%;
	text-shadow:-2px -2px 8px #fff,2px -2px 8px #fff,-2px 2px 8px #fff,2px 2px 8px #fff;
	color:#000;
}

.keyVisual .eyeCatch{
	position:absolute;
	width:24%;
	max-width:150px;
	right:0;
	top:0;
}

.expItem h2{
	margin-top:0;
}

.expItem .imgR{
	width:28.2%;
}

.expItem .dlList_02{
	width:68%;
}

.expItem h2 .label {
	display: inline-block;
	font-size:85%;
	padding: 4px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #12a8c2;
	color: #ffffff;
}
.expItem h2 br {
	display: none;
}


@media screen and (max-width:1023px){
	.keyVisual{
		min-height:260px;
	}

	.keyVisual strong{
		margin:0 0 30px;
		font-size:214.3%;
	}

	.keyVisual p {
		margin:0;
		font-size:142.8%;
	}

}

@media screen and (max-width:767px){
	.keyVisual{
		min-height:200px;
	}

	.keyVisual strong{
		margin:0 0 30px;
		font-size:171.4%;
	}

	.keyVisual p {
		margin:0;
		padding:0 20% 0 0;
		font-size:128.6%;
	}

	.expItem .dlList_02{
		width:100%;
	}

	.expItem h2 .label {
		margin-bottom: 5px;
	}
	.expItem h2 br {
		display: inline;
	}

}
