@charset "utf-8";

/* mv */
@media (min-width: 769px) {
  .sales_1 .underlayer_mv_img {
    background: url(../../images/interview/sales1/mv.webp) no-repeat center /
      cover;
  }
  .sales_2 .underlayer_mv_img {
    background: url(../../images/interview/sales2/mv.webp) no-repeat center /
      cover;
  }
  .sales_3 .underlayer_mv_img {
    background: url(../../images/interview/sales3/mv.webp) no-repeat center /
      cover;
  }
  .sales_4 .underlayer_mv_img {
    background: url(../../images/interview/sales4/mv.webp) no-repeat center /
      cover;
  }
  .sales_5 .underlayer_mv_img {
    background: url(../../images/interview/sales5/mv.webp) no-repeat center /
      cover;
  }
  .sales_6 .underlayer_mv_img {
    background: url(../../images/interview/sales6/mv.webp) no-repeat center /
      cover;
  }
  .sales_7 .underlayer_mv_img {
    background: url(../../images/interview/sales7/mv.webp) no-repeat center /
      cover;
  }
  .sales_8 .underlayer_mv_img {
    background: url(../../images/interview/sales8/mv.webp) no-repeat center /
      cover;
  }
  .solution_1 .underlayer_mv_img {
    background: url(../../images/interview/solution1/mv.webp) no-repeat center /
      cover;
  }
  .solution_2 .underlayer_mv_img {
    background: url(../../images/interview/solution2/mv.webp) no-repeat center /
      cover;
  }
  .solution_3 .underlayer_mv_img {
    background: url(../../images/interview/solution3/mv.webp) no-repeat center /
      cover;
  }
  .solution_4 .underlayer_mv_img {
    background: url(../../images/interview/solution4/mv.jpg) no-repeat center /
      cover;
  }
  .solution_5 .underlayer_mv_img {
    background: url(../../images/interview/solution5/mv.webp) no-repeat center /
      cover;
  }
  .planning_1 .underlayer_mv_img {
    background: url(../../images/interview/planning1/mv.webp) no-repeat center /
      cover;
  }
  .planning_2 .underlayer_mv_img {
    background: url(../../images/interview/planning2/mv.webp) no-repeat center /
      cover;
  }
  .corporate_1 .underlayer_mv_img {
    background: url(../../images/interview/corporate1/mv.jpg) no-repeat center /
      cover;
  }
}
@media (max-width: 768px) {
  .sales_1 .underlayer_mv_img {
    background: url(../../images/interview/sales1/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_2 .underlayer_mv_img {
    background: url(../../images/interview/sales2/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_3 .underlayer_mv_img {
    background: url(../../images/interview/sales3/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_4 .underlayer_mv_img {
    background: url(../../images/interview/sales4/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_5 .underlayer_mv_img {
    background: url(../../images/interview/sales5/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_6 .underlayer_mv_img {
    background: url(../../images/interview/sales6/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_7 .underlayer_mv_img {
    background: url(../../images/interview/sales7/mv_sp.webp) no-repeat center /
      cover;
  }
  .sales_8 .underlayer_mv_img {
    background: url(../../images/interview/sales8/mv_sp.webp) no-repeat center /
      cover;
  }

  .solution_1 .underlayer_mv_img {
    background: url(../../images/interview/solution1/mv_sp.webp) no-repeat
      center / cover;
  }
  .solution_2 .underlayer_mv_img {
    background: url(../../images/interview/solution2/mv_sp.webp) no-repeat
      center / cover;
  }
  .solution_3 .underlayer_mv_img {
    background: url(../../images/interview/solution3/mv_sp.webp) no-repeat
      center / cover;
  }
  .solution_4 .underlayer_mv_img {
    background: url(../../images/interview/solution4/mv_sp.webp) no-repeat
      center / cover;
  }
  .solution_5 .underlayer_mv_img {
    background: url(../../images/interview/solution5/mv_sp.webp) no-repeat
      center / cover;
  }
  .planning_1 .underlayer_mv_img {
    background: url(../../images/interview/planning1/mv_sp.webp) no-repeat
      center / cover;
  }
  .planning_2 .underlayer_mv_img {
    background: url(../../images/interview/planning2/mv_sp.webp) no-repeat
      center / cover;
  }
  .corporate_1 .underlayer_mv_img {
    background: url(../../images/interview/corporate1/mv_sp.jpg) no-repeat
      center / cover;
  }
}

.detail_mv_ttl_box_txt_name_en {
  color: var(--color-gray-2);
}
@media (min-width: 769px) {
  .detail_mv_ttl_box_txt_details {
    font-size: min(14px, 14rem);
  }
  .detail_mv_ttl_box_txt_name_jp {
    font-size: min(30px, 30rem);
    margin-top: min(8px, 8rem);
  }
  .detail_mv_ttl_box_txt_name_en {
    font-size: min(14px, 14rem);
    margin-top: 0rem;
  }
  .detail_mv_ttl_box_txt_data {
    font-size: min(16px, 16rem);
    line-height: 1.5;
    margin-top: min(32px, 32rem);
  }
  .detail_mv_ttl_box_txt {
    font-size: 13rem;
    line-height: 1.8;
    margin-top: 20rem;
    letter-spacing: -0.04em;
  }
  .detail_mv_ttl_box_txt-small {
    display: inline-block;
    font-size: 11rem;
  }
  .detail_mv_ttl_box_txt_note {
    position: absolute;
    bottom: -23rem;
    left: 0;
    padding-top: 7rem;
    padding-left: 40rem;
    font-size: 10rem;
    line-height: 1.7;
  }
  .detail_mv_thumb {
    width: min(210rem, 210px);
    padding-bottom: min(120rem, 120px);
  }
  .column_ttl {
    /* font-size: 30px; */
    font-size: 28px;
  }
  .question_txt {
    /* font-size: 18px; */
    font-size: 20px;
    letter-spacing: -0.08em;
  }
  .column_txt {
    font-size: 16px;
    line-height: 1.9;
  }
  .column_content_wrap {
    gap: min(80rem, 80px);
    margin-top: min(200rem, 200px);
  }
}
@media (max-width: 768px) {
  .detail_mv_ttl_box_space {
    padding: 30rem 20rem;
  }
  .detail_mv_ttl_box_txt_details {
    font-size: 12rem;
  }
  .detail_mv_ttl_box_txt_name_jp {
    /* font-size: 28rem; */
    font-size: 26rem;
    margin-top: 0rem;
  }
  .detail_mv_ttl_box_txt_name_en {
    font-size: 10rem;
    margin-top: 6rem;
  }
  .detail_mv_ttl_box_txt_data {
    font-size: 16rem;
    line-height: 1.5;
    margin-top: 30rem;
  }
  .detail_mv_ttl_box_txt {
    font-size: 13rem;
    line-height: 1.7;
    margin-top: 30rem;
  }
  .detail_mv_ttl_box_txt-small {
    display: inline-block;
    font-size: 11rem;
  }
  .detail_mv_ttl_box_txt_note {
    margin-top: 20rem;
    font-size: 11rem;
    line-height: 1.7;
  }
  .detail_mv_thumb {
    width: 210rem;
  }
  .column_ttl {
    /* font-size: 32rem; */
    font-size: 28rem;
  }
  .question_txt {
    font-size: 16rem;
  }
  .column_main_img {
    height: 560rem;
  }
}

/* column */
.column_ttl_box {
  position: relative;
  display: inline-block;
}
.column_ttl_box::before,
.column_ttl_box::after {
  /* content: "";
    position:absolute; */
}
.column_ttl_box::before {
  bottom: 0;
  right: 0;
  background: url(../../images/interview/common/obj_1.svg) no-repeat 50% 50% /
    contain;
}
.column_ttl_box::after {
  top: 0;
  left: 0;
  left: 30px;
  background: url(../../images/interview/common/obj_2.svg) no-repeat 50% 50% /
    contain;
}
.column_content_caption_txt {
  text-align: right;
}
@media (min-width: 769px) {
  .column {
    margin-top: 0;
  }
  .column_ttl {
    /* width: calc(360 / 1248 * 100%); */
    width: calc((1206 - 30 - 640) / 1206 * 100%);
  }
  .column_txt_area {
    flex: 1;
    /* max-width: 685px; */
  }
  .column_ttl_box {
    /* padding: 1px 30px 3px 30px;
        padding: 1px 30px 3px 60px;
        margin-left: -30px; */
  }
  .column_ttl_box::before,
  .column_ttl_box::after {
    /* width: 25px;
        height: 25px; */
  }
  .content_inner {
    /* gap: 50px; */
    gap: 30rem;
  }
  .column_content_caption_txt {
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    margin-top: -43px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .detail_mv_sub_box_txt {
    font-size: 16rem;
  }
  .column_ttl_box {
    /* padding: 25rem 15rem 25rem 5rem; */
  }
  .column_ttl_box::before,
  .column_ttl_box::after {
    /* width: 25rem;
        height: 25rem; */
  }
  .column_ttl_box::after {
    left: 0;
  }
  .column_ttl_en {
    display: block;
    font-size: 50rem;
    font-weight: 600;
    line-height: 1;
  }
  .column_ttl_jp {
    display: block;
    font-size: 24rem;
    line-height: 1.6;
    margin-top: 10rem;
  }
  .content_inner {
    gap: 30rem;
  }
  .column_content_caption_txt {
    font-size: 12rem;
    margin-top: 80rem;
  }
  .artcle_inner {
    display: flex;
    flex-direction: column;
  }
  .breadcrumb {
    order: 1;
  }
  .other_story_box {
    min-width: calc(var(--main-font-size) * 100);
  }
}

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