@charset "UTF-8";

/* STORY BLOCK
----------------------------------------------------- */
#keyword h3{
	color:#2a8c9e;
	font-family: ryo-display-plusn,serif;
	font-weight:700;
	font-size:24px;
	line-height:1.8;
	margin-top:0px;
	position:relative;
	padding:5px 30px;
	display:inline;
}
#keyword h3::before{
	content:'';
	position:absolute;
	top:-7px;
	left:0;
	width:35px;
	height:13px;
	border-top:1px solid rgba(33,28,23,0.30);
	border-left:1px solid rgba(33,28,23,0.30);
}
#keyword h3::after{
	content:'';
	position:absolute;
	bottom:-7px;
	right:0;
	width:35px;
	height:13px;
	border-bottom:1px solid rgba(33,28,23,0.30);
	border-right:1px solid rgba(33,28,23,0.30);
}

#keyword p{
	margin-top:30px;
	margin-bottom:25px;
}

#key01 .txtBlock{
	width:50%;
	float:right;
	padding:30px 70px 0 70px;
}
#key01 #key01p{
	margin-bottom:70px;
}
#key01 .imgBlock{
	width:50%;
	float:left;
}
#key01 .imgBlock img{
	float:right;
	width:100%;
	max-width:518px;
}
#key01 #key01Img01{
	margin-left:-60px;
	width : -webkit-calc(100% + 60px) !important;
	width : calc(100% + 60px) !important;
	margin-bottom:15px;
	max-width:588px;
}
#key02{
	margin-top:60px;
	
}
#key02 .txtBlock{
	width:50%;
	padding:0 30px;
	float:left;
	
	padding:30px 70px 0 70px;
}
#key02 .imgBlock{
	width:50%;
	padding:0 30px;
	float:right;
}
#key02 #key02Img02{
	margin-right:-70px;
	width : -webkit-calc(100% + 70px) !important;
	width : calc(100% + 70px) !important;
	margin-top:15px;
	max-width:588px;
}
#key02Map{
	width:100%;
	max-width:415px;
}
@media screen and (max-width: 1180px) {
	#key02 #key01Img02{
		width:50%;
		margin-left:-30px;
	}
}


@media screen and (max-width: 640px) {
	#keyword h3{
	font-size:18px;
	line-height:1.8;
	margin-top:0px;
	position:relative;
	padding:5px 20px;
	display:inline;
	}
	#keyword h3::before{
	content:'';
	position:absolute;
	top:-7px;
	left:0;
	width:25px;
	height:13px;
	border-top:1px solid rgba(33,28,23,0.30);
	border-left:1px solid rgba(33,28,23,0.30);
	}
	#keyword h3::after{
	content:'';
	position:absolute;
	bottom:-7px;
	right:0;
	width:25px;
	height:13px;
	border-bottom:1px solid rgba(33,28,23,0.30);
	border-right:1px solid rgba(33,28,23,0.30);
	}

	#keyword p{
	margin-top:30px;
	margin-bottom:25px;
	}

	#key01 .txtBlock{
	width:100%;
	float:none;
	padding:5% 8%;
	}
	#key01 #key01p{
	margin-bottom:70px;
	}
	#key01 .imgBlock{
	width:100%;
	float:none;
	}
	#key01 .imgBlock img{
	float:none;
	width:100%;
	max-width:518px;
	}
	#key01 #key01Img01{
	margin-left:0;
	width:100% !important;
	margin-bottom:5px;
	max-width:588px;
	}
	#key01 #key01Img02{
		width:86%;
		margin:0 auto 8% auto;
		display:block;
	}
	
	#key02{
	margin-top:0;

	}
	#key02 .txtBlock{
	width:100%;
	float:none;
	padding:5% 8%;
	}
	#key02 .imgBlock{
	width:100%;
	padding:0 0;
	float:none;
	}
	#key02 #key02Img01{
		width:86%;
		margin:0 auto 0 auto;
		display:block;
	}
	#key02 #key02Img02{
	margin-right:-0px;
	width : 100% !important;
	margin-top:12px;
	max-width:588px;
	margin-bottom:5%;
	}
	#key02Map{
	width:100%;
	max-width:415px;
	}
	
	
	
}