/*==================================================
Font読み出し
===================================*/

@font-face {
    font-family: 'Memphis-EB';
    src: url('../font/Memphis-EB.woff') format('woff');
}

@font-face {
    font-family: 'Memphis-B';
    src: url('../font/Memphis-B.woff') format('woff');
}

/*==================================================
全体
===================================*/

.jv_lp {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    background-color: #000;
    letter-spacing: 0.02em;
    position: relative;
    color: #fff;
    will-change: scroll-position;
    scroll-behavior: smooth;
}

.jv_lp_sp_on,
.jv_lp_ex_on,
.jv_lp_md_on,
.jv_lp_mb_on,
.jv_lp_sm_on {
    display: none;
}

.jv_lp_manga_icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100%;
    max-width: 200px;
    z-index: 5;
}

.jv_lp_manga_icon .jv_lp_hover-image {
    display: none;
    /* 初めは非表示 */
}

.jv_lp_manga_icon:hover .jv_lp_normal-image {
    display: none;
    /* 通常の画像を非表示 */
}

.jv_lp_manga_icon:hover .jv_lp_hover-image {
    display: block;
    /* hover時に新しい画像を表示 */
}

#jv_lp_manga_icon {
    opacity: 0;
    /* 初期状態は非表示（透明） */
    transition: opacity 0.5s ease;
    /* トランジションを設定 */
}

#jv_lp_manga_icon.show {
    opacity: 1;
    /* 表示時は不透明に */
}

.jv_lp_manga_icon figure img {
    width: 100%;
}

.jv_lp_manga_icon.absolute {
    position: absolute;
}

@media (max-width: 900px) {
    .jv_lp_sp_on {
        display: block;
    }

    .jv_lp_pc_on {
        display: none;
    }
}

@media (max-width: 530px) {
    .jv_lp_manga_icon.absolute {
        margin-bottom: 50px;
    }
}

/*==================================================
フェードで表示するアニメーション
===================================*/

.jv_lp_fadeup {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 1.2s, transform 0.8s;
}

.jv_lp_fadeup2 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s, transform 0.8s;
}

.jv_lp_fadeup3 {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1.2s, transform 1.5s;
}

.jv_lp_fadeup4 {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1.2s 0.1s, transform 1.5s 0.1s;
}

/* 要素が表示されたらアニメーションを適用 */
.jv_lp_fadeup.in-view,
.jv_lp_fadeup2.in-view,
.jv_lp_fadeup3.in-view,
.jv_lp_fadeup4.in-view {
    opacity: 1;
    transform: translateY(0);
}

/*==================================================
モーダル
===================================*/
.jv_lp_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #000;
    z-index: 99999999;
}

.jv_lp_modal.show,
.jv_lp_sharebox.show {
    display: block;
}

.jv_lp_modal_content {
    height: 100%;
    background-color: #ffffff;
}

.jv_lp_modal_inner {
    height: calc(100% - 40px);
    position: relative;
}

.jv_lp_toggle {
    width: 36px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px;
    z-index: 9999;
}

.jv_lp_modal_inner_footer {
    width: 100%;
    background-color: #242423;
    position: absolute;
    bottom: 0;
}

.jv_lp_modal_inner_footer_in {
    display: flex;
    justify-content: center;
}

.jv_lp_modal_inner_footer_in_left {
    min-width: 33.3333%;
}

.jv_lp_modal_inner_footer_in_center {
    min-width: 33.3333%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jv_lp_modal_inner_footer_in_right {
    min-width: 33.3333%;
    margin-left: auto;
    display: flex;
    justify-content: end;
}

.jv_lp_modal_inner_footer_in_icon {
    object-fit: contain;
    position: relative;
    display: flex;
    align-items: center;
}

#jv_lp_transpose {
    margin-right: 1rem;
}

#jv_lp_share {
    margin-right: 10%;
}

#jv_lp_transpose,
#jv_lp_share {
    height: 40px;
    font-size: 1rem;
    line-height: 1em;
}

#jv_lp_transpose span,
#jv_lp_share span {
    margin-left: 0.5rem;
}

#jv_lp_transpose img {
    height: 2rem;
    rotate: 90deg;
}

#jv_lp_transpose span:nth-of-type(1) {
    display: none;
}

.horizontal #jv_lp_transpose span:nth-of-type(1) {
    display: inline;
}

.horizontal #jv_lp_transpose span:nth-of-type(2) {
    display: none;
}

.horizontal #jv_lp_transpose img {
    rotate: unset;
}

#jv_lp_share img {
    height: 1.6rem;
}

.jv_lp_sharebox {
    display: none;
    background-color: #000;
    padding: 5px 10px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    bottom: 70px;
    right: 10px;
    z-index: 9999;
    color: #fff;
}

.jv_lp_sharebox p {
    font-size: 14px;
    margin: 0;
}

.jv_lp_sharebox_icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jv_lp_sharebox_close {
    display: inline-block;
}

.jv_lp_sharebox_close:hover {
    border-bottom: 1px solid #fff;
}

.jv_lp_sharebox_icon_x,
.jv_lp_sharebox_icon_insta {
    width: 40px;
    margin: 10px;
}

#goToSlideButton {
    color: #000;
    border: 1px solid #000;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 12px;
}

#goToSlideButton:hover {
    cursor: pointer;
}

.horizontal #goToSlideButton {
    display: none;
}

@media (max-width: 900px) {
    .jv_lp_modal_inner_footer_in_left {
        display: none;
    }

    .jv_lp_modal_inner_footer_in_center {
        min-width: 55.5555%;
    }

    .jv_lp_modal_inner_footer_in_right {
        min-width: 44.4444%;
    }
}

/*----------- Slider ------------------*/
.swiper-container {
    height: 100%;
    overflow: hidden;
}

.swiper-my-pagination {
    color: #fff;
    font-size: 1rem;
    bottom: 14px;
    width: unset;
}

.swiper-my-scrollbar {
    display: none;
    background-color: #fff;
    height: 2px;
    margin: 0 10px;
    flex-grow: 1;
    position: relative;
}

.horizontal .swiper-my-scrollbar {
    display: block;
}

.swiper-my-scrollbar .drag {
    background-color: #242423;
    border: 2px solid #fff;
    height: 16px;
    width: 16px !important;
    border-radius: 100%;
    margin-top: -7px;
}

.swiper-slide {
    text-align: center;
}

.swiper-horizontal .swiper-slide-active img {
    object-position: left;
}

.swiper-horizontal .swiper-slide-next img {
    object-position: right;
}

@media (max-aspect-ratio: 1) {

    .swiper-horizontal .swiper-slide-active img,
    .swiper-horizontal .swiper-slide-next img {
        object-position: unset;
    }
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
    height: 50px;
    width: 50px;
    opacity: 0.5;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 50px;
    margin: auto;
    width: 50px;
}

