@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;
    }
    .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;
    }
    .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;
    }

    .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;
    }
    .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_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_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;
}