@charset "utf-8";

.sphide {	display:none; }
.spbr { display: block; }

#bg_video{
    position: fixed;
    z-index: -3;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
#video {
    position: absolute;
    z-index: -1;
    top: 58lvh;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 46.208530vh;
    /*height: 216.410256vw;
    min-height: 100%;*/
    min-width: 100%;
}

  h1 { text-align: center; padding-top: 20vh; display: none; position: absolute; left: 50%; transform: translateX(-50%); }
  h1 img { width: 40vw; height: auto; }
  .mainv { height: 100vh; }
.mainv .scroll { text-align: center; margin-top: 80dvh; display: none; left: 50%; transform: translateX(-50%); position: absolute; }
.mainv .scroll img { width: 10vw; height: auto; }
  #container { padding-left: 8%; padding-right: 8%; }
  #container h2 { font-weight: 300; font-size: 6.5vw; line-height: 1.8; padding-bottom: 5%; }
  #container p { font-weight: 300; color: #afafaf; font-size: 3.6vw; line-height: 2; margin-bottom: 20vw; }

#info { border-top: solid 1px #808080; width: 100%; padding: 5vw 0; background-color: rgba(0,0,0,0.5); }
#info h3 { text-align: center; }
#info h3 img { width: 50vw; height: auto; }
#info .infobox { width: 90%; margin: 0 auto 5vw; border-bottom: solid 1px #808080; }
#info .infobox .date { color: #b9c85b;font-size: 3vw;font-weight: 300; }
#info .infobox .title { color: #fff;font-weight: 300;font-size: 4.6vw;line-height: 1.5; }
#info .infobox .comment { font-weight: 300;color: #afafaf;font-size: 3.3vw;padding: 2vw 0; }
#info .infobox .comment a { color: #b9c85b; }
#info .infobox:last-child { border: none; }