@charset "utf-8";

.col2_wrap {
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}
.col2_ttl {
    font-weight: 500;
    word-break: keep-all;
}
.col2_txt {
    font-weight: 500;
}
.en_small {
    font-size: calc(12/14*100%);
}
.business_img_area {
    position: relative;
}
.business_img_area img {
    width: 100%;
    height:auto;
}
.business_1 {
    position: absolute;
    left: 50%;
    height: auto;
}
.business_2 {
    position: absolute;
    left: 50%;
    height: auto;
}
.business_3 {
    position: absolute;
    left: 50%;
    height: auto;
}
.consulting_img_area {
    position: relative;
}
.consulting_img_area img {
    width: 100%;
    height:auto;
}
.consulting_1 {
    position: absolute;
    left: 50%;
    height: auto;
}
.consulting_2 {
    position: absolute;
    left: 50%;
    height: auto;
}
.consulting_3 {
    position: absolute;
    left: 50%;
    height: auto;
}
.img_area_cover {
    overflow: hidden;
}
@media (min-width: 769px) and (max-width: 960px) {
    .col2_txt {
        flex:1;
    }
}
@media (min-width: 769px) {
    .col2_wrap {
        padding-inline: clamp(54px,calc(54px + (199 - 54) * ((100vw - 769px) / (1440 - 769))),199px);
        gap: clamp(32px,calc(32px + (160 - 32) * ((100vw - 769px) / (1440 - 769))),160px);
    }
    .business .col2_wrap {
        margin-top: 150px;
    }
    .consulting .col2_wrap {
        margin-top: 160px;
    }
    .col2_ttl {
        font-size: 20px;
        line-height: 2;
        letter-spacing: 0.1em;
    }
    .col2_txt {
        font-size: 14px;
        line-height: 3;
        letter-spacing: 0.1em;
    }
    .en_small {
        font-size: calc(12/14*100%);
    }
    .business_img_area {
        height: 604px;
        /* 80px ⇔ -60px */
        margin-top: clamp(-60px, calc(80px + (-60 - 80) * ((100vw - 769px) / (1440 - 769))), 80px);
    }
    .business_1 {
        top: 3px;
        width: 394px;
        /* -394px ⇔ -763px */
        margin-left: clamp(-763px, calc(-426px + (-369 * (100vw - 769px) / 671)), -426px);
    }
    .business_2 {
        top: 194px;
        width: 306px;
        /* 30px ⇔ -272px */
        margin-left: clamp(-272px, calc(17px + (-302 * (100vw - 769px) / 671)), 17px);
        /* -140px ⇔ 0px */
        margin-top: clamp(-140px, calc(-140px + (140 * (100vw - 769px) / 671)), 0px);
    }
    .business_3 {
        top: 291px;
        width: 414px;
        margin-left: 131px;
        margin-top:0;
    }
    .consulting_img_area {
        height: 604px;
        margin-top: 80px;
    }
    .consulting_1 {
        top: 0px;
        width: 604px;
        margin-left: -636px;
    }
    .consulting_2 {
        top: 184px;
        width: 248px;
        /* 0px ⇔ 150px */
        margin-left: clamp(0px,calc(0px + (150 - 0) * ((100vw - 769px) / (1440 - 769))),150px);
    }
    .consulting_3 {
        top: 38px;
        width: 248px;
        /* 280px ⇔ 497px */
        margin-left: clamp(280px,calc(280px + (497 - 280) * ((100vw - 769px) / (1440 - 769))),497px);
    }
}
@media (max-width: 768px) {
    .col2_wrap {
        flex-direction: column;
        padding-inline: 32rem;
    }
    .business {
        margin-top: 103rem;
    }
    .business .col2_wrap {
        gap: 32rem;
    }
    .consulting {
        margin-top: 58rem;
    }
    .consulting .col2_wrap {
        gap: 37rem;
    }
    .col2_ttl {
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0.07em;
        text-align: left;
        width: 100%;
    }
    .col2_txt {
        width: 100%;
        font-size: 12rem;
        line-height: 3;
        letter-spacing: 0.1em;
    }
    .en_small {
        font-size: calc(12/14*100%);
    }
    .business_img_area {
        height: 522rem;
        margin-top: 82rem;
    }
    .business_1 {
        top: 0px;
        width: 188rem;
        margin-left: -200rem;
    }
    .business_2 {
        top: 126rem;
        width: 156rem;
        margin-left: 16rem;
    }
    .business_3 {
        top: 337rem;
        width: 206rem;
        margin-left: -65rem;
        margin-top: 0;
    }
    .consulting_img_area {
        height: 595rem;
        margin-top: 80rem;
    }
    .consulting_1 {
        top: 0px;
        width: 306rem;
        margin-left: -143rem;
    }
    .consulting_2 {
        top: 256rem;
        width: 138rem;
        margin-left: 0rem;
    }
    .consulting_3 {
        top: 398rem;
        width: 153rem;
        margin-left: -201rem;
    }
}
.animation_ready .col2_wrap .col2_ttl {
    opacity: 0;
    filter: blur(10px);
    transition: opacity 1.6s 0s, filter 1.6s 0s;
}
.animation_ready .col2_wrap .col2_txt {
    opacity: 0;
    filter: blur(10px);
    transition: opacity 1.6s 0.8s, filter 1.6s 0.8s;
}
.animation_loaded .col2_wrap.is_animated .col2_ttl {
    opacity: 1;
    filter: blur(0px);
}
.animation_loaded .col2_wrap.is_animated .col2_txt {
    opacity: 1;
    filter: blur(0px);
}
.animation_ready .img_area_cover img {
    transition: scale 1.6s;
}
.animation_loaded .is_animated  .img_area_cover_1 img {
    transition-delay: 0s;
}
.animation_loaded .is_animated  .img_area_cover_2 img {
    transition-delay: 0.8s;
}
.animation_loaded .is_animated  .img_area_cover_3 img {
    transition-delay: 1.6s;
}
.animation_loaded .is_animated  .img_area_cover img {
    scale: 1;
}
@media (min-width: 769px) {
    .animation_ready .img_area_cover img {
        scale: 1.05;
    }
}
@media (max-width: 768px) {
    .animation_ready .img_area_cover img {
        scale: 1.1;
    }
}