@media screen and (min-width: 1440px) {
}

/* NPC */
@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1280px) {
  #about_mv_jun {
    bottom: auto;
    top: -10%;
  }
  #about_mv .outer .inner h1 {
    font-size: 340%;
  }
  #about_mv .outer .inner small {
    font-size: 120%;
  }
  .message_area .img_box {
    width: 50%;
  }
  .message_area .message_box {
    width: calc(50% - 40px);
  }
}

/* タブレット */
@media screen and (max-width: 1024px) {
  #about_mv .outer .inner h1 {
    font-size: 300%;
  }
  #about_mv .outer .inner .text_area {
    font-size: 110%;
  }
  #about_mv_jun {
    width: auto;
    height: 70%;
    top: -10%;
    left: -10%;
  }
  .message_area .img_box {
    width: 40%;
  }
  .message_area .message_box {
    width: calc(60% - 40px);
    font-size: 100%;
  }
  .message_area .message_box p {
    margin-top: 14px;
  }
}
@media screen and (min-width: 801px) {
  .message_area:nth-child(2n + 2) .img_box {
    order: 2;
  }
  .message_area:nth-child(2n + 2) .message_box {
    order: 1;
    align-items: flex-end;
  }
}
/* タブレット 800 */
@media screen and (max-width: 800px) {
  #about_mv .outer .inner h1 {
    font-size: 250%;
  }
  #about_mv .outer .inner small {
    font-size: 100%;
  }
  #about_mv .outer .inner .text_area {
    font-size: 100%;
    height: 300px;
  }
  .message_area {
    flex-direction: column;
    margin: 80px auto 0;
    width: 100%;
    max-width: 600px;
    align-items: center;
  }
  .message_area .img_box {
    width: 100%;
    max-width: 400px;
    position: relative;
  }
  .message_area .img_box small {
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    color: #fff;
    left: 0;
    width: 100%;
    bottom: 0;
  }
  .message_area .message_box {
    margin-top: 40px;
    width: auto;
  }
}

/* SP */
@media screen and (max-width: 600px) {
  #about_mv .outer .inner {
    padding: 40px 10px;
    width: calc(100% - 60px);
  }
  .message_box .bt_box {
    flex-direction: column;
    align-items: center;
  }
  .message_box .bt_box a{
    width: 100%;
    margin: 10px 0 0;
  }
}