@charset "utf-8";


.title1-oka {
	width:		100%;
	height:		100%;

	position:	relative; /* 相対位置指定 */
	margin-left:	auto;
	margin-right:	auto;
	text-align:	center;
	
}

.title1-oka img {
	width:		100%;
	position:	relative; /* 相対位置指定 */
	top:		0;
	right:		0;
	left:		0;
	bottom:		0;
	margin:		auto;
}


.text1-oka {
	width:		100%;
	position:	absolute;
	top:		17%;

	font-size:	400%;
	color:		#fff;

	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
}



.div_center1-oka {
	width:		70%;
	margin-left:	auto;
	margin-right:	auto;
	text-align:	center;
}

.text2-oka{
	text-align:	center;
	font-size:	100%;
	color:		#222;

}


.text1_-oka {
	width:		100%;
	position:	absolute;
	top:		35%;

	font-family:"NotoSerifCJKjp","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo,sans-serif";

	font-size: 100%;

	/* 600px以降から、100pxごとに1px大きくなる*/
	@media (min-width: 600px) {
		font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
	}

	/* 1,000px以上は、22pxに*/
	@media (min-width: 1000px) {
		font-size: calc(137.5%)
	}

	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
}

/*ブレスポンシブ対応*/
@media screen and (max-width:767px){
	.text1-oka{
		font-size: 20px;
	}

}