@charset "utf-8";
/* CSS Document */



/*Top slide-show
----------------------------------------------------------------------------------------------------------------------*/
.swiper-wrapper .swiper-slide{
  background-position: center top !important;
  background-repeat: no-repeat !important;
  height: 1280px;
  position:relative;
  z-index:0.5 !important;
  /*border-bottom: 1px solid #000;*/
}

@media screen and (min-width:1920px) {
	
.swiper-wrapper .swiper-slide{
  background-size: cover !important;
}

}

.swiper-button-prev {
  background-image: url("../images/arrow_left.svg") !important;
}
.swiper-button-next {
  background-image: url("../images/arrow_right.svg") !important;
}

/*.head-logo-back{
	width: 100vw;
	background-image: url(../images/head-logo-back02.png);
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
    position: relative !important;
    z-index:5 !important;
}*/

.head-logo{
	width: 800px;
	margin: 30px auto 0 auto;
}
.head-logo img{
	width: 100%;
	height: auto;
}

.main-contents {
  width: 1200px;
  margin: 0 auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 50px;
  position: relative;
  top: 350px;
}

.main-contents h1{
	width:778px;
	position: relative;
	z-index: 10;
}
.main-contents h1 img{
	width: 100%;
	height:auto;
}

.main-visual img{
	width: 909px;
	height: auto;
	position: absolute;
	bottom:-500px;
	right: 0;
	z-index: 5;
}

@media screen and (max-width:1200px) {
	
.main-contents{
	width: 100vw;
	top: 30%;
}
	
.main-contents h1{
	width:100%;
}

.main-visual img{
	width: 600px;
	bottom: -400px;
}

}

@media screen and (max-width:1000px) {

.main-contents{
	top: 27.5%;
}

.main-visual img{
	bottom: -450px;
}

}

@media screen and (max-width:900px) {
	
.main-contents{
	top: 25%;
}

.main-visual img{
	bottom: -500px;
}

}

@media screen and (max-width:800px) {
	
.swiper-wrapper .swiper-slide{
  height: 1150px;
}

.head-logo{
	width: 100%;
	margin: 20px auto 0 auto;
}

.main-contents{
	top: 22.5%;
}

.main-visual img{
	bottom: -550px;
}

}

@media screen and (max-width:700px) {
	
.swiper-wrapper .swiper-slide{
  height: 1000px;
}
	
.main-visual img{
	width: 90%;
}

}

@media screen and (max-width:600px) {
	
.swiper-wrapper .swiper-slide{
  height: 900px;
}

.main-visual img{
	bottom: -500px;
}

}

@media screen and (max-width:500px) {
	
.swiper-wrapper .swiper-slide{
  height: 700px;
}

.main-visual img{
	bottom: -350px;
}

}

@media screen and (max-width:400px) {

.main-contents{
	top: 21%;
}

}

@media screen and (max-width:375px) {

.swiper-wrapper .swiper-slide{
  background-position: center -50px !important;
  height: 600px;
}

.main-contents{
	top: 19%;
}

.main-visual img{
	bottom: -300px;
}

}

@media screen and (max-width:350px) {
	
.swiper-wrapper .swiper-slide{
  height: 525px;
}
	
.main-visual img{
	bottom: -275px;
}
	
}