@charset "utf-8";
body {
  font-family:"AXIS Std", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
  background-color: #fff;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
  margin:0;
  width: 100%;
  min-width: 320px;
  overflow: scroll;
      animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
        transition: all 0.3s 0s ease;
    -webkit-transition: all 0.3s 0s ease;
}
a,
a:link{
    color: #9c2b29;
    text-decoration: none;
    outline: none;
}

a:visited{
text-decoration:none;
}

section#bg {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: fixed;
}
section#bg-mo {
    display: none;
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: fixed;
}
@media screen and (max-width: 480px){
        section#bg {
        display: none;
    }
    section#bg-mo {
        display: block;
    }
}
.zip {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 100vh;
}
#contents {padding: 0 3vw 0;text-align: center;}
@media screen and (max-width: 1400px){ #contents {/* padding-top: 19vh; */}}
@media screen and (max-width: 700px){ #contents {/* padding-top: 25vh; */}}
@media screen and (max-width: 480px){ #contents {/* padding-top: 27vh; */}}
h1 {
    width: 100%;
    margin: 0 0 4vh;
    text-align: center;
    font-size: 5vw;
    font-weight: normal;
    color: #fff;
}
#contents p {
    text-align: center;
    color: #fff;
    font-size: 2vw;
    font-weight: lighter;
    margin: 1vh 0 0;
}
#contents p br{
    display: none;
}
@media screen and (max-width: 480px){
    h1 {
        font-size: 8vw;
    }
    #contents p {
        font-size: 4vw;
        margin: 2vh 0 0;
    }
    #contents p br{display: block;}
}
sction#bottom {
    position: fixed;
    bottom: 1vh;
    width: 100%;
}
.logo {
    margin: 3vh 0 2vh;
}
img.logo {width: 10vw;}
.button {
  font-size:2.5vw;
  background: #fff; 
  color: #ef7562; 
  padding: 1vh 2vw; 
  text-decoration: none; 
  border-radius: 100px;
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
@media screen and (max-width: 480px){
      img.logo {width: 22vw;}
      .button {font-size:7.5vw;padding: 1vh 11vw; }
    }
.button:hover {
  opacity: .7;
}
#bottom p {
    text-align: center;
    color: #fff;
    font-size: 1vw;
    font-weight: normal;
}
@media screen and (max-width: 480px){#bottom p {font-size: 4vw;}}