.header-box {
  height: 350px;
}
.header-box .imagebox {
  display: flex;
  flex-direction: column;
  background: url("../img/top_img.jpg") no-repeat;
  background-size: 100%;
  height: 350px;
}
.header-box .imagebox p {
  margin: 0;
  text-align: right;
  color: #fff;
  font-size: 12px;
}

.top .inner {
  margin-inline: 10px 0;
}
.top .whats-new {
  width: 550px;
  padding: 20px;
}
.top .adobe-reader {
  display: flex;
  align-items: center;
  gap: 10px;
}
.top .adobe-reader p {
  font-size: 12px;
  color: #333;
}

/* ==============================
	TOP mess
================================ */
.topms {
  font-family: "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "Meiryo", Meiryo, "MS UI Gotic", "MS PGothic", Osaka, sans-serif;
  font-size: 14px;
  line-height: 180%;
}
.topms h2 {
  font-size: 19px;
  margin: 0;
  padding: 15px 0 25px 0;
}