@charset "UTF-8";

.main-section {  width: 100%; position:relative}
.main-section-visual {  height: 100vh;  overflow-x: hidden;}
.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 100%;  }
.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("../img/main_visual01.jpg") ;}
.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("../img/main_visual02.jpg");}


.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 15%;   top:20vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 30px; width:300px;  }



.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text1 .main-slide-text--sub {  opacity: 1;  transform: translateZ(0);  justify-content:center; }
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 30px;  }


.main-section-visual .main-visual-swiper-slide .main-slide-text2 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
.main-section-visual .main-visual-swiper-slide .main-slide-text2 .main-slide-text--sub {  position: absolute;  left: 15%;   top:20vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
.main-section-visual .main-visual-swiper-slide .main-slide-text2 .main-slide-text--sub .main_logo { width:300px;  }



.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text2 .main-slide-text--sub {  opacity: 1;  transform: translateZ(0);  justify-content:center; }
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text2 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 30px;  }
 

.main-section-visual .swiper-button-area .swiper-pagination-progressbar {  width: 157px;  opacity: 1;  background: rgba(255,255,255,.35);}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #ffffff;}
.main-section-visual .main-swiper-slide-button-area {  z-index: 11;  margin-left: 15px;  margin-bottom: 4px;}
.main-section-visual .main-swiper-slide-button {  width: 14px;  height: 14px;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main-section-visual .main-swiper-slide-button.is--hide {  display: none;}
.main-section-visual .main-swiper-slide-button.main-swiper-slide-button--stop {  background-image: url("../img/icon-stop.png");}
.main-section-visual .main-swiper-slide-button.main-swiper-slide-button--play {  background-image: url("../img/icon-play-gray.png");}

.main-section-visual .swiper-button-area {	position: absolute;	left: 46%; width:200px;	bottom: 50px;  z-index:20;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  font-size: 0;  opacity: 0;  -webkit-transition: opacity .5s ease 1s;  transition: opacity .5s ease 1s;}
.main-section-visual .swiper-button-area.show {  opacity: 1;}
.main-section-visual .swiper-button-area .swiper-pagination {  position: relative;  display: inline-block;}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar {  width: 100px;  height: 2px;  background: #fff;  -webkit-transition: background .8s linear;  transition: background .8s linear;}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #37234d;  -webkit-transition: background .8s linear;  transition: background .8s linear;}
.main-section-visual .pagination-wrap {  margin-left: 15px;  width: 50px;  position: relative;}

.main-section-visual .swiper-button-next, .main-section-visual .swiper-button-prev {  padding: 0;  box-sizing: border-box;  position: absolute;  display: block;  top: 13px;  left: 6px;  z-index:21;  width: 14px;  height: 14px;  background-image: url("../img/icon-arrow_prev.png");  background-size: contain;  background-repeat: no-repeat;}
.main-section-visual .swiper-button-next {  left: auto;  right: 0;  background-image: url("../img/icon-arrow_next.png");}



.mcont_wrap {width:100%; height:100%; overflow: hidden}

.pc_none	{display:none}


@media all and (max-width:1400px) {

	.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 10%;   top:20vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 30px; width:300px;  }





}




@media all and (max-width:1200px) {


	body		{border:0px solid red}



	.mcont_wrap {width:100%; height:750px;}
	
	.main-section {  width: 100%; position:relative}
	.main-section-visual {  height:750px;  overflow-x: hidden;}
	.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 750px;  }
	.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
	.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
	.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
	.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("../img/main_visual01_1200.jpg") ;}
	.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("../img/main_visual02_1200.jpg");}


	.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 10%;   top:15%;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 30px; width:300px;  }



	.main-section-visual .swiper-button-area {	position: absolute;	left: 5%; width:90%;	bottom: 50px;  z-index:20;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  font-size: 0;  opacity: 0;  -webkit-transition: opacity .5s ease 1s;  transition: opacity .5s ease 1s;}




}



@media all and (max-width:780px) {

	.mcont_wrap {width:100%; height:650px;}

	.main-section {  width: 100%; position:relative}
	.main-section-visual {  height:650px;  overflow-x: hidden;}
	.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 650px;  }
	.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
	.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
	.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
	.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("../img/main_visual01_780.jpg") ;}
	.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("../img/main_visual02_780.jpg");}


	.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 10%;   top:15%; width:60%;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 0; width:60%;  }



	.pc_none	{display:block}
	.mo_none	{display:none; margin-top:0 !important;}


}



@media all and (max-width:480px) {
	
	.mcont_wrap {width:100%; height:600px;}

	.main-section {  width: 100%; position:relative}
	.main-section-visual {  height:600px;  overflow-x: hidden;}
	.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 600px;  }
	.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
	.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
	.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
	.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("../img/main_visual01_480.jpg") ;}
	.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("../img/main_visual02_480.jpg");}


	.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 10%;   top:25%; width:70%;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 0; width:70%;  }



}


@media all and (max-width:320px) {
		

	.mcont_wrap {width:100%; height:500px;}

	.main-section {  width: 100%; position:relative}
	.main-section-visual {  height:500px;  overflow-x: hidden;}
	.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 500px;  }
	.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
	.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
	.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
	.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("../img/main_visual01_320.jpg") ;}
	.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("../img/main_visual02_320.jpg");}


	.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 10%;   top:25%; width:80%;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }
	.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub .main_logo { margin-left: 0; margin-top: 0; width:80%;  }


}