@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	display: block;
	vertical-align: bottom;
	border-style:none;
}


#contents {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #FCEA1A;
}

#wrapper {
	position: relative;
	top: 0;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
}

#top {
}

.top_image_back {
	position: relative;
	width: 1920px;
	height: 748px;
	margin: 0 auto;
	background: #FCEA1A;
	z-index: 50;
}

.top_image {
	width: 1000px;
	margin: 0 auto;
}

.top_image .top_image_left {
	width: 499px;
	height: 748px;
	margin: 0 auto;
	float: left;
}

.top_image_right {
	width: 499px;
	height: 748px;
	margin: 0 auto;
	float: left;
}

#osae,#zukan,#gaiyou,#tuite {
	display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#osae {
	position: relative;
	width: 1920px;
	height: 1000px;
	padding: 100px 0;
	background: #FCEA1A;
	z-index: 10;
}

#movie {
	position: relative;
	width: 1920px;
	height: 360px
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 100%;
	background: url(../images/parallax_back.png);
	background-repeat: repeat;
}

#zukan {
	position: relative;
	width: 1920px;
	height: 1330px;
	padding: 100px 0 0;
	background: #FCEA1A;
}

.zukan1,.zukan2,.zukan3,.zukan4,.zukan5,.zukan6 {
	position: absolute;
	width: 313px;
	height: 313px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s;
	cursor: pointer;
}

.zukan1:hover,.zukan2:hover,.zukan3:hover,.zukan4:hover,.zukan5:hover,.zukan6:hover {
	opacity: 0.5;
}

.zukan1 {top: 338px;left: 459px;}
.zukan2 {top: 338px;left: 803px;}
.zukan3 {top: 338px;left: 1147px;}
.zukan4 {top: 784px;left: 459px;}
.zukan5 {top: 784px;left: 803px;}
.zukan6 {top: 784px;left: 1147px;}

#parallax1,#parallax2 {
	position: relative;
	width: 1920px;
	height: 360px;
}

#parallax1 {
	background: url(../images/parallax1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

#parallax2 {
	background: url(../images/parallax2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}


#gaiyou {
	position: relative;
	width: 1920px;
	height: 621px;
	padding: 100px 0;
	background: #FCEA1A;
}

.schedule_btn {
	position: absolute;
	top: 506px;
	left: 1039px;
	width: 360px;
	height: 80px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s;
}

.schedule_btn:hover {
	opacity: 0.5;
}

#oubo1 {
	position: relative;
	width: 1920px;
	background: #FCEA1A;
	z-index: 20;
}

.oubo_btn {
	width: 481px;
	margin: 0 auto 50px;
	opacity: 1;
	transition: all 0.3s;
}

.oubo_btn:hover {
	opacity: 0.8;
}

.oubo_caution {
	width: 872px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#tuite {
	position: relative;
	width: 1920px;
	height: 919px;
	padding: 100px 0;
	background: #FCEA1A;
}

.tuite1,.tuite2,.tuite3,.tuite4,.tuite5,.tuite6 {
	position: absolute;
	width: 313px;
	height: 240px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s;
	cursor: pointer;
}

.tuite1:hover,.tuite2:hover,.tuite3:hover,.tuite4:hover,.tuite5:hover,.tuite6:hover {
	opacity: 0.5;
}

.tuite1 {top: 272px;left: 460px;}
.tuite2 {top: 272px;left: 804px;}
.tuite3 {top: 272px;left: 1147px;}
.tuite4 {top: 676px;left: 460px;}
.tuite5 {top: 676px;left: 804px;}
.tuite6 {top: 676px;left: 1147px;}

#footer {
	position: relative;
	width: 1920px;
	padding: 100px 0 80px;
	background:url(../images/footer_back.jpg);
	background-repeat: repeat;
	z-index: 20;
}

.footer_main {
	width: 999px;
	margin: -150px auto 0;
	padding-top: 150px;
}

.copylight {
	width: 197px;
	margin: 20px auto 0;
}

#footer_line {
	position: relative;
	width: 1920px;
	height: 20px;
	background: #0068a8;
	z-index: 20;
}

.ret_btn{
  position: fixed;
  width: 1000px;
	height: 0px;
  bottom: 160px;
  left: 50%;
  margin-left: -500px;
  z-index: 0;
	background: red;
  text-align: right;
	z-index: 99;
}

.ret_btn img {
	position: relative;
	display: inline;
	cursor: pointer;
	z-index: 99;
}

#back_video video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
}