@charset "utf-8";


#main-photo {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	/*min-height: 100%; *//*重要*/
/*	margin-top: 0px*/
}

/* Swiper */

.swiper-container{	
/*	position: relative;*/
/* 	width: 100%;
	height: 100%;*/
}


/*背景　全画面　サイズはここで調整*/
.swiper-container .swiper-wrapper .swiper-slide {

	background-repeat: no-repeat;
    background-size: cover; 
    background-position: top center;
	width: 100%; /* 幅を指定*/
/*	aspect-radio: 16/9;*/
    padding-top: 56.25%; /* 16:9のアスペクト比の場合 */
	
	overflow: hidden;
    backface-visibility: hidden;
}

/*swiper画像*/
.sw_bg_01 {
	background-image: url("../images/main/top_main_01.png");
}

.sw_bg_02 {
	background-image: url("../images/main/top_main_02.png");
}

.sw_bg_03 {
	background-image: url("../images/main/top_main_03.png");
}

.sw_bg_04 {
	background-image: url("../images/main/top_main_04.png");
}

.sw_bg_05 {
	background-image: url("../images/main/top_main_05.png");
}

.sw_bg_06 {
	background-image: url("../images/main/top_main_06.png");
}

/*必要*/
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}




/*テスト 矢印ボタン*/

element.style {
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    swiper-navigation-color: #000000;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

 
.swiper-container .swiper-wrapper .swiper-slide video {

/*
    min-width: 100%;
    min-height: 100%;

		z-index: 999;*/

}




.video_wrapper > video {

/*    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
/*    min-width: 100vw;
    min-height: 100%;
		z-index: 999;
	*/

}

.swiper-container {
	/*height: 300px;*/
/*      width: 100%;
      min-height: 100%;
	  */
	 }
	 






/*@media (orientation: portrait) and (max-width: 420px){*/
@media (orientation: portrait) {

#main-photo {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;/*重要*/
	/*height: auto;*//*重要*/

}



/* Swiper */

.swiper-container{
}


.swiper-container .swiper-wrapper .swiper-slide {

	background-repeat: no-repeat;
    background-size: cover; 
    background-position: center center;
	width: 100%; /* 幅を指定*/
/*	aspect-radio: 16/9;*/
    padding-top: 177.7%; /* 16:9のアスペクト比の場合 */
	
	overflow: hidden;
    backface-visibility: hidden;
}




/*swiper画像*/
.sw_bg_01 {
	background-image: url("../images/main/top_main_mb_01.png");
}

.sw_bg_02 {
	background-image: url("../images/main/top_main_mb_02.png");
}

.sw_bg_03 {
	background-image: url("../images/main/top_main_mb_03.png");
}

.sw_bg_04 {
	background-image: url("../images/main/top_main_mb_04.png");
}

.sw_bg_05 {
	background-image: url("../images/main/top_main_mb_05.png");
}

.sw_bg_06 {
	background-image: url("../images/main/top_main_mb_06.png");
}

}


/*ズーム*/

/*
@keyframes zoomUp {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
}

.swiper-slide-active>div, .swiper-slide-duplicate-active>div, .swiper-slide-prev>div{
animation: zoomUp 10s linear 0s 1 normal both;
}*/