@charset "utf-8";

/* mv */
@media (min-width: 769px) {
  .story1 .underlayer_mv_img {
    background: url("../../images/project/story1/mv.webp") no-repeat 50% 50% /
      cover;
  }
  .story2 .underlayer_mv_img {
    background: url("../../images/project/story2/mv.webp") no-repeat 50% 50% /
      cover;
  }
}
@media (max-width: 768px) {
  .story1 .underlayer_mv_img {
    background: url("../../images/project/story1/mv_sp.webp") no-repeat 50%
      50% / cover;
  }
  .story2 .underlayer_mv_img {
    background: url("../../images/project/story2/mv_sp.webp") no-repeat 50%
      50% / cover;
  }
}
/* column */
@media (min-width: 769px) {
  .column_content {
    margin-top: 181rem;
    gap: 30rem;
  }
  .column_content + .column_content {
    margin-top: 0rem;
  }
  .column_ttl {
    width: calc((1206 - 30 - 640) / 1206 * 100%);
  }
  .column_txt_area {
    flex: 1;
  }
  .other_story_box {
    min-width: calc(var(--main-font-size) * 205);
  }
}
@media (max-width: 768px) {
}

.other {
  --other-panel-width: 300;
}