@charset "utf-8";
@media screen and (max-width:768px) {
    .sp_off {
        display: none;
    }
    .p-home__about__txt .js-anim-line {
        display: inline;
    }
}
/*.block_other*/
.block_other {
    background-color: #DEE2EA;
    padding: calc(100 / 1366 * 100vw) 0;
}
.block_other .block_inner {
    width: 79.65%;
    margin: 0 auto;
    display: flex;
}
.block_other h2 {
    width: 28.28%;
    font-weight: 500;
    font-size: calc(10 / 1366 * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.8;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.block_other h2 .en {
    display: block;
    font-family: "Albert Sans";
    font-weight: 800;
    font-size: 3.5em;
    line-height: .8;
    letter-spacing: 0;
    margin-bottom: .7143em;
}
.block_other h2 .jp {
    display: flex;
    align-items: center;
    gap: 1em;
}
.block_other h2 .jp::before {
    content: "";
    background-image: url("../img/message/ttl_dec01.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: calc(19.3 / 1366 * 100vw);
    aspect-ratio: 60 / 42;
}
.block_other .box_img {
    position: relative;
    z-index: 0;
    width: 33.98%;
}
.block_other .box_img img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 740 / 742;
    border-radius: calc(20 / 1366 * 100vw);
    transition: .3s;
}
.block_other .box_img img.on {
    opacity: 1;
}
.block_other .box_link {
    width: 37.74%;
    padding-left: 5.42%;
}
.block_other .box_link {
    font-weight: bold;
    font-size: calc(16 / 1366 * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.25;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.block_other .box_link .link00 {
    display: flex;
    align-items: center;
    padding: 2.03em 0;
}
.block_other .box_link .wrapper_img {
    display: none;
    width: 50.79%;
}
.block_other .box_link .wrapper_img img {
    border-radius: calc(15 / 375 * 100vw);
}
.block_other .box_link .wrapper_text {
    display: contents;
    width: 49.21%;
}
.block_other .box_link .link00:hover, .block_other .box_link .link00:active {
    color: #FF51A1;
    opacity: 1;
}
.block_other .box_link .link00:nth-of-type(n+2) {
    border-top: 1px solid #fff;
}
.block_other .box_link .en {
    width: 18.65%;
    font-family: "Albert Sans";
    font-weight: 300;
    font-size: .625em;
    line-height: 1;
}
.block_other .box_link .jp {
    width: 64.67%;
}
.block_other .box_link .en {
    width: 33.04%;
    font-family: "Albert Sans";
    font-weight: 300;
    font-size: .625em;
    line-height: 1;
}
.block_other .box_link .icon {
    width: .533em;
}
.block_other .box_link .link00.recruit .icon {
    width: 0.785em;
}
.block_other .box_link .link00 .icon .icon_img path, .block_other .box_link .link00 .icon .icon_img rect {
    transition: .3s;
}
.block_other .box_link .link00:hover .icon .icon_img path, .block_other .box_link .link00:hover .icon .icon_img rect {
    stroke: #FF51A1;
}
@media screen and (max-width:768px) {
    .block_other {
        padding: calc(80 / 375 * 100vw) 0 calc(90 / 375 * 100vw);
    }
    .block_other .block_inner {
        width: 84%;
        flex-flow: column;
        gap: calc(40 / 375 * 100vw);
    }
    .block_other h2 {
        width: 100%;
        font-size: calc(10 / 375 * 100vw);
    }
    .block_other h2 .jp::before {
        width: calc(19.3 / 375 * 100vw);
    }
    .block_other .box_link {
        width: 100%;
        padding-left: 0;
        font-size: calc(16 / 375 * 100vw);
    }
    .block_other .box_link .link00 {
        padding: 1.25em 0;
    }
    .block_other .box_link .wrapper_img {
        display: block;
    }
    .block_other .box_link .wrapper_text {
        display: flex;
        align-items: center;
        flex-flow: wrap;
        gap: .75em 0;
        padding-left: 1.219em;
    }
    .block_other .box_link .jp {
        order: 1;
        width: 88.56%;
    }
    .block_other .box_link .en {
        order: 3;
        width: 100%;
        letter-spacing: 0;
    }
    .block_other .box_link .icon {
        order: 2;
    }
}
.p-passion__modal__section__box h5 {
    margin-bottom: calc(34 / 1366 * 100vw);
    font-size: calc(25 / 1366 * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.6;
}
.dec_separator {
    border-top: #E0E0E0 1px solid;
    margin-bottom: calc(60 / 1366 * 100vw);
}
@media screen and (max-width:768px) {
    .p-passion__modal__section__box h5 {
        margin-bottom: calc(17 / 375 * 100vw);
        font-size: calc(20 / 375 * 100vw);
    }
    .p-passion__modal__section__box h5 br {
        display: none;
    }
    .dec_separator {
        border-top: #E0E0E0 1px solid;
        margin-bottom: calc(30 / 375 * 100vw);
    }
}