@charset "UTF-8";

/* slideshow_header
----------------------------------------------------------------------*/

#hd_slider img {
  width: 100%;
}

.header {
	width: 100%;
	top: 0;
	left: 0;
}

.header.header01 {
	position: relative;
}

.header.header01 .box01 {
	position: absolute;
	width: 100%;
}

.header.header01 .box01 img {
	margin-top:200px;
	max-width: 500px;
	width: 100%;
	z-index: 0.9 !important;
}

@media screen and (max-width: 900px) {
	.header.header01 .box01 img {
		max-width: 400px;
	}
}


@media screen and (max-width: 768px) {
	.header.header01 .box01 {
		position: absolute;
		width: 100%;
	}
	.header.header01 .box01 img {
		margin-top:70px;
		max-width: 240px;
	}
}

@media screen and (max-width: 768px) {
  .header {
	height: 5px;
  }
  .header .box01 {
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
  }
}



/* slider
----------------------------------------------------------------------*/

.mv .slideArea .slider {
  width: 100%;
  z-index: -10;
}

.mv .slideArea .slider li {
  width: 100%;
  height: 670px;
}

.mv .slideArea .slider li img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 1000px) {
.mv .slideArea .slider li img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

}

@media screen and (max-width: 768px) {
  .mv .slideArea .slider li {
    height: 290px;
  }
  .mv .slideArea .slider li img {
    -o-object-position: right;
       object-position: right;
    -o-object-position: top;
       object-position: top;
  }
}

@media screen and (max-width: 768px) {
  .mv {
    margin-top: 10px;
  }
}