#access .main__content {
  position: relative;
}

#access .main__content--img {
  margin: 0 auto;
  text-align: center;
}

#access .main__content--ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  width: 100%;
  text-align: center;
}

#access .main__content--ttl--en {
  font-size: calc(67 * (100vw / 1920));
  font-weight: 100;
  display: block;
  letter-spacing: -0.02em;
}

#access .main__content--ttl--ja {
  font-size: calc(20 * (100vw / 1920));
  letter-spacing: 0.04em;
  line-height: 1.5;
}

#access .access {
  position: relative;
}

#access .access__content {
  max-width: 1140px;
  margin: 0 auto;
  padding: 5.7% 0 9.3%;
  width: 90%;
}

#access .access__content:before {
  background: #F5F5F5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55.5%;
  height: 45%;
  z-index: -1;
}

#access .access__content--link {
  text-align: center;
  padding: 10.7% 0 0;
}

@media only screen and (max-width: 768px) {
  #access .main {
    height: auto;
  }
  #access .main__content--ttl {
    padding: 0;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #access .main__content--ttl--en {
    font-size: calc(37 * (100vw / 390));
  }
  #access .main__content--ttl--ja {
    font-size: calc(20 * (100vw / 390));
  }
  #access .main__content--img img {
    height: 200px;
  }
  #access .access__content {
    padding: calc(60 * (100vw / 390)) 0;
    width: calc(350 * (100vw / 390));
  }
}