/*
  注意: 以下で使用している calc の計算式
  画面中央 - 縦の長さ * 画像の縦横比 - アイコンの幅と微調整
  50vw - 100vh * (742/ 1052) - 30px
*/
/* 前への矢印 */
.swiper-button-prev {
    left: calc(50vw - 100vh * (742/ 1052) - 48px);
    right: unset;
}

/* 次への矢印 */
.swiper-button-next {
    right: calc(50vw - 100vh * (742/ 1052) - 48px);
    left: unset;
}

/* ページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -25px;
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
    background-image: url(../img/ex-arrow-002.png);
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
    background-image: url(../img/ex-arrow-001.png);
}

/* 画像サイズ調整 */
.swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 900px) {

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}


/*----------- Close ------------------*/
.jv_lp_toggle span {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    /* 線の色 */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s, background-color 0.3s;
}

/* 1本目の線 */
.jv_lp_toggle span:first-child {
    transform: rotate(45deg);
}

/* 2本目の線 */
.jv_lp_toggle span:last-child {
    transform: rotate(-45deg);
}

/*==================================================
main
===================================*/

.jv_lp_top_content {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.jv_lp_top_content #jv_lp_video_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*------------content1 -----------------*/

.jv_lp_content1 {
    text-align: center;
    padding: 0 0 100px;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.jv_lp_consept_ttl {
    font-size: 66px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    width: 95%;
    margin: 100px auto;
    font-weight: bold;
    word-break: keep-all;
    animation-duration: 0.01s;
    animation-name: textflicker;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/*case*/
.jv_lp_top {
    background: #2D373C;
}

.jv_lp_top_news {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.jv_lp_top_news_tit p {
    font-family: 'Memphis-B';
    font-size: 25px;
    margin: 0 0 0 35px;
}

.jv_lp_top_news_content_box {
    display: flex;
    font-size: 15px;
    margin: 10px 0;
    transition-duration: 0.5s;
    position: relative;
}

.jv_lp_top_news_content_box:hover {
    text-decoration: underline;
}

.jv_lp_top_news_content_box p {
    margin: 0 40px 0 65px;
    text-align: left;
}

.jv_lp_top_news_content_box p:last-child {
    margin: 0;
}



@keyframes textflicker {
    from {
        text-shadow: 1px 0 0 #3b3b3b, -2px 0 0 #75fa69;
    }

    to {
        text-shadow: 2px 0.5px 2px #3b3b3b, -1px -0.5px 2px #75fa69;
    }
}

.jv_lp_consept_inner_box {
    margin: 100px 0 50px;
}

.jv_lp_consept_inner_text {
    margin-bottom: 0 !important;
    font-size: 30px;
    line-height: 1.6;
    letter-spacing: 0.07em;
    font-weight: bold;
}

@media (max-width: 1000px) {
    .jv_lp_top_news_tit p {
        margin: 0 0 0 20px;
    }

    .jv_lp_top_news_content_box {
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .jv_lp_consept_ttl {
        font-size: clamp(28px, 10vw, 67px);
        word-break: break-all;
        text-align: justify;
        text-justify: inter-ideograph;
        display: flex;
        justify-content: center;
        letter-spacing: 0;
        padding-left: 9%;
        margin: 100px auto 90px;
    }

    .jv_lp_consept_inner_text {
        font-size: clamp(20px, 4.5vw, 40px);
        line-height: 1.5;
    }

    .jv_lp_manga_icon {
        max-width: 160px;
        bottom: 10px;
        right: 15px;
    }

    .jv_lp_top_news,
    .jv_lp_top_news_content_box {
        display: block;
    }

    .jv_lp_top_news {
        padding: 10px;
        width: 80%;
        margin: auto;
    }

    .jv_lp_top_news_tit {
        text-align: left;
    }

    .jv_lp_top_news_content_box p,
    .jv_lp_top_news_tit p {
        margin: 0;
    }

    .jv_lp_top_content {
        height: 100%;
    }
}

@media (max-width: 670px) {

    .jv_lp_consept_inner_box {
        margin: 80px 0 50px;
    }

    .jv_lp_consept_inner_box {
        margin: 50px 0;
    }
}

@media (max-width: 450px) {
    .jv_lp_manga_icon {
        width: 120px;
    }

    .jv_lp_top_news_content_box {
        font-size: 11px;
    }
}

/*------------content2 -----------------*/

.jv_lp_content2 {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 550px;
    background: url(../img/bg-ex_area-002.jpg) center/cover no-repeat fixed;
}

@media (max-width: 900px) {
    .jv_lp_content2-1 {
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        position: relative;
        height: 550px;
        background: url(../img/bg-ex_area-007.jpg) bottom fixed;
    }

    .jv_lp_mb_off {
        display: none;
    }

    .jv_lp_mb_on {
        display: block;
    }

    .jv_lp_img_parallax {
        width: 100%;
    }
}

@media (max-width: 770px) {
    .jv_lp_content2-1 {
        height: 490px;
    }
}

@media (max-width: 700px) {
    .jv_lp_content2-1 {
        height: 400px;
    }
}

@media (max-width: 550px) {
    .jv_lp_content2-1 {
        height: 360px;
    }
}

@media (max-width: 450px) {
    .jv_lp_ex_area {
        display: none;
    }

    .jv_lp_content2-1 {
        height: 300px;
    }
}

/*==================================================
キャラクター
===================================*/

.jv_lp_bg_dr_img {
    position: absolute;
    left: 18%;
    top: 0;
    width: 22%;
    margin: 0;
    scroll-behavior: auto;
}

@media (max-width: 1745px) {
    .jv_lp_bg_dr_img {
        margin-top: 100px;
    }
}

@media (max-width: 980px) {
    .jv_lp_bg_dr_img {
        margin-top: 88px;
        width: 28%;
    }
}

@media (max-width: 875px) {
    .jv_lp_bg_dr_img {
        left: 15%;
    }
}

@media (max-width: 770px) {
    .jv_lp_bg_dr_img {
        margin-top: 130px;
    }
}

@media (max-width: 750px) {
    .jv_lp_bg_dr_img {
        margin-top: 75px;
    }
}

@media (max-width: 630px) {
    .jv_lp_bg_dr_img {
        margin-top: 88px;
        margin-top: 170px;
        left: 12%;
    }
}

@media (max-width: 480px) {
    .jv_lp_bg_dr_img {
        margin-top: 185px;
        left: 15%;
    }
}

@media (max-width: 430px) {
    .jv_lp_bg_dr_img {
        margin-top: 178px;
    }
}

@media (max-width: 415px) {
    .jv_lp_bg_dr_img {
        margin-top: 217px;
        left: 13%;
        width: 31%;
    }
}

@media (max-width: 410px) {
    .jv_lp_bg_dr_img {
        margin-top: 196px;
        left: 10%;
    }
}

@media (max-width: 395px) {
    .jv_lp_bg_dr_img {
        margin-top: 174px;
        left: 9%;
    }
}

.jv_lp_bg_alice_img {
    position: absolute;
    top: 0;
    right: 20%;
    width: 28%;
    margin: 0;
    scroll-behavior: auto;
}

@media (max-width: 1745px) {
    .jv_lp_bg_alice_img {
        margin-top: 200px;
    }
}

@media (max-width: 1530px) {
    .jv_lp_bg_alice_img {
        right: 27%;
        margin-top: 20%;
    }
}

@media (max-width: 1320px) {
    .jv_lp_bg_alice_img {
        margin-top: 21%;
    }
}

@media (max-width: 1200px) {
    .jv_lp_bg_alice_img {
        margin-top: 23%;
    }
}

@media (max-width: 1150px) {
    .jv_lp_bg_alice_img {
        margin-top: 24%;
    }
}

@media (max-width: 1080px) {
    .jv_lp_bg_alice_img {
        margin-top: 35%;
    }
}

@media (max-width: 980px) {
    .jv_lp_bg_alice_img {
        width: 34%;
        right: 23%;
    }
}

@media (max-width: 875px) {
    .jv_lp_bg_alice_img {
        width: 34%;
        right: 22%;
    }
}

@media (max-width: 770px) {
    .jv_lp_bg_alice_img {
        margin-top: 40%;
    }
}

@media (max-width: 750px) {
    .jv_lp_bg_alice_img {
        margin-top: 45%;
    }
}

@media (max-width: 630px) {
    .jv_lp_bg_alice_img {
        margin-top: 64%;
        right: 25%;
    }
}

@media (max-width: 540px) {
    .jv_lp_bg_alice_img {
        margin-top: 75%;
    }
}

@media (max-width: 480px) {
    .jv_lp_bg_alice_img {
        margin-top: 81%;
        right: 23%;
        width: 38%;
    }
}

@media (max-width: 455px) {
    .jv_lp_bg_alice_img {
        margin-top: 93%;
    }
}

@media (max-width: 430px) {
    .jv_lp_bg_alice_img {
        margin-top: 88%;
        right: 21%;
    }
}

@media (max-width: 410px) {
    .jv_lp_bg_alice_img {
        margin-top: 93%;
        width: 41%;
    }
}

@media (max-width: 395px) {
    .jv_lp_bg_alice_img {
        margin-top: 98%;
        right: 21%;
    }
}

@media (max-width: 372px) {
    .jv_lp_bg_alice_img {
        margin-top: 104%;
    }
}

@media (max-width: 360px) {
    .jv_lp_bg_alice_img {
        margin-top: 115%;
    }
}

.jv_lp_bg_era_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27%;
    scroll-behavior: auto;
}

@media (min-width: 1430px) {
    .jv_lp_bg_era_img {
        width: 31%;
    }
}

@media (max-width: 1400px) {
    .jv_lp_bg_era_img {
        margin-bottom: 100px;
    }
}

@media (max-width: 1400px) {
    .jv_lp_bg_era_img {
        margin-bottom: 150px;
    }
}

@media (max-width: 1100px) {
    .jv_lp_bg_era_img {
        width: 32%;
    }
}

@media (max-width: 980px) {
    .jv_lp_bg_era_img {
        width: 35%;
    }
}

@media (max-width: 940px) {
    .jv_lp_bg_era_img {
        margin-bottom: 220px;
    }
}

@media (max-width: 875px) {
    .jv_lp_bg_era_img {
        margin-bottom: 280px;
    }
}

@media (max-width: 750px) {
    .jv_lp_bg_era_img {
        margin-bottom: 365px;
    }
}

@media (max-width: 700px) {
    .jv_lp_bg_era_img {
        margin-bottom: 460px;
        left: -2%;
    }
}

@media (max-width: 630px) {
    .jv_lp_bg_era_img {
        width: 32%;
        margin-bottom: 424px;
    }
}

@media (max-width: 540px) {
    .jv_lp_bg_era_img {
        width: 35%;
        margin-bottom: 446px;
    }
}

@media (max-width: 500px) {
    .jv_lp_bg_era_img {
        width: 39%;
        margin-bottom: 530px;
    }
}

@media (max-width: 430px) {
    .jv_lp_bg_era_img {
        left: -5%;
    }
}

@media (max-width: 410px) {
    .jv_lp_bg_era_img {
        left: -6%;
        margin-bottom: 510px;
    }
}

@media (max-width: 372px) {
    .jv_lp_bg_era_img {
        margin-bottom: 534px;
    }
}

@media (max-width: 340px) {
    .jv_lp_bg_era_img {
        margin-bottom: 572px;
    }
}

.jv_lp_bg_j_img {
    position: absolute;
    right: 32%;
    bottom: 0;
    width: 33%;
    scroll-behavior: auto;
}

@media (min-width: 1745px) {
    .jv_lp_bg_j_img {
        position: absolute;
        right: 34%;
        bottom: 0;
    }
}

@media (max-width: 1400px) {
    .jv_lp_bg_j_img {
        margin-bottom: 100px;
    }
}

@media (max-width: 1200px) {
    .jv_lp_bg_j_img {
        margin-bottom: 150px;
    }
}

@media (max-width: 1200px) {
    .jv_lp_bg_j_img {
        width: 36%;
    }
}

@media (max-width: 980px) {
    .jv_lp_bg_j_img {
        width: 38%;
        right: 27%;
    }
}

@media (max-width: 940px) {
    .jv_lp_bg_j_img {
        margin-bottom: 210px;
    }
}

@media (max-width: 875px) {
    .jv_lp_bg_j_img {
        right: 30%;
        margin-bottom: 276px;
    }
}

@media (max-width: 750px) {
    .jv_lp_bg_j_img {
        margin-bottom: 353px;
    }
}

@media (max-width: 700px) {
    .jv_lp_bg_j_img {
        margin-bottom: 466px;
    }
}

@media (max-width: 630px) {
    .jv_lp_bg_j_img {
        margin-bottom: 409px;
        width: 42%;
    }
}

@media (max-width: 540px) {
    .jv_lp_bg_j_img {
        margin-bottom: 429px;
    }
}

@media (max-width: 500px) {
    .jv_lp_bg_j_img {
        width: 53%;
        right: 23%;
    }
}

@media (max-width: 430px) {
    .jv_lp_bg_j_img {
        margin-bottom: 450px;
        right: 20%;
    }
}

@media (max-width: 430px) {
    .jv_lp_bg_j_img {
        margin-bottom: 523px;
        right: 23%;
        width: 50%;
    }
}

@media (max-width: 372px) {
    .jv_lp_bg_j_img {
        margin-bottom: 541px;
    }
}

@media (max-width: 340px) {
    .jv_lp_bg_j_img {
        margin-bottom: 586px;
    }
}

.jv_lp_bg_rab_img {
    position: absolute;
    right: 2%;
    bottom: 0;
    width: 26%;
    scroll-behavior: auto;
}

@media (max-width: 1400px) {
    .jv_lp_bg_rab_img {
        right: 0%;
        width: 30%;
        margin-bottom: 60px;
    }
}

@media (max-width: 940px) {
    .jv_lp_bg_rab_img {
        width: 33%;
        margin-bottom: 135px;
    }
}

@media (max-width: 750px) {
    .jv_lp_bg_rab_img {
        margin-bottom: 204px;
    }
}

@media (max-width: 700px) {
    .jv_lp_bg_rab_img {
        margin-bottom: 256px;
    }
}

@media (max-width: 630px) {
    .jv_lp_bg_rab_img {
        width: 39%;
        right: -5%;
    }
}

@media (max-width: 500px) {
    .jv_lp_bg_rab_img {
        width: 43%;
        right: -6%;
        margin-bottom: 370px;
    }
}

@media (max-width: 500px) {
    .jv_lp_bg_rab_img {
        right: -9%;
    }
}

@media (max-width: 410px) {
    .jv_lp_bg_rab_img {
        margin-bottom: 330px;
    }
}

@media (max-width: 340px) {
    .jv_lp_bg_rab_img {
        margin-bottom: 383px;
    }
}

.jv_lp_bg_dr_img img,
.jv_lp_bg_alice_img img,
.jv_lp_bg_era_img img,
.jv_lp_bg_j_img img,
.jv_lp_bg_rab_img img {
    width: 100%;
}

/*------------content3 -----------------*/

.jv_lp_content3 {
    margin: 0 auto 350px;
    padding: 0;
    width: 70%;
    max-width: 1300px;
    position: relative;
}

.jv_lp_philosophy {
    position: relative;
    margin: -60px 0 0 0;
    z-index: 3;
}

.jv_lp_content3_ttl_phi {
    margin: 0 0 0 -45px;
    width: 55%;
    min-width: 800px;
    font-weight: 700;
}

.jv_lp_content3_ttl_phi img {
    width: 100%;
}

.jv_lp_content3_ttl_phi_sub {
    font-size: 42px;
    letter-spacing: 0.06em;
    line-height: 1.4;
    font-weight: bold;
    animation-duration: 0.01s;
    animation-name: textflicker;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.jv_lp_content3_consept_text {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #fff;
    margin: 30px 0;
    font-weight: bold;
}

.jv_lp_mission {
    margin: 171px 0 0 21%;
    position: relative;
}

.jv_lp_vision {
    margin: 267px 0 0 11%;
    position: relative;
}

.jv_lp_value {
    margin: 140px 0 0px 23%;
    position: relative;
}

.jv_lp_mission_ttl,
.jv_lp_vision_ttl,
.jv_lp_value_ttl {
    font-size: 60px;
    margin: 50px 0 5px;
    letter-spacing: 0;
    line-height: 1.6;
    color: #FF587C;
    text-shadow: 0px 0px 10px rgba(255, 88, 124, 1);
    font-family: 'Memphis-B';
}

.jv_lp_mission_text,
.jv_lp_vision_text,
.jv_lp_value_list {
    line-height: 1.8;
    margin: 0;
}

.jv_lp_value_list {
    padding-left: 20px;
}

.jv_lp_value_list_itmes::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/ex-check-001.png) center/cover no-repeat;
}

.jv_lp_theme {
    margin: 300px -60px 100px auto;
    width: 600px;
    position: relative;
    z-index: 3;
}

.jv_lp_content3_ttl_the {
    margin: 0 0 0 -42px;
    width: 100%;
}

.jv_lp_content3_ttl_the_sub {
    font-size: 42px;
    letter-spacing: 0.06em;
    line-height: 1.4;
    margin: 0 0 60px;
    font-weight: bold;
    word-break: keep-all;
    animation-duration: 0.01s;
    animation-name: textflicker;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.jv_lp_content3_theme_top {
    margin: 0 0 0 75px;
}

.jv_lp_content3_theme_top .content3_consept_text {
    margin: 60px 0 0 0;
}

.jv_lp_theme_inner {
    position: relative;
    margin: 200px 0 0 78px;
}

.jv_lp_theme_inner_second {
    position: relative;
    margin: 140px 0 0 85px;
}

.jv_lp_theme_inner_third {
    position: relative;
    margin: 150px 0 100px 78px;
}

.jv_lp_theme_inner_ttl_bg,
.jv_lp_theme_inner_ttl_bg2,
.jv_lp_theme_inner_ttl_bg3 {
    width: 40%;
    left: -230px;
    position: absolute;
}

.jv_lp_theme_inner_ttl_bg {
    top: -66px;
}

.jv_lp_theme_inner_ttl_bg2 {
    top: -66px;
}

.jv_lp_theme_inner_ttl_bg3 {
    top: -58px;
}

.jv_lp_theme_inner_ttl {
    font-size: 60px;
    line-height: 1;
    margin: 0 0 30px 0;
    color: #FF587C;
    text-shadow: 0px 0px 10px rgba(255, 88, 124, 1);
    font-family: 'Memphis-B';
    object-fit: cover;
    word-break: keep-all;
}

.jv_lp_theme_inner_text,
.jv_lp_recruit_inner_text,
.jv_lp_value_list_itmes {
    font-size: 19px;
    position: relative;
}

.jv_lp_note {
    margin: 20px 0;
    max-width: 400px;
}

.jv_lp_theme_inner_text_small {
    margin: 0 !important;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.07em;
}

.jv_lp_recruit {
    margin: 220px 0 0 0;
    position: relative;
    z-index: 3;
}

.jv_lp_content3_ttl_recruit {
    margin: 0;
    max-width: 550px;
}

.jv_lp_case {
    margin: 220px 0 0 0;
    position: relative;
    z-index: 3;
}

.jv_lp_content3_ttl_case {
    margin: 0;
    max-width: 325px;
}

.jv_lp_case_ttl {
    margin: 100px 0 0 -15px;
    width: 100%;
    max-width: 550px;
}

.jv_lp_case_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px 0;
}

.jv_lp_case_inner_box {
    width: 46%;
    margin: 15px 11.5px 60px;
    position: relative;
    overflow: hidden;
}

.jv_lp_case_inner_box_logo {
    overflow: hidden;
}

.jv_lp_case_inner_box_topline img {
    width: 100%;
}

.jv_lp_case_inner_box_logo img {
    width: 100%;
}

.jv_lp_case_date {
    margin: 25px 0 15px;
    font-size: 15px;
}

.jv_lp_case_tit {
    word-break: normal;
    font-size: clamp(14px, 1.5vw, 19px);
}

.jv_lp_case_topttl {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 10px !important;
}

.jv_lp_case_topsubttl {
    margin: 0 0 40px 0 !important;
    font-size: 14px;
}

@media (max-width: 1400px) {
    .jv_lp_content3 {
        width: 80%;
    }

    .jv_lp_content3_ttl_phi {
        width: 800px;
        margin: 0 0 20px -40px;
    }
}

@media (max-width: 900px) {
    .philosophy {
        margin: 80px auto;
    }

    .jv_lp_content3_ttl_phi {
        width: 113%;
        min-width: auto;
        margin: 0 0 0 -6%;
        text-align: center;
    }

    .jv_lp_content3_ttl_phi_sub,
    .jv_lp_content3_ttl_the_sub {
        font-size: clamp(24px, 7.3vw, 67px);
    }

    .jv_lp_mission_ttl,
    .jv_lp_vision_ttl,
    .jv_lp_value_ttl {
        font-size: clamp(30px, 10vw, 50px);
    }

    .jv_lp_mission {
        margin: 171px 0 0px 20%;
    }

    .jv_lp_vision {
        margin: 280px 0 200px 30%;
    }

    .jv_lp_value {
        margin: 150px 0 0px 27%;
    }

    .jv_lp_content3_theme_top {
        margin: 0 0 0 30px;
    }

    .jv_lp_content3_ttl_the {
        width: 80%;
        margin: 0 0 0 -30px;
    }

    .jv_lp_content3_ttl_recruit {
        width: 80%;
    }

    .jv_lp_theme {
        width: 100%;
    }

    .jv_lp_theme_inner,
    .jv_lp_theme_inner_second,
    .jv_lp_theme_inner_third {
        margin: 200px 0 100px 70px;
    }

    .jv_lp_theme_inner_ttl {
        font-size: clamp(28px, 10vw, 67px);
        background: #000;
        padding: 3%;
        margin: 0 0 20px 0;
        width: 70%;
    }

    .jv_lp_theme_inner_text,
    .jv_lp_recruit_inner_text,
    .jv_lp_value_list_itmes {
        font-size: clamp(13px, 3.5vw, 18px);
    }

    .jv_lp_theme_inner_ttl_bg,
    .jv_lp_theme_inner_ttl_bg2,
    .jv_lp_theme_inner_ttl_bg3 {
        width: 35%;
        left: -14%;
        top: -45%;
    }

    .jv_lp_value_list_itmes::before {
        width: 15px;
        height: 15px;
    }

    .jv_lp_theme_inner_box {
        margin: 0 0 0 -50px;
    }

    .jv_lp_recruit {
        margin: 300px 0 0 0;
    }

    .jv_lp_case {
        margin: 300px 0 0 0;
    }

    .jv_lp_case_inner {
        max-width: none;
    }

    .jv_lp_case_ttl {
        width: 90%;
        margin: 70px 0 0 -15px;
    }

    .jv_lp_theme {
        margin: 300px 0 100px auto;
    }

    .jv_lp_case_inner {
        display: block;
    }

    .jv_lp_case_inner_box {
        width: 100%;
        margin: 0 0 60px;
    }
}

@media (max-width: 780px) {
    .jv_lp_theme_inner_box {
        margin: 0 0 0 -33px;
    }
}

@media (max-width: 650px) {
    .jv_lp_content3 {
        width: 90%;
    }

    .jv_lp_content3_ttl_the_sub {
        word-break: break-all;
        line-height: 1.2;
    }

    .jv_lp_content3_consept_text {
        font-size: clamp(20px, 5vw, 30px);
    }

    .jv_lp_content3_ttl_the {
        margin: 0 0 30px -22px;
    }

    .jv_lp_theme_inner_ttl_bg {
        top: -38%;
    }

    .jv_lp_theme_inner_ttl_bg2 {
        top: -39%;
    }

    .jv_lp_theme_inner_ttl_bg3 {
        top: -36%;
    }

    .jv_lp_content3_ttl_recruit {
        width: 75%;
        max-width: none;
    }

    .jv_lp_content3_ttl_case {
        width: 50%;
        max-width: none;
    }

    .jv_lp_theme_inner,
    .jv_lp_theme_inner_second,
    .jv_lp_theme_inner_third {
        margin: 150px 0 100px 35px;
    }

    .jv_lp_case {
        margin: 180px 0 0 0;
    }

    .jv_lp_case_tit {
        font-size: clamp(13px, 3.5vw, 18px);
    }
}

@media (max-width: 585px) {
    .jv_lp_theme_inner_ttl_bg3 {
        top: -35%;
    }
}

@media (max-width: 530px) {
    .jv_lp_mission {
        margin: 171px 0 0px 25%;
    }

    .jv_lp_philosophy {
        margin: -50px 0 0 2%;
    }

    .jv_lp_theme_inner_box {
        margin: 0 0 0 -8px;
    }

    .jv_lp_theme_inner_ttl_bg,
    .jv_lp_theme_inner_ttl_bg2,
    .jv_lp_theme_inner_ttl_bg3 {
        width: 42%;
        left: -18%;
    }
}

@media (max-width: 480px) {

    .jv_lp_theme_inner,
    .jv_lp_theme_inner_second,
    .jv_lp_theme_inner_third {
        margin: 120px 0 0 7%;
    }

    .jv_lp_content3_ttl_recruit {
        width: 75%;
    }

    .jv_lp_content3_ttl_case {
        width: 53%;
    }

    .jv_lp_content3_ttl_phi_sub,
    .jv_lp_content3_ttl_the_sub {
        font-size: clamp(24px, 8vw, 67px);
    }
}

@media (max-width: 450px) {
    .jv_lp_ex_on {
        display: block;
    }

    .jv_lp_ex_off {
        display: none;
    }

    .jv_lp_theme_inner_ttl_bg3 {
        top: -32%;
    }

    .jv_lp_value_list_itmes::before {
        width: 12px;
        height: 12px;
        top: 12px;
    }

    .jv_lp_theme_inner_ttl_bg {
        top: -39%;
    }

    .jv_lp_mission {
        margin: 171px 0 0px 30%;
    }

    .jv_lp_content3_ttl_the {
        width: 90%;
    }

    .jv_lp_content3_theme_top {
        margin: 0 0 0 20px;
    }
}

@media (max-width: 430px) {
    .jv_lp_value_list_itmes::before {
        top: 8px;
    }

    .jv_lp_philosophy {
        margin: -35px 0 0 2%;
    }

    .jv_lp_content3 {
        margin: 0 5% 180px;
    }
}

@media (max-width: 410px) {
    .jv_lp_sm_on {
        display: block;
    }

    .jv_lp_sm_off {
        display: none;
    }
}

@media (max-width: 400px) {
    .jv_lp_theme_inner_ttl_bg {
        top: -39%;
    }

    .jv_lp_theme_inner_ttl_bg3 {
        top: -28%;
    }
}

@media (max-width: 370px) {
    .jv_lp_content3_theme_top .jv_lp_content3_consept_text {
        padding-left: 0;
    }
}

@media (max-width: 370px) {

    .jv_lp_content3_ttl_phi_sub,
    .jv_lp_content3_ttl_the_sub {
        font-size: clamp(24px, 7.5vw, 67px);
    }
}

@media (max-width: 340px) {
    .jv_lp_value {
        margin: 171px 0 0px 30%;
    }

    .jv_lp_theme {
        margin: 135px 0 60px;
    }

    .jv_lp_case {
        margin: 150px 0 0 0;
    }
}

.jv_lp_case_cat_box {
    margin: 40px 0;
}

.jv_lp_case_cat span {
    background: #6D8593;
    color: #000;
    font-size: 11px;
    padding: 5px 5px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 10px 0 0;
    width: 90px;
}

.jv_lp_case_cat_box a {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    margin: 12px 0;
}

.jv_lp_case_cat_box a:hover {
    text-decoration: underline;
}

.jv_lp_case_cat_br {
    display: none;
}

@media (max-width: 1250px) {
    .jv_lp_case_cat_box a {
        font-size: 9px;
    }
}

@media (max-width: 1030px) {
    .jv_lp_case_cat_box a {
        font-size: 8px;
    }
}

@media (max-width: 950px) {
    .jv_lp_case_cat_box a {
        font-size: 7px;
    }
}

@media (max-width: 900px) {
    .jv_lp_case_cat_box {
        display: block;
    }

    .jv_lp_case_cat {
        display: block;
    }

    .jv_lp_case_cat_box a {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .jv_lp_case_cat_box a {
        font-size: 9px;
    }

    .jv_lp_case_cat span {
        font-size: 8px;
        width: 70px;
    }
}

@media (max-width: 410px) {
    .jv_lp_case_cat_box a {
        font-size: 8px;
    }
}

@media (max-width: 350px) {
    .jv_lp_case_cat_box a {
        font-size: 7px;
    }
}


/*------------content4 -----------------*/

.jv_lp_content4 {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 250px;
    background: url(../img/bg-backnoize-002.jpg) center/cover fixed no-repeat;
}


@media (max-width: 900px) {
    .jv_lp_content4 {
        height: 175px;
        background: url(../img/bg-backnoize-001.jpg) center fixed;
    }
}

@media (max-width: 700px) {
    .jv_lp_content4 {
        background: none;
    }

    .jv_lp_content4 .img_parallax_container {
        height: 75vw;
    }
}

/*------------content5 -----------------*/

.jv_lp_content5 {
    position: relative;
    margin: -20px auto 0;
    padding: 0;
    overflow: hidden;
    background: url(../img/bg-ex_area-004.jpg) center/cover no-repeat;
}

.jv_lp_content5_inner {
    margin: 100px auto;
    width: 80%;
    max-width: 1000px;
}

.jv_lp_content5_consept_text_p {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.04em;
}

.jv_lp_content5_ttl_message {
    margin: auto;
    width: 450px;
    margin-bottom: 60px;
}

.jv_lp_content5_ttl_message img {
    width: 100%;
}

.jv_lp_message {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.25;
    letter-spacing: 0.07em;
    overflow: hidden;
}

.jv_lp_message_sub_ttl {
    text-align: left;
    font-size: 33px;
    margin-bottom: 30px;
    letter-spacing: 0.02em;
    font-weight: bold;
}

.jv_lp_message_text,
.jv_lp_manga_text {
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 19px;
    line-height: 1.6;
}

.jv_lp_line {
    border-bottom: 2px solid #000;
    margin: 60px 0;
}

.jv_lp_imgflicker.active {
    animation: skew 3s infinite;
}

.jv_lp_message_inner {
    width: 70%;
    margin: 150px auto 100px;
    overflow: hidden;
}

@media (min-width: 1500px) {
    .jv_lp_message_inner {
        width: 78%;
    }
}

.jv_lp_position {
    font-size: clamp(16px, 2.5vw, 20px);
    margin-bottom: 5px !important;
}

.jv_lp_name {
    font-size: 40px;
    font-weight: bold;
    margin: 15px auto 50px;
}

.jv_lp_message_img {
    position: relative;
    width: 1000px;
    margin: auto;
}

.jv_lp_message_mid_area {
    margin: 30px 0 80px;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    text-align: left;
    width: 42%;
}

@keyframes skew {
    0% {
        transform: none;
    }

    33% {
        transform: none;
    }

    33.3% {
        transform: skewX(30deg);
    }

    33.6% {
        transform: skewX(-30deg);
    }

    33.9% {
        transform: none;
    }

    66% {
        transform: none;
    }

    66.3% {
        transform: skewX(5deg);
    }

    66.6% {
        transform: skewX(-5deg);
    }

    66.9% {
        transform: none;
    }

    77% {
        transform: none;
    }

    77.3% {
        transform: skewX(15deg);
    }

    77.6% {
        transform: skewX(-15deg);
    }

    77.9% {
        transform: none;
    }
}

/*------------content6 -----------------*/
.jv_lp_content6 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.jv_lp_content6::before {
    content: "";
    background: url(../img/bg-backnoize-002.jpg) center/cover fixed;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    /* 透明度を設定 (0.5 は 50% の透明度) */
}

.jv_lp_content6_inner {
    padding: 100px 0;
    max-width: 750px;
    margin: 0 auto;
    width: 60%;
    position: relative;
    z-index: 1;
}

.jv_lp_content6_consept_text {
    margin: 10px 0 0;
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: 0.01em;
    word-break: keep-all;
    font-weight: bold;
}

.jv_lp_content6_ttl_message {
    margin: 0 auto;
    width: 100%;
}

.jv_lp_content6_ttl_message img {
    width: 100%;
}

.jv_lp_content6_jerart,
.jv_lp_content6_manga_link {
    margin: 80px auto;
    width: 100%;
}

.jv_lp_content6_manga_link {
    max-width: 500px;
}

@media (max-width: 900px) {
    .jv_lp_content6_consept_text {
        font-size: clamp(20px, 3.5vw, 50px);
    }

    .jv_lp_content6_inner {
        width: 80%;
    }

    .jv_lp_content6::before {
        background: url(../img/bg-backnoize-001.jpg) center fixed;
    }
}

@media (max-width: 450px) {
    .jv_lp_content6_inner {
        width: 90%;
    }
}


/*------------content7 -----------------*/
.jv_lp_content7 {
    background-color: #0F0F0F;
}

.jv_lp_content7_inner {
    margin: 0 auto;
    text-align: center;
}

.jv_lp_manga {
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

.jv_lp_manga_inner {
    width: 40%;
    max-width: 650px;
    min-width: 550px;
    margin: 50px auto 300px;
    position: relative;
    z-index: 3;
}

.jv_lp_jerart {
    margin: 50px auto;
    width: 80%;
}

.jv_lp_acky {
    margin: 100px auto 50px;
}

.jv_lp_manga_mid_area {
    margin: 30px 0 40px;
    letter-spacing: 0;
}

#jv_lp_manga_btn {
    margin: 100px 0;
}

@media (max-width: 1280px) {
    .jv_lp_message_mid_area {
        width: 37%;
    }

    .jv_lp_manga_inner {
        width: 50%;
    }
}

@media (max-width: 1200px) {
    .jv_lp_message_mid_area {
        width: 40%;
    }

    .jv_lp_message_img {
        width: 900px;
    }

    .jv_lp_message_inner {
        width: 70%;
    }
}

@media (max-width: 1020px) {
    .jv_lp_message_mid_area {
        width: 35%;
    }
}

@media (max-width: 988px) {
    .jv_lp_message_mid_area {
        width: 30%;
    }

    .jv_lp_position {
        font-size: clamp(14px, 1.5vw, 20px);
    }

    .jv_lp_name {
        font-size: 30px;
    }
}

@media (max-width: 900px) {
    .jv_lp_message_mid_area {
        display: none;
    }

    .jv_lp_content5_inner {
        width: 90%;
    }

    .jv_lp_message_img {
        width: 500px;
    }

    .jv_lp_position {
        font-size: clamp(14px, 2.5vw, 20px);
        margin: 50px 0;
    }

    .jv_lp_name {
        font-size: clamp(20px, 5vw, 40px);
    }

    .jv_lp_manga_inner {
        margin: 50px auto 100px;
        max-width: none;
        min-width: auto;
        width: 90%;
    }

    .jv_lp_manga_bg4 {
        margin: 0 0 100px;
    }

    .jv_lp_manga_bg4.jv_lp_fadeup {
        opacity: 0.5 !important;
    }

    .jv_lp_message_inner {
        width: 95%;
        margin: 100px auto 0;
    }

    .jv_lp_content5_ttl_message {
        width: 60%;
        margin-bottom: 0;
    }

    .jv_lp_content5_consept_text_p {
        font-size: clamp(20px, 5vw, 50px);
        margin: 20px 0 !important;
        color: #000;
        text-align: center;
    }

    .jv_lp_message_text,
    .jv_lp_manga_text {
        font-size: clamp(13px, 3.5vw, 18px);
    }

    .jv_lp_jerart {
        width: 95%;
    }

    .jv_lp_content6_consept_text {
        line-height: 1.4;
    }
}

@media (max-width: 750px) {

    .jv_lp_content5_inner {
        margin: 80px auto 110px;
        width: 90%;
        padding: 0;
    }

    .jv_lp_message {
        width: 100%;
        min-width: auto;
    }

    .jv_lp_manga {
        min-width: auto;
    }
}

@media (max-width: 600px) {
    .jv_lp_vision {
        margin: 120px 0 120px 18%;
    }

    .jv_lp_md_on {
        display: block;
    }

    .jv_lp_manga_mid_area {
        text-align: center;
    }

    .jv_lp_message_sub_ttl {
        font-size: clamp(22px, 5vw, 40px);
    }

    .jv_lp_name {
        font-size: clamp(30px, 6vw, 50px);
    }
}

@media (max-width: 550px) {
    .jv_lp_content5_ttl_message {
        width: 80%;
    }

    .jv_lp_message_img {
        width: 100%;
    }
}

@media (max-width: 470px) {
    .jv_lp_message_mid_area {
        margin: 15px 0 40px;
    }

    .jv_lp_position {
        font-size: clamp(14px, 2vw, 18px);
    }

    .jv_lp_content5_consept_text_p {
        margin: 10px 0 !important;
    }

    .jv_lp_vision {
        margin: 120px 0 120px 11%;
    }

    .jv_lp_message_inner {
        margin: 65px auto 0;
    }
}

@media (max-width: 400px) {
    .jv_lp_message_sub_ttl {
        font-size: clamp(18px, 5vw, 26px);
    }
}

@media (max-width: 360px) {
    .jv_lp_vision {
        margin: 130px 0 130px 16%;
    }
}

@media (max-width: 350px) {
    .jv_lp_vision {
        margin: 130px 0 130px 9%;
    }
}

/*==================================================
mission,vision,value背景画像ポジション
===================================*/

.jv_lp_mission_bg1 {
    position: absolute;
    left: -281px;
    top: -12px;
    width: 205px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_mission_bg2 {
    position: absolute;
    top: 5px;
    left: -236px;
    width: 207px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_mission_bg3 {
    position: absolute;
    right: -33%;
    top: 0;
    width: 60%;
}

.jv_lp_mission_bg1 img,
.jv_lp_mission_bg2 img,
.jv_lp_mission_bg3 img,
.jv_lp_vision_bg1 img,
.jv_lp_vision_bg2 img,
.jv_lp_value_bg1 img,
.jv_lp_value_bg2 img {
    width: 100%;
}

.jv_lp_vision_bg1 {
    position: absolute;
    left: 187px;
    top: 9px;
    width: 408px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_vision_bg2 {
    position: absolute;
    left: 272px;
    top: -122px;
    width: 161px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_value_bg1 {
    position: absolute;
    left: -136px;
    top: -37px;
    width: 100px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_value_bg2 {
    position: absolute;
    left: -217px;
    top: 4px;
    width: 140px;
    mix-blend-mode: plus-lighter;
}

.jv_lp_value_bg3 {
    position: absolute;
    left: -80%;
    top: 0;
    width: 90%;
    z-index: -1;
}

.jv_lp_case_bg1 {
    position: absolute;
    right: -33%;
    top: 0;
    width: 60%;
}

.jv_lp_manga_bg1 {
    position: absolute;
    right: -100%;
    top: 0;
    width: 120%;
    max-width: 800px;
    opacity: 0.4;
    z-index: -1;
}

.jv_lp_manga_bg2 {
    position: absolute;
    left: -100%;
    top: 0;
    width: 90%;
    max-width: 600px;
    opacity: 0.4;
    z-index: -1;
}

.jv_lp_manga_bg3 {
    position: absolute;
    right: -90%;
    top: 0;
    width: 120%;
    max-width: 750px;
    opacity: 0.4;
    z-index: -1;
}

.jv_lp_value_bg3 img,
.jv_lp_case_bg1 img {
    width: 100%;
}


@media (min-width: 2070px) {

    .jv_lp_mission_bg3,
    .jv_lp_case_bg1 {
        right: -45%;
        width: 60%;
    }

    .jv_lp_value_bg3 {
        left: -100%;
        width: 100%;
        top: -100%;
    }
}

@media (min-width: 2000px) {

    .jv_lp_manga_bg1,
    .jv_lp_manga_bg3 {
        right: -120%;
    }

    .jv_lp_manga_bg2 {
        left: -120%;
    }
}

@media (min-width: 1700px) {
    .jv_lp_manga_bg3 {
        top: 15%;
    }
}

@media (max-width: 1280px) {
    .jv_lp_manga_bg1 {
        right: -90%;
    }

    .jv_lp_manga_bg2 {
        left: -80%;
    }
}

@media (max-width: 1250px) {
    .jv_lp_manga_bg3 {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .jv_lp_manga_bg3 {
        top: -5%;
    }
}

@media (max-width: 900px) {

    .jv_lp_mission_bg3,
    .jv_lp_case_bg1 {
        width: 75%;
    }

    .jv_lp_mission_bg3 {
        top: 2%;
    }

    .jv_lp_value_bg3 {
        left: -69%;
        width: 110%;
    }

    .jv_lp_mission_bg1 {
        left: -190px;
        top: -12px;
        width: 150px;
    }

    .jv_lp_mission_bg2 {
        top: 0px;
        left: -160px;
        width: 150px;
    }

    .jv_lp_vision_bg1 {
        left: 230px;
        top: 9px;
        width: 330px;
    }

    .jv_lp_vision_bg2 {
        left: 316px;
        top: -107px;
        width: 119px;
    }
}

@media (max-width: 600px) {
    .jv_lp_mission_bg1 {
        left: -195px;
        width: 150px;
    }

    .jv_lp_mission_bg2 {
        left: -166px;
        width: 150px;
    }

    .jv_lp_value_bg2 {
        left: -201px;
        top: -11px;
    }
}

@media (max-width: 520px) {
    .jv_lp_vision_bg1 {
        left: 167px;
    }

    .jv_lp_vision_bg2 {
        left: 252px;
    }
}

@media (max-width: 485px) {
    .jv_lp_value_bg1 {
        left: -118px;
    }

    .jv_lp_value_bg2 {
        left: -177px;
        top: -16px;
    }

    .jv_lp_mission_bg3 {
        top: 4%;
    }
}

@media (max-width: 450px) {
    .jv_lp_value_bg1 {
        left: -116px;
    }

    .jv_lp_value_bg2 {
        left: -179px;
        top: -13px;
    }

    .jv_lp_mission_bg1 {
        left: -157px;
        width: 120px;
        top: -8px;
    }

    .jv_lp_mission_bg2 {
        left: -138px;
        width: 120px;
        top: 5px;
    }

    .jv_lp_vision_bg1 {
        top: 9px;
        width: 281px;
        left: 167px;
    }

    .jv_lp_vision_bg2 {
        top: -85px;
        width: 95px;
        left: 243px;
    }

    .jv_lp_mission_bg3,
    .jv_lp_case_bg1 {
        width: 95%;
    }
}

@media (max-width: 430px) {
    .jv_lp_value_bg1 {
        left: -99px;
        top: -37px;
        width: 90px;
    }

    .jv_lp_value_bg2 {
        left: -148px;
        top: -15px;
        width: 117px;
    }
}

@media (max-width: 410px) {
    .jv_lp_vision_bg1 {
        left: 135px;
    }

    .jv_lp_vision_bg2 {
        left: 220px;
    }
}

@media (max-width: 368px) {
    .jv_lp_vision_bg1 {
        left: 125px;
        top: -12px;
    }

    .jv_lp_vision_bg2 {
        left: 200px;
        top: -116px;
    }

    .jv_lp_case_bg1 {
        top: 0;
    }
}

@media (max-width: 330px) {
    .jv_lp_value_bg1 {
        left: -108px;
    }

    .jv_lp_value_bg2 {
        left: -149px;
        top: -21px;
    }
}

/*==================================================
英語用
===================================*/
.path-en .jv_lp_mission_text p,
.path-en .jv_lp_vision_text p,
.path-en .jv_lp_value_list .jv_lp_value_list_itmes,
.path-en .jv_lp_message_text,
.path-en .jv_lp_message_sub_ttl,
.path-en .jv_lp_manga_text,
.path-en .jv_lp_theme_inner_text,
.path-en .jv_lp_theme_inner_text_small,
.path-en .jv_lp_recruit_inner_text,
.path-en .jv_lp_content5_consept_text_p {
    word-break: break-word;
}

.path-en .jv_lp_content5_consept_text_p {
    font-size: clamp(18px, 3vw, 36px);
}

.path-en .jv_lp_content3_ttl_phi_sub,
.path-en .jv_lp_content3_ttl_the_sub {
    line-height: 1;
}

@media (max-width: 1195px) {
    .path-en .jv_lp_consept_ttl {
        font-size: clamp(20px, 4.5vw, 50px);
        padding-left: 0;
        padding: 3% 5% 0;
        text-align: center;
        word-break: keep-all;
    }
}

@media (max-width: 900px) {
    .path-en .jv_lp_message_sub_ttl {
        font-size: 30px;
    }

    .jv_lp_en_ttl_off {
        display: none;
    }

    .path-en .jv_lp_vision_text {
        width: 250px;
    }

    .path-en .jv_lp_content5_consept_text_p {
        margin: 20px 0 40px !important;
        line-height: 1.2;
    }

    .path-en .jv_lp_content5_consept_text_p {
        font-size: clamp(18px, 5vw, 40px);
    }

}

@media (max-width: 560px) {
    .jv_lp_en_off {
        display: none;
    }
}

@media (max-width: 460px) {
    .path-en .jv_lp_consept_ttl {
        font-size: clamp(20px, 5.5vw, 50px);
        padding-left: 0;
        padding: 3% 0 0;
    }

    .path-en .jv_lp_theme_inner_ttl_bg {
        top: -35%;
    }
}

@media (max-width: 440px) {
    .path-en .jv_lp_message_sub_ttl {
        font-size: clamp(16px, 6.5vw, 30px);
    }
}

@media (max-width: 420px) {
    .path-en .jv_lp_content3_consept_text {
        padding-left: 0;
        font-size: clamp(16px, 5vw, 30px);
    }

    .path-en .jv_lp_vision_text {
        width: 230px;
    }
}

@media (max-width: 400px) {
    .path-en .jv_lp_vision_text {
        width: 200px;
    }
}