@media (min-width: 768px) {
  /* ---------- about-content ---------- */
  .page-about {
    /*background: #fffff0;*/
    padding-top: 90px;
  }
  .page-about .contents__inner {
    width: 874px;
    margin: 0 auto;
  }
  .page-about .title {
    margin: 0px 0 55px;
    text-align: center;
  }
  .page-about .keyvisual {
    text-align: center;
    margin-bottom: 70px;
  }
  .page-about .text {
    text-align: center;
    margin-bottom: 90px;
  }
  .page-about .work__title {
    text-align: center;
    margin-bottom: 35px;
  }
  .page-about .work__text {
    width: 776px;
    margin: 0 auto 45px;
  }
  .page-about .work .movie-area {
    width: 780px;
    margin: 0 auto 80px;
  }
  .page-about .work .movie-area video {
    width: 780px;
    height: 440px;
  }
  .page-about .work .panels {
    width: 776px;
    margin: 0 auto 90px;
  }
  .page-about .work .panel {
    display: block;
    float: left;
    margin-right: 28px;
    margin-bottom: 27px;
    background: #fff;
    width: 240px;
    height: 305px;
  }
  .page-about .work .panel.mr0 {
    margin-right: 0;
  }
  .page-about .work .panel.clear {
    clear: both;
  }
  .page-about .work .panel__text {
    padding: 10px 20px;
    text-align: justify;
  }
  .page-about .oversea__title {
    text-align: center;
    margin-bottom: 15px;
  }
  .page-about .oversea__text {
    width: 776px;
    margin: 0 auto 40px;
  }
  .page-about .oversea__map {
    text-align: center;
  }
}
@media (max-width: 767px) {
  /* ---------- about-content ---------- */
  .page-about {
    /*background: #fffff0;*/
    padding-top: 90px;
    width: auto !important;
  }
  .page-about .contents__inner {
    width: auto;
    margin: 0 20px;
  }
  .page-about .title {
    margin: 0px 40px 20px;
    text-align: center;
  }
  .page-about .keyvisual {
    text-align: center;
    margin-bottom: 70px;
  }
  .page-about .text {
    text-align: center;
    margin-bottom: 90px;
  }
  .page-about .work__title {
    text-align: center;
    margin-bottom: 35px;
  }
  .page-about .work__text {
    width: auto;
    margin: 0 auto 45px;
  }
  .page-about .work .movie-area {
    width: auto;
    margin: 0 auto 60px;
  }
  .page-about .work .movie-area video {
    width: 100%;
    height: auto;
  }
  .page-about .work .panels {
    width: auto;
    margin: 0 auto 90px;
  }
  .page-about .work .panel {
    display: block;
    float: left;
    margin-right: 4%;
    margin-bottom: 27px;
    background: #fff;
    width: 48%;
    height: auto;
  }
  .page-about .work .panel.mr0 {
    margin-right: 4% !important;
  }
  .page-about .work .panel:nth-child(2n) {
    margin-right: 0 !important;
  }
  .page-about .work .panel:nth-child(2n+1) {
    clear: both;
  }
  .page-about .work .panel.clear {
    clear: none;
  }
  .page-about .work .panel__text {
    padding: 10px 20px;
    font-size: 8px;
    text-align: justify;
  }
  .page-about .oversea__title {
    text-align: center;
    margin-bottom: 15px;
  }
  .page-about .oversea__text {
    width: auto;
    margin: 0 auto 40px;
  }
  .page-about .oversea__map {
    text-align: center;
  }
}

/*# sourceMappingURL=about-style.css.map */