@charset "UTF-8";

/* ----------------------top promotion エリア---------------------- */


#promotion {
	height: calc(100vh - 100px);
	height: 450px;
	margin: 0 0 3.9em 0;
	margin: 0;
  position:relative;
  z-index:0;
	opacity: 1.0;
	text-align:center;
	overflow:hidden;
}




/*------　トップページswiper　------------------------------------*/

.pr-01,
.pr-02 {
  position: relative;
  z-index:10;
}

.swiper-container {
}

.swiper {
  max-height: 450px;
}

.swiper-wrapper {
}

.swiper-slide {
}

   
.swiper1 {
  position: relative;
  width: 960px;
  height: 450px;
  top:0;
  left:0;
  margin: 0 auto 0;
  z-index: 200;
}
.swiper2 {
  position: relative;
  width: 1200px;
  height: 450px;
  top:-450px;
  left:0px;
margin: 0 auto 0;
  z-index: 100;
}

.swiper1 .swiper-wrapper,
.swiper2 .swiper-wrapper {
	width: 100%;
}
.swiper1 .swiper-wrapper .swiper-slide img,
.swiper2 .swiper-wrapper .swiper-slide img {
	width: 100%;
}





@media screen and (min-width:641px) and ( max-width : 1120px), projection {

body {
	min-width:1120px;
}


.container {
	clear: both;
	width: 1080px;
	margin: 0 auto 1.5em;
}
     

  

/* ----------------------top promotion エリア---------------------- */


#promotion {
  width: 100%;
  aspect-ratio: 8/3;
	height: auto;
  padding: 0;
  margin-bottom: 3em;
  background-image: none;
}




/*------　トップページswiper　------------------------------------*/

.pr-01,
.pr-02 {
  position: relative;
  z-index:10;
}

.swiper-container {
}

.swiper {
	max-height: ;
}

.swiper-wrapper {
}

.swiper-slide {
}

   
.swiper1 {
  width: 80%;
  aspect-ratio: 32/15;
	height: auto;
}
.swiper2 {
  width: 100%;
  aspect-ratio: 8/3;
	height: auto;
  top:-47.5vw;
}
  
  
  

}



     








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

/* ----------------------top promotion エリア---------------------- */


#promotion {
	height: 37.5vw;
  padding: 0;
  margin-bottom: 3em;
}




/*------　トップページswiper　------------------------------------*/

.pr-01,
.pr-02 {
  position: relative;
  z-index:10;
}

.swiper-container {
}

.swiper {
	max-height: 37.5vw;
}

.swiper-wrapper {
}

.swiper-slide {
}

   
.swiper1 {
  width: 80vw;
  height: 37.5vw;
  margin: 0 auto;
}
.swiper2 {
  width: 100vw;
  height: 37.5vw;
  top:-37.5vw;
}
  
}