@CHARSET "UTF-8";
/*---------------------------------------------------------------------------*/
/* ヘッダー表示 */
header .head_disp {
	position: relative;
	height: 320px;
	min-height: 72px; /* 表示高さ */
	margin: 0;
	padding: 0;
	padding-top: 3px;
	background: transparent;
	#background-image: url("../img/top-2.jpg"); /* ヘッダー画像 */
	#background-repeat: no-repeat;
	#background-position: center center;
	#background-size: cover;
	#border: solid 1px #000;
	border: none;
	overflow: hidden;
	z-index: 80;
}
@media screen and (max-width: 800px) {
	header .head_disp {
		height: 280px;
	}
}
@media screen and (max-width: 600px) {
	header .head_disp {
		height: 240px;
	}
}
/*-------------------------------------*/
/* トップ表示背景 */
.bg_image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	overflow: hidden;
	z-index: 70;
	animation: view-slowly 1.5s ease-in forwards;
}
.bg_image:after {
	content: "";
	clear: both;
	display: block;
}
@keyframes view-slowly {
  0% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/*-------------------------------------*/
/* 背景にかぶせるフィルタ */
.fg_image {
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:75;
	background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
	border: none;
	overflow: hidden;
}
.fg_image:after {
	content: "";
	clear: both;
	display: block;
}
/*-------------------------------------*/
/* トップ画像 */
#top_image {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	background-image: url("../img/sp.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: none;
	overflow: hidden;
}
#top_image:after {
	content: "";
	clear: both;
	display: block;
}
#top_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 2s ease-in-out;
}
#top_image #img_fg1 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	background: transparent;
	#background-image: url("../img/top-1.jpg");
	#background-repeat: no-repeat;
	#background-position: center center;
	#background-size: cover;
}
#top_image #img_fg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	background: transparent;
	#background-image: url("../img/top-2.jpg");
	#background-repeat: no-repeat;
	#background-position: center center;
	#background-size: contain;
}
#top_image #img_fg3 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	background: transparent;
	#background-image: url("../img/top-3.jpg");
	#background-repeat: no-repeat;
	#background-position: center center;
	#background-size: cover;
}
#top_image #img_fg4 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	background: transparent;
	#background-image: url("../img/top-4.jpg");
	#background-repeat: no-repeat;
	#background-position: center center;
	#background-size: cover;
}
/*=====================================*/
/* END */