@charset "UTF8";

@media only screen and (max-width: 767px){

  .contents-area{
    width: 80%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-table;
  }

  .contents-text{
    width: 100%;
    font-size: 1vw;
    text-align: center;
  }

  .info{
    font-size: 1vw;
    text-align: center;
  }

  .link-text{
    font-size: 1vw;
    text-align: center;
  }

}

@media only screen and (min-width: 768px){

  .contents-area{
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-table;
  }

  .contents-text{
    width: 100%;
    font-size: 1.3vw;
    text-align: center;
  }

  .info{
    font-size: 1.3vw;
    text-align: center;
  }

  .link-text{
    font-size: 1.3vw;
    text-align: center;
  }

}
body{
width:100%;
}

.main-area{
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
}

.contents-inner{
  width: 100%;
  flex-direction: column;
}

.contents-image{
  width: 100%;
}

.contents-image img{
  width: 100%;
}