@charset "utf-8";
body, html{
  width: 100%;
}
#all {
    height: 100%;
    margin: 0;
    padding: 0px;
    background-image: url(../bg/index/bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}
.div-c1 {
	width: 100vw;
	height: auto;
	left:0px;
        position: absolute;
}
.cover-fit{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#snowCanvas{
	display:block;
        }
.cover-fit2{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#snowCanvas2{
	display:block;
        }
#mwt_mwt_slider_scroll #mwt_slider_content #cr1 {
right:0px;
float: right;
}

#d1 #d1-1 {
	display:block;
        top:0px;
	left:0px;
	height:auto;
	width:100vw;
	float: left;
        margin: 0px;
        padding: 0px;
}
#d1 #d1-2 {
	display:block;
	left:0px;
	height:auto;
	width:100vw;
	float: left;
        margin: 0px;
        padding: 0px;
}
#d1 #d1-3 {
	display:block;
	left:0px;
	height:auto;
	width:100vw;
	float: left;
        margin: 0px;
        padding: 0px;
}
#d1-1 #d1-p1{
	display:block;
	left:0px;
	height:auto;
	width:100%;
}
#d1-2 #d1-p2{
	display:block;
	left:0px;
	height:auto;
	width:100%;
}
#d1-3 #d1-p3{
	display:block;
	left:0px;
	height:auto;
	width:100%;
}

.flow_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  margin: -50px auto 0 auto;
  position: relative;
  z-index: 4; }
.flow_box .flowImg {
    display: block;
    width: 100vw;
    max-width: 100vw;
    height: 200px;
    margin: 0;
    padding: 0;
    background: url("../bg/story/2.png") 0 0 repeat-x;
    background-size: auto 100%;
    animation: storybgscroll 90s linear infinite; }
@keyframes storybgscroll {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 3750px 0; } }