/* ------------ SP ------------ */
@media screen and (max-width: 800px) {
  #top-eyecatch .text-box .event-box {
    position: relative;
  }
  #top-eyecatch .text-box .event-box .character {
    width: 39%;
    position: absolute;
    top: 153%;
    left: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #top-eyecatch .text-box .event-box .character img {
    width: 100%;
  }
}
/* ------------ PC ------------ */
@media screen and (min-width: 801px) {
  #top-eyecatch .text-box {
    margin: -230px 0 0 0;
  }
  #top-eyecatch .text-box .event-box {
    position: relative;
    padding: 15px 70px;
  }
  #top-eyecatch .text-box .event-box p.title {
    font-size: 4vw;
  }
  #top-eyecatch .text-box .event-box .character {
    width: 25%;
    position: absolute;
    top: 50%;
    left: -15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #top-eyecatch .text-box .event-box .character img {
    width: 100%;
  }
}