@charset "utf-8"; /* 文字化けしないために書く */
@media screen and (max-width: 1024px) {
  .content {
    height: 45vw;
    padding-bottom: 5vw;
  }
  .text_left {
    width: 50%;
    top: 25%;
    text-align: center;
  }
  .text_right {
    top: 5%;
    left: 55%;
  }
}
@media screen and (max-width: 670px) {
  .content {
    height: 600px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
  }
  .content img {
    height: 50%;
    right: 30%;
  }

  .text_left {
    position: absolute;
    width: 90%;
    top: 55%;
    text-align: center;
  }

  .text_left p {
    font-size: 1.2rem;
  }

  .text_right {
    position: absolute;
    width: 90%;
    top: 55%;
    left: 5%;
    text-align: center;
  }

  .text_right p {
    font-size: 1.2rem;
  }

  .right {
    float: none;
  }
}