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


#wrap {
	width: 100%;
	overflow: hidden;
	position:absolute;
}


#main-head{
	width: 100%;
	height:100px;
	//position:fixed;
	position:absolute;
	top:0%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top:-30px;
	//padding-top:-30px;
	background-color: rgba(255, 255, 255, 1.0);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:99999999999;
	
}
.head-l{
 margin-left: 0px;
				  float:left;
			}
			
.head-r{
 margin-right: 0px;
				  float:right;
			}


.s-head{
  position: fixed;
  height:68px;
  top: -68px;
  left: 0;
  z-index:1000;
	display:block;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding:0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:999999999;
	}


#foot {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top:-6px;
	padding-top:-6px;
	//background-image: url(img/foot-b.svg);
	//background-repeat: repeat-x;
	//background-position: center top;
	background-color: rgba(0, 205, 183, 0.1);
	border-top-left-radius: 120px;
	border-top-right-radius: 120px;
  //background: -moz-linear-gradient(left, #008899 30%, #444499);
  //background: -webkit-linear-gradient(left, #008899 30%, #444499);
  //background: linear-gradient(to right, #008899 30%, #444499);
	
}





#foot2 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top:-6px;
	padding-top:-6px;
	//background-image: url(img/foot-b.svg);
	background-repeat: repeat-x;
	//background-position: center top;
	background-color: #00CDB7;
	border-bottom: 1px solid #00CDB7;
  //background: -moz-linear-gradient(left, #008899 30%, #444499);
  //background: -webkit-linear-gradient(left, #008899 30%, #444499);
  //background: linear-gradient(to right, #008899 30%, #444499);
	
}


#fixnav {
	//position: fixed;
	position: relative;
	//bottom:0;
	//right:0;
	width: 442px;
	//text-align: center;
	margin-right: 0px;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	z-index:999999999;
	
}

#fixnav a{
cursor: pointer;
}

.clear-element {
  clear: both;
  	height:10px;
}

.clear-element2 {
  clear: both;
  	height:160px;
}


.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0px;
  animation-duration: .5s;
  top: 0;
}

@keyframes slideDown {
  0% {
    top: -68px;
  }
  

  100% {
    top: 0px;
  }
}

.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0px;
  animation-duration: .5s;
  top: -68px;
}

@keyframes slideUp {
  0% {
    top: 0px;
  }



  100% {
    top: -68px;
  }
 }




.slide-down2 {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0px;
  animation-duration: .5s;
  top: 0;
}

@keyframes slideDown2 {
  0% {
    top: -130px;
  }
  

  100% {
    top: 0px;
  }
}

.slide-up2 {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0px;
  animation-duration: .5s;
  top: -130px;
}

@keyframes slideUp2 {
  0% {
    top: 0px;
  }



  100% {
    top: -130px;
  }
 }





.sa {
  opacity: 0;
  transition: all 1.0s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
      transition: all 1.0s ease;

}
 
.sa--lr {
  transform: translate(-100px, 0);
    transition: all 1.0s ease;
}
 
.sa--rl {
  transform: translate(100px, 0);
  
}
 
.sa--up {
  transform: translate(0, 100px);
}
 
.sa--down {
  transform: translate(0, -100px);
}
 
.sa--scaleUp {
  transform: scale(.5);
  transition: all 0.75s ease;
}

.sa--scaleUp2 {
  transform: scale(.9);
  transition: all 0.75s ease;
}
 
.sa--scaleDown {
  transform: scale(1.5);
}
 
.sa--rotateL {
  transform: rotate(180deg);
}
 
.sa--rotateR {
  transform: rotate(-180deg);
}


#ph-wrap{
	position:absolute;
	width: 100%;
	height:calc(1151 / 1920 * 100vw + 80px);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:100px;
	padding-top:0px;
	background-color: #23554b;
	z-index:999;
	overflow:hiddden;
	
}



#main-1 {
	width: 100%;
	height: calc(1055 / 1603 * 100vw + 00px);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
			margin-top:0px;
			padding-top:0px;
	background-image: url(../img/MV1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#main-2 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
			//margin-top:100px;
    margin-top:20px;
			padding-top:0px;
	//background-image: url(img/2-1920.png);
	//background-repeat: no-repeat;
	//background-position: center top;
	//background-color: #23554b;
}

