/* INDEX */
@import url("core/reset.css");
@import url("core/variables.css");
@import url("style.css");

.body.index {
  /* Size */
  height: 100vh;
  /* Background-border */
  background-image: url("../assets/cover_mobile.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.main.index {
  /* Size */
  height: 100%;
  /* Margin-padding */
  padding-top: 160px;
  padding-bottom: 56px;
  /* Display */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.main.index > .main_title_box {
  /* Display */
  gap: 56px;
}

.logo {
  /* Font */
  color: var(--pure-white);
  font-size: 34.2px;
  font-weight: 200;
  line-height: 30px;
  inline-size: 150px;
  /* Display */
  align-self: center;
}

.logo > span {
  /* Font */
  font-size: 34.2px;
  font-weight: 700;
  letter-spacing: -2.2px;
  /* Display */
  display: inline-block;
  transform: scaleY(0.94);
  /* Safari and Chrome */
  -webkit-transform: scaleY(0.94);
  /* Firefox */
  -moz-transform: scaleY(0.94);
  /* IE 9+ */
  -ms-transform: scaleY(0.94);
  /* Opera */
  -o-transform: scaleY(0.94);
}

.main_title.index {
  /* Font */
  color: var(--highlight-font-color);
}