/*------------------------------*/
/* スライダー設定 */
.slider_box {
	position:relative;
	width:100%;
	overflow:hidden;
}

.slider_contents_panel {
	position:absolute;
	overflow:hidden;
}

.slider_contents {
	float:left;
	background-size:cover;
	background-position:center center;

}
/* スライダー設定 */
.slider_box,.slider_contents_panel,.slider_contents {
	box-sizing:border-box;
	height:400px; /* 高さを明示的に揃える */
}

/*------------------------------*/
/* ヘッダーメニュー */
.top_menu {
	position:absolute;
	bottom:5px;
	background-color:rgba(255,255,255,0.3);
}
.menu_button {
	background-color:rgba(255,255,255,0.3);
	padding:10px 2px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
/* ▼タブレット▼ */
@media only screen and (max-width:767px) {
	.menu_button {
		white-space: nowrap; /* 改行しない */
		overflow:hidden;
		font-size:12px;
	}
}
.menu_button:hover {
	background-color:rgba(255,255,255,0.8);
	color:#000000;
}

/* スマホ画面 */
@media only screen and (max-width:550px) {

	.menu_button {
		margin:2px 0px;
		background-color:#84C024;
		border-radius:2px;
		color:#ffffff;
		padding:15px 2px;
		font-weight:bold;
		font-size:16px;
	}
	.menu_button:hover {
		background-color:#006837;
		color:#ffffff;
	}
	.top_menu {
		position:initial;
		top:0px;
	}

}
.menu_icon {
	height:17px;
}

/* タイトルロゴ */
.header_logo {
	top:10px;
	left:10px;
	width:40%;
	min-width:300px;
	max-width:100%;
	position:absolute;
	z-index:10;
}

/* お問合せロゴ */
.header_right_box {
	top:10px;
	right:10px;
	width:20%;
	min-width:200px;
	max-width:400px;
	position:absolute;
	z-index:10;

}

/* コンテンツタイトル */
.contents_title {
	top:50%;
	left:50%;
	max-width:100%;
	height:auto;
	max-height:100px;
	position:absolute;
	z-index:10;
	-webkit-transform: translate(-50%,-50%); /* Safari用 */
	transform: translate(-50%,-50%);

}