@charset "UTF-8";



/* hero image */
/* ---------------------------------------- */

/* tate */
.hero-yoko {
  display: none;
}
.hero-section {
  height: calc((var(--vh, 1vh) * 100) - 65px);
}
.hero-tate {
  display: flex;
  justify-content: space-between;
}
.hero-tate__atago {
  height: calc((var(--vh, 1vh) * 100) - 65px);
  padding: 24px;
}
.hero-tate__atago img {
  width: auto;
  height: 100%;
}
.hero-tate__wrapper {
  width: 24%;
  max-width: 160px;
  height: calc((var(--vh, 1vh) * 100) - 65px);
  padding-top: 24px;
}
.hero-tate__message {
  height: 28%;
  padding-right: 24px;
  padding-bottom: 40%;
}
.hero-tate__message img {
  width: auto;
  height: 8vh;
}
.hero-tate__copy {
  border-top: 1px solid #000;
  padding-top: 48px;
  height: 52%;
}
.hero-tate__copy img {
  width: auto;
  height: 100%;
}

/* yoko */
@media screen and (orientation: landscape) and (min-width:600px){
  .hero-tate {
    display: none;
  }
  .hero-yoko {
    height: calc((var(--vh, 1vh) * 100) - 65px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: calc(50vw - 700px);
  }
  .hero-yoko__atago {
    margin-bottom: 32px;
    padding-left: 30%;
  }
  .hero-yoko__atago img {
    width: 100%;
    height: auto;
  }
  .hero-yoko__wrapper {
    display: flex;
  }
  .hero-yoko__copy {
    width: 81vw;
    padding: 10vh 0px 64px 48px;
    border: none;
  }
  .hero-yoko__copy img {
    width: 50%;
  }
  .hero-yoko__message {
    padding-top: 2vh;
  }
  .hero-yoko__message img {
    height: 8vh;
  }
}

@media screen and (orientation: landscape) and (min-width:1400px){
  .hero-yoko__copy {
    width: calc(81vw - (50vw - 700px));
    border-left: 1px solid #444;
  }
  .hero-yoko__atago {
    padding-left: calc(30vw - (50vw - 700px));
  }
}