#main-2-2 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top:0px;
    margin-top:0px;
	padding-top:0px;
	//background-image: url(../img/topics-b.svg);
	//background-repeat: no-repeat;
	//background-position: center top;
	//background-size: cover;
	background-color: rgba(229, 250, 248, 1.0);

}

#main-w {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	background-color: #ffffff;
}

#main-or1 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:4px;
	padding-top:0px;
	background-color: rgba(245, 234, 214, 0);
	//left:100px;
	//border-top-left-radius: 100px;
	//border-bottom-left-radius: 100px;
	//box-shadow: 100px 0 0 4em rgba(245, 234, 214, 0.6);
}

#main-or2 {
	width: calc(100vw - 80px);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	margin-left:80px;
	background-color: rgba(245, 234, 214, 0.6);
	//left:100px;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	//box-shadow: 100px 0 0 4em rgba(245, 234, 214, 0.6);
}
	
#main-b {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top:-410px;
	margin-top:90px;
	padding-top:0px;
	background-color: rgba(237, 244, 250, 1.0);
}





#main-3 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
			margin-top:0px;
			padding-top:0px;

}

#main-3in {
	position:absolute;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-551px;
	padding-top:0px;
	z-index:99999999;

}

#main-4 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;
	padding-top:0px;
	background-image: url(../img/4-1800.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	//background-color: rgba(237, 244, 250, 1.0);
	   //clear:  both;  
}

#main-5 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	//background-image: url(img/5-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#main-5in {
	width: 100%;
	min-width:1200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-6px;
	padding-top:0px;
	background-image: url(../img/5back-1600.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #dee8f4;
}



#main-6 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	//background-image: url(img/6-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-color: #dee8f4;
}

#main-6-2 {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	//margin-top: -717px;
	margin-top: -140px;
	//top:-717px;
	padding-top: 0px;
	//background-image: url(img/6-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-color: #dee8f4;
}

#main-7 {
	width: 100%;
	position: absolute;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-714px;
	padding-top:0px;
	background-image: url(img/7-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgba(0, 255, 255, 0);
}


#main-8 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-489px;
	padding-top:0px;
	background-image: url(../img/8back-1600.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

}

#main-9 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top:0px;
	//background-image: url(img/9-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-color: rgba(0, 255, 255, 0);

}

#yasi {
	width: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: -60px;
	margin-top: -280px;
	padding-top:0px;
	//background-image: url(img/9-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-color: rgba(0, 255, 255, 0.5);
	position:absolute;
	z-index:9999999;
	}


#yasi2 {
	width: 100%;
	text-align: right;
	margin-right:-60px;
	margin-left: auto;
	margin-top: -180px;
	padding-top:0px;

}

#main-9-2 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-7px;
	padding-top:0px;
	//background-image: url(img/9-1920.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

}

#main-10 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-6px;
	padding-top:0px;
	background-image: url(../img/10back-1600.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-size: cover;

}

#ein {
	width: 100%;
	position:absolute;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	z-index:999999;
}

#main-11 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-6px;
	padding-top:0px;
	margin-left:-40px;
	//background-image: url(../img/10back-1600.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-size: cover;

}

#main-12 {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-6px;
	padding-top:0px;
	margin-left:-40px;
	//background-image: url(../img/10back-1600.png);
	background-repeat: no-repeat;
	background-position: center top;
	//background-size: cover;

}

.clear {
	clear:both
}






.bxslider1 {  
  position:fixed;
  //overflow: hidden;
  width:21% !important;
  height: calc(1151 / 1920 * 100%);
}

.bxslider1 .bxslider{  
  width:100% !important;
}

.bxslider1 li img{  
	width:100%;
	border-radius: 20px;
	margin: 0 0 28px 0;

}




.layer{
    width:100%;
	height:auto;
	padding-top: calc(1151 / 1920 * 100vw);
	background-image: url(img/main-in.svg);
	background-repeat: no-repeat;
	background-position: center top;
	//background-color: red;
	z-index:9999;

}

.layer img{
    position: relative;
	margin-top:0px;
}

.slayer{
	//position:absolute;
    width:100%;
	height:auto;
	padding-top: calc(1151 / 1920 * 100vw + 120px);

}



