.wrapper{
	transition:all 1.0s ease-out;
	opacity: 0;
}
.wrapper.load{
	opacity: 1;
}
header{
	background: none;
	transition:all 1.5s ease-out;
}
header.bg{
	background: #fff;
}
.movie-box video {
    /* background: #85937A; */
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    z-index: -1;
}
.wt-bg{
	z-index: 0;
	width: 100%;
	height: 100vh;
	position: absolute;
	top:0;
	left: 0;
	background: none;
	opacity: 0;
	transition:all 1.5s ease-out;
	transform: scale(3);
	pointer-events: none;
}
.wt-bg.fade{
	opacity: 1;
	background: #fff;
}
.main-bg{
	position:absolute;
	top:0%;
	left: 0;
	width: 100%;
	z-index: 1;
	background:url("../images/top/cloud.png") no-repeat center 0;
	background-size: cover;
	height: 1340px;
	pointer-events: none;
	transition:all 2.0s ease-out;
	transform: scale(4.5);
}
.main-bg.fade{
	position:absolute;
	transform: scale(1);
	transition:all 2.0s ease-out;
	opacity: 1;
	top:0;
}
.main-bg.big{
	top:0%;
	/*opacity: 0;*/
}
.main-bg.fade2{
	opacity: 0;
}
.main-box{
	position: relative;
	z-index: 2;
	height: 100vh;
	margin-bottom: 20px;
}
.main-box h2 {
    position: fixed;
    width: 54%;
    max-width: 520px;
    top: 50%;
    left: 51%;
	opacity: 0;
	pointer-events: none;
		transition: 2.0s;
	-webkit-transition: 2.0s; /* Chrome、Safari用 */
	-moz-transition: 2.0s; /* Firefox用 */
	-o-transition: 2.0s; /* Opera用 */
		-moz-transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
}
.main-box h2.fadein{
	opacity: 1;
	top: 50%;
}
.main-box .sc-point{
	position: absolute;
	bottom: 30vh;
	width: 100%;
	left: 0;
}
.contents{
	padding-top: 0;
}
.top-box{
	padding-top: 60px;
	position: relative;
	opacity: 0;
	z-index: 4;
		transition: 1.0s;
	-webkit-transition: 1.0s; /* Chrome、Safari用 */
	-moz-transition: 1.0s; /* Firefox用 */
	-o-transition: 1.0s; /* Opera用 */
		-moz-transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
}
.top-box.fade{
	opacity: 1;
}
.top-wrap{
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	/*padding-bottom: 440px;*/
	padding-bottom: 180px;
}
.top-wrap.first{
	padding-bottom: 180px;
}
.top-wrap.six-box{
	padding-bottom: 440px;
}

.odd-box{
	width: 50%;
	margin-left: 50%;
}
.even-box{
	width: 50%;
	margin-left:0%;
}
.yajirushi-img{
	margin-bottom: 73px;
	width: 45%;
}
.yajirushi-img2{
	width: 45%;
}
.tex-copy{
	font-size: 28px;
	line-height: 1.82;
	margin-bottom: 14px;
	font-weight: 600;
	white-space: nowrap;
	letter-spacing: 0.14em;
}
.tex-copy span.en{
	padding-left: 0.05em;
	font-size: 32px;
}
.top-wrap p{
	line-height: 2.66;
	letter-spacing: 0.1em;
}
.top-wrap p.ex{
	line-height: 1.86;
}
.scroll{
	position: fixed;
	bottom: 30px;
	width: 10%;
	max-width: 10px;
	right:5%;
	opacity: 0;
	height: 50px;
		transition: 1.0s;
	-webkit-transition: 1.0s; /* Chrome、Safari用 */
	-moz-transition: 1.0s; /* Firefox用 */
	-o-transition: 1.0s; /* Opera用 */
		-moz-transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
	/*display: flex;
	justify-content: space-between;
	align-items: flex-end;*/
}
.scroll2{
	width: 10%;
	max-width: 10px;
	height: 50px;
		transition: 1.0s;
	-webkit-transition: 1.0s; /* Chrome、Safari用 */
	-moz-transition: 1.0s; /* Firefox用 */
	-o-transition: 1.0s; /* Opera用 */
		-moz-transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	margin-top: 230px;
	opacity: 1;
}
.scroll2.fade{
	opacity: 0;
}
.scroll .sc-img{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top:-78%;
}
.scroll2 .sc-img{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top:-78%;
}
.scroll::after,.scroll2::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 1px;
  height: 30px;
	left: 0;
	right: 0;
	margin-left: 32%;
	margin-right: auto;
  background: #000;
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 2.0s ease-in-out infinite;
  opacity:0;
}
.scroll .text,.scroll2 .text{
	width: 68%;
	padding-bottom: 20%;
}
.scroll .icon,.scroll2 .icon{
	width: 2.5%;
	animation: fuwafuwa 2s infinite ease-in-out;
}
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.scroll.fadein{
	opacity: 1;
}
.subttl-1{
	width: 52.8%;
}
.subttl-2{
	width: 67.8%;
}
.subttl-1 img,.subttl-2 img{
	display: block;
}
.yajirushi-img img{
	display: block;
}
.yajirushi-img2 img{
	display: block;
}
@media print, screen and (min-width: 769px) {

.top-wrap p{
	white-space: nowrap;
}
}

@media print, screen and (min-width: 1201px) {

}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  
}

@media only screen and (max-width: 768px) {
	.main-bg{
		height: 150vh;
	}
.top-box{
	padding-top: 12vw;
}
.top-wrap{
	width: 86%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30vw;
	/*padding-bottom: 45vw;*/
}

.top-wrap.first{
	padding-bottom: 30vw;
}
/*.top-wrap.fourth-box{
	padding-bottom: 30vw;
}*/
.odd-box{
	width: 100%;
	margin-left: 0%;
}
.even-box{
	width: 100%;
	margin-left:0%;
}
.ttl-img{
	width: 84%;
}
.yajirushi-img{
	margin-bottom: 9vw;
	width: 45%;
}
.yajirushi-img2{
	width: 45%;
}
.tex-copy{
	/*font-size: 5.8vw;
	line-height: 1.78;
	margin-bottom: 3vw;
	letter-spacing: 0.1em;*/
	font-size: 5.1vw;
    line-height: 1.78;
    margin-bottom: 3vw;
    letter-spacing: 0.05em;
} 
.tex-copy span.en{
	padding-left: 0.05em;
	font-size: 6.2vw;
}
.scroll2{
	margin-top: 33vw;
}
.scroll{
	/*position: absolute;*/
	bottom: 3vw;
	/*width: 14%;
	max-width: 65px;*/
	right:10%;
}
.top-wrap.six-box{
    padding-bottom: 45vw;
}
}