@charset "UTF-8";

.block_message.blue {
	border-color: hsl(199.0, 91%, 50%);
	border-style: double;
	border-width: 3px;
}

#div_eyecatch {
	margin: 0 auto;
	max-width: 960px;
	position: relative;
	text-align: center;
	width: 100%;
}
#div_eyecatch h1 {
	border-color: hsl(199.0, 100%, 44%); 
	border-style: solid;
	border-width: 0 0 1px 0;
	color: hsl(199.0, 0%, 24%);
	display: none;
	font-weight: normal;
	position: absolute;
	text-align: left;
}
#div_eyecatch img {
	width: 100%;
}

#div_eyecatch_wrapper {
	background-blend-mode: lighten;
	background-color: rgba(255,255,255,0.85);
	background-image: url('/images/eyecatch_pc.png?ver=3');
	background-position: 50% 0;
	width: 100%;
}

@media only screen and (min-width:768px){/*PC*/
	#div_eyecatch h1 {
		font-size: 34px; 
		letter-spacing: 2px;
		line-height: 150%;
		padding: 8px 0 8px 82px;
	}
	#div_eyecatch img {
		filter: grayscale(0%);/*sepia(100%);*/
	}
}
@media only screen and (max-width:767px){/*SP*/
	#div_eyecatch h1 {
		font-size: calc(0px + 6.25vw);/*20px - 24px*/
		padding: 8px 0 8px 22px;
		width: 50%;
	}
	#div_eyecatch img {
		filter: grayscale(0%);/*sepia(100%);*/
	}
}