/*---*/
.photoslideA { 
  width: 100%;
  background-color: rgba(0, 255, 255, 0);
  margin: -6px 0 0 0;
}

.slider-imgA {
  margin: 0 0 0 0;
}

.photoslideB { 
	position: absolute;
	clear:both;
	width: 1160px;
		height:743px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top:-743px;
	left: calc(50vw - 580px);
	background-color: rgba(255, 0, 255, 0);
	margin: 0px 0 0 0;
}
.photoslideB img{ 
  //width: 100%;
  margin: 0 0 0 0;
}

.slider-imgB {
  margin: 0 15px 0 15px;
}

.prev{
	width:80px;
	height:80px;
	background-image: url(../img/prev.svg);
}

.next{
	width:80px;
	height:80px;
	background-image: url(../img/next.svg);
}

.arrow_box{
	position: relative;
	width: 1200px;
	height: 743px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255, 0, 0, 0);
}
	
.arrow_box2{
	position: relative;
	//position: absolute;
	width: 1200px;
	height: 743px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:-600px;
	background-color: rgba(255, 0, 0, 0);
	}
	
.prev-arrow{
	position: relative;
	z-index:1;
	top:331px;
 	width:80px;
	height:80px;
	background-image: url(../img/prev.svg);
}

.next-arrow {
	position: relative;
	float:right;
	z-index:1;
		//top:-479px;
	top:251px;
 	width:80px;
	height:80px;
	background-image: url(../img/next.svg);
}

/*---*/
.photoslideC { 
	position: absolute;
	clear:both;
	width: 1160px;
	height:743px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top:-743px;
	left: calc(50vw - 580px);
	background-color: rgba(255, 0, 255, 0);
	margin: 0px 0 0 0;
}
.photoslideC img{ 
  //width: 100%;
  margin: 0 0 0 0;
}

.slider-imgC {
  margin: 0 15px 0 15px;
}


/*---*/
.photoslideD { 
  width: 100%;
  background-color: rgba(0, 255, 255, 0);
  margin: -120px 0px 0px 0px;
}
.photoslideD img{ 
		height: 124px;
  //width: 100%;
  margin: 0 0 0 0;
}

.slider-imgD {
  margin: 0 0 0 0;
}

/*---*/
.photoslideE { 
	width: 100%;
	position:absolute;
	background-color: rgba(0, 255, 255, 0);
		//margin: -147px 0px 0px 0px;
	margin: -140px 0px 0px 0px;
	z-index:0;
}
.photoslideE img{ 
  height: 393px;
  //width: 100%;
		margin: 100px 0 100px 0;
		border-radius: 30px;
}

.slider-imgE {
  margin: 0 0 0 0;
}

	
	
	
	
	
	
	
	
#video-wrap {
  position: relative;
  //position: fixed;
  //position: absolute;
  	z-index:9999;
	width: 100%;
	//top: calc(1156 / 1920 * 100vw + 100px);
	top:0;
	margin-top: -6px;
	//background-color: rgba(25, 255, 255, 1.0);
}

#video-wrap2 {
  position: relative;
  //position: fixed;
  //position: absolute;
  	z-index:0;
		width: 100%;
		height:690px;
	//top: calc(1156 / 1920 * 100vw + 100px);
	top:0;
		margin-top:-489px;
		//background-color: rgba(25, 255, 255, 1.0);
	overflow:hidden;
	}
	
#video-wrap3 {
  position: relative;
  //position: fixed;
  //position: absolute;
  	z-index:9999;
	width: 100%;
	//top: calc(1156 / 1920 * 100vw + 100px);
	top:100px;
	//margin-top: -6px;
	//background-color: rgba(25, 255, 255, 1.0);
}

	
#video-wrap .layer2{
	position: relative;
	z-index: 99;
	width: 926px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
	top: -490px;
}
	
#video-wrap2 .layer2{
	position: relative;
	z-index: 99;
		width: 1200px;
		height:690px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding-top:0px;
		//top: -690px;
		top: calc(calc(690 / 1600 * 100vw *-1) - 690px);
		top: calc(690 / 1600 * 100vw *-1);
}	
	
