@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal; font-size:100%;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea,optgroup{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
optgroup{font-style:normal;}

/* clearfix */
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}

/* basic */
html,body{ position: relative;　height: 100%;}
body{ font-family: 'Montserrat', sans-serif; font-size:14px; color:#000; background:#fff; line-height:1.6; overflow-x:hidden;-webkit-text-size-adjust: 100%;}
a{text-decoration:none;color: #000;-webkit-backface-visibility:hidden; backface-visibility: hidden;}
a:hover{color: #999;  transition: 0.2s;}

#container{
display: flex;
}
.column{
  height: 87.33vh;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.column a{
  height: 87.33vh;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.blanc{
    background: url(../img/mv_blanc.jpg) no-repeat top center;
    background-size: cover;
    color: rgba(255,255,255,.7);
}
.premier{
  background: url(../img/mv_premier.jpg) no-repeat top center;
  background-size: cover;
  color: rgba(255,255,255,.7);
}
.spell{
  background: url(../img/mv_spell.jpg) no-repeat top center;
  background-size: cover;
  color: rgba(255,255,255,.7);
}

.btn{position: absolute; bottom:19%; right:0; left:0; margin:0 auto; width: 86.6666%;/*650/750*/}
.btn img{width: 100%;}
.btn a{display:block; margin-top:4%;}

#footer{
  /*position: fixed;*/
  width: 100%;
  /*bottom:0;*/
  background: #fff;
  line-height: 1;

}
#footer .footer-inner{}
#footer ul{ 
  width: 100%;
  padding: 6.6666% 0;/*50/750*/
  text-align: center;
}
#footer ul li{
    display: inline;
    padding: 0 30px;

}
#footer ul li.btn01 img{
width: 13.2%;/*99/750*/

}
#footer ul li.btn02 img{
width: 20.9333%;/*157/750*/
}
#footer .footer-lower{
  width:100%;
  text-align:center;
  padding:0 0 4%;/*40/30/750*/
}

#footer small{
  text-align: center;
  color: #999;
  font-size: 11px;
}