@media screen and (max-width: 1600px) {
		#video-wrap2 .layer2{
			top: -690px;
    //top: calc(690 / 1600 * 100vw *-1);
  }
}	
	
	
#video-wrap video {
	width: 926px;
//height: auto;
	//object-fit:cover;
	}
	
#video-wrap2 video {
//position: fixed;
//right: 0;
//bottom: 0;
//min-width: 100%;
//min-height: 100%;
//width: auto;
//height: auto;
//z-index: 1;
//position: relative; 
//min-width: 1800px;
//min-height: 100%;
//max-width:1800px;
		width: 100vw;
		min-width:1600px;
//height: auto;
object-fit:cover;
	}	
	
#video-wrap3 video {
	width: 100vw;
	height: auto;
	//object-fit:cover;
	}	
	
	
	
html {
  scroll-behavior: smooth; /* 1行だけでスムーススクロールできる！ */
	}
	
	
	
	
.p-top .movie__img-wrap {
  cursor: pointer;
  //-webkit-transition: 250ms all;
  //transition: 250ms all;
  width: 1100px;
  margin: 0 auto;
}
.p-top .movie__img-wrap:hover {
  opacity: 0.7;
}
.p-top .movie__modal-inner {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-top .movie__modal-inner::before {
  content: "";
  width: 100vw;
  height: 100vh;
  background: rgba(25, 25, 25, 0.8);
  z-index: 1001;
}
.p-top .movie__modal-inner::before.active {
  display: block;
}
.p-top .movie__modal-inner::after {
  content: "";
  background: url(../img/icon_x.svg) no-repeat center center/contain;
  cursor: pointer;
  position: absolute;
  width: 26px;
  height: 26px;
  right: 0;
  top: -41px;
  -webkit-transition: 250ms all;
  transition: 250ms all;
}
.p-top .movie__modal-inner iframe {
  width: 1100px;
  height: 618px;
}
.p-top .movie__modal-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(25, 25, 25, 0.3);
  display: none;
  z-index: 1001;
}
.p-top .movie__modal-box.active {
  display: block;
}
.p-top .movie__modal-close:hover {
  //opacity: 0.7;
}
.p-top .movie__modal-iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1100px;
  height: 618px;
}

.p-top .movie__modal-iframe iframe {
  width: 100%;
  height: 100%;
}
.p-top .movie__modal-iframe::before {
  content: "";
  background: url("../img/icon_x.svg") no-repeat center center/contain;
  cursor: pointer;
  position: absolute;
  width: 26px;
  height: 26px;
  right: 0;
  top: -41px;
  //-webkit-transition: 250ms all;
  //transition: 250ms all;
}
	
.p-top .p-modal-movie {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999999999999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(10, 10, 10, 0.9);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.p-top .p-modal-movie.open {
  -webkit-filter: opacity(1);
          filter: opacity(1);
  visibility: visible;
}
.p-top .p-modal-movie.close {
  -webkit-filter: opacity(0);
          filter: opacity(0);
  visibility: hidden;
	}
	
	


.slayer{
	//position:absolute;
    width:100%;
	height:auto;
	padding-top: calc(1151 / 1920 * 100vw + 120px);

}
	
	
/*---*/
.photoslide { 
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  float:left;
}

.photoslide2 { 
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  float:right;
}
	
.slider-img {
　content: "";
  background-repeat: no-repeat;
  background-size: cover;
  //background-position: center;
  width: 100%;
  min-height: 1080px;
  /*スライド画像の高さ*/
}

.slider-img-01 {
  background-image: url(../img/1-111.jpg);
  background-position: top right;
}

.slider-img-02 {
  background-image: url(../img/1-222.jpg);
  background-position: top right;
}

.slider-img-03 {
  background-image: url(../img/1-333.jpg);
    background-position: top left;
}

.slider-img-04 {
  background-image: url(../img/1-444.jpg);
      background-position: top left;
}


.slick-list {
  width: 100%;
}
 
/* アニメーションを指定 */
@keyframes fadezoom {
  0% {
    transform: scale(1.1);
  }
 
  100% {
    transform: scale(1.0);
    /* 拡大率 */
  }
}
 
.add-zoom {
  animation: fadezoom 16s 0s forwards;
}