/*==================================================
Font読み出し
===================================*/
@font-face {
    font-family: 'Game-Of-Squids';
    src: url('/static/files/action/discover/images/041/font/Game-Of-Squids.woff') format('woff');
}

/*==================================================
切り替え
===================================*/
.sp_on,
.sp_on2,
.sp_on3,
.sp_on4,
.mb_on {
    display: none !important;
}

@media screen and (max-width: 960px) {
    .pc_on {
        display: none !important;
    }

    .sp_on {
        display: block !important;
    }

    .sp_on2 {
        display: block !important;
    }
}


/*==================================================
全体
===================================*/
.jd_interview {
    font-family: メイリオ, Meiryo, "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Verdana, sans-serif;
    position: relative;
}

.jd_top_content {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 9999;
}

.jd_topslider {
    display: none;
}

.jd_glitch {
    background-image: url(/static/files/action/discover/images/041/img/bg-top-6-001.jpg);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.jd_glitch::before,
.jd_glitch::after,
.jd_glitch .jd_channel {
    background: inherit;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.jd_glitch::before {
    animation: jd_glitch-before 3s linear infinite alternate both;
    content: "";
}

@keyframes jd_glitch-before {
    0% {
        clip-path: polygon(0% 7.9529126196%, 100% 7.9529126196%, 100% 12.8918562083%, 0% 12.8918562083%);
        transform: translate(-0.0342837252%, -0.2925889106%);
    }

    2% {
        clip-path: polygon(0% 20.4874995791%, 100% 20.4874995791%, 100% 26.1482901927%, 0% 26.1482901927%);
        transform: translate(7.7316073336%, 0.180605682%);
    }

    4% {
        clip-path: polygon(0% 6.9685872316%, 100% 6.9685872316%, 100% 15.1621338838%, 0% 15.1621338838%);
        transform: translate(1.2483779865%, 0.1752827779%);
    }

    6% {
        clip-path: polygon(0% 56.8652846255%, 100% 56.8652846255%, 100% 64.8241439437%, 0% 64.8241439437%);
        transform: translate(-4.9288264537%, 0.0121254885%);
    }

    8% {
        clip-path: polygon(0% 82.5663170899%, 100% 82.5663170899%, 100% 88.5762277323%, 0% 88.5762277323%);
        transform: translate(2.0385950921%, 0.2940286321%);
    }

    10% {
        clip-path: polygon(0% 18.9925175818%, 100% 18.9925175818%, 100% 23.5845513921%, 0% 23.5845513921%);
        transform: translate(-2.5617337594%, -0.0980213121%);
    }

    12% {
        clip-path: polygon(0% 14.1329059133%, 100% 14.1329059133%, 100% 22.2134817341%, 0% 22.2134817341%);
        transform: translate(4.6246780617%, 0.1893415127%);
    }

    14% {
        clip-path: polygon(0% 8.6448442487%, 100% 8.6448442487%, 100% 17.0312120493%, 0% 17.0312120493%);
        transform: translate(6.3975630445%, 0.4716439932%);
    }

    16% {
        clip-path: polygon(0% 87.2284716381%, 100% 87.2284716381%, 100% 90.5928126863%, 0% 90.5928126863%);
        transform: translate(-7.4402885566%, -0.141045771%);
    }

    18% {
        clip-path: polygon(0% 64.9315512829%, 100% 64.9315512829%, 100% 70.9051302856%, 0% 70.9051302856%);
        transform: translate(-5.8038967351%, 0.011571927%);
    }

    20%,
    100% {
        clip-path: none;
        transform: none;
    }
}

.jd_glitch::after {
    animation: jd_glitch-after 3s linear infinite alternate both;
    content: "";
}

@keyframes jd_glitch-after {
    0% {
        clip-path: polygon(0% 8.9346985783%, 100% 8.9346985783%, 100% 14.8705635364%, 0% 14.8705635364%);
        transform: translate(-5.0855695083%, -0.4520419904%);
    }

    2% {
        clip-path: polygon(0% 25.1502193433%, 100% 25.1502193433%, 100% 29.6400585768%, 0% 29.6400585768%);
        transform: translate(-2.7381319054%, 0.0003319638%);
    }

    4% {
        clip-path: polygon(0% 83.624026808%, 100% 83.624026808%, 100% 90.2646038091%, 0% 90.2646038091%);
        transform: translate(3.3769891418%, -0.2685412692%);
    }

    6% {
        clip-path: polygon(0% 75.0933634367%, 100% 75.0933634367%, 100% 83.3878842261%, 0% 83.3878842261%);
        transform: translate(-3.1613634663%, 0.1805840541%);
    }

    8% {
        clip-path: polygon(0% 83.0613769124%, 100% 83.0613769124%, 100% 90.807150696%, 0% 90.807150696%);
        transform: translate(1.0082980292%, -0.3081954258%);
    }

    10% {
        clip-path: polygon(0% 22.5049838689%, 100% 22.5049838689%, 100% 26.9264026733%, 0% 26.9264026733%);
        transform: translate(-2.1786025353%, 0.0418189772%);
    }

    12% {
        clip-path: polygon(0% 29.2040663531%, 100% 29.2040663531%, 100% 33.0799322621%, 0% 33.0799322621%);
        transform: translate(-2.2959133985%, 0.0308426037%);
    }

    14% {
        clip-path: polygon(0% 43.4848739435%, 100% 43.4848739435%, 100% 52.5745005256%, 0% 52.5745005256%);
        transform: translate(-3.7613578911%, 0.0503286173%);
    }

    16% {
        clip-path: polygon(0% 29.6382884042%, 100% 29.6382884042%, 100% 39.2240193241%, 0% 39.2240193241%);
        transform: translate(5.6583004452%, -0.4429458154%);
    }

    18% {
        clip-path: polygon(0% 68.729533313%, 100% 68.729533313%, 100% 76.7782561334%, 0% 76.7782561334%);
        transform: translate(-6.3790747225%, 0.4975884503%);
    }

    20%,
    100% {
        clip-path: none;
        transform: none;
    }
}

.jd_glitch .jd_channel {
    mix-blend-mode: screen;
}

.jd_glitch .jd_channel::before {
    bottom: 0;
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.jd_glitch .jd_r {
    animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-r {
    0% {
        transform: translate(-0.3765845444%, -0.4945561884%);
    }

    2% {
        transform: translate(-0.1540267235%, 0.3468282291%);
    }

    4% {
        transform: translate(-1.6754740837%, 0.1222820064%);
    }

    6% {
        transform: translate(-0.917361324%, -0.4062474074%);
    }

    8% {
        transform: translate(-1.2576361048%, 0.1281259826%);
    }

    10% {
        transform: translate(1.1104032533%, -0.3373772009%);
    }

    12% {
        transform: translate(-0.9788761421%, 0.0193817231%);
    }

    14% {
        transform: translate(-0.2795527302%, -0.3196881826%);
    }

    16% {
        transform: translate(-0.9153550889%, 0.3942205382%);
    }

    18% {
        transform: translate(-0.4380171185%, -0.1490602648%);
    }

    20%,
    100% {
        transform: none;
    }
}

.jd_glitch .jd_r::before {
    background: #f00;
}

.jd_glitch .jd_g {
    animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-g {
    0% {
        transform: translate(1.108223952%, 0.2215607923%);
    }

    2% {
        transform: translate(0.0764016462%, 0.0561684257%);
    }

    4% {
        transform: translate(0.9270632425%, 0.1194318741%);
    }

    6% {
        transform: translate(1.8082274377%, -0.3211691482%);
    }

    8% {
        transform: translate(-1.7843411394%, -0.4154655443%);
    }

    10% {
        transform: translate(1.8168337522%, 0.3249174596%);
    }

    12% {
        transform: translate(1.4487603567%, 0.3654749006%);
    }

    14% {
        transform: translate(-0.3982369238%, -0.1351333432%);
    }

    16% {
        transform: translate(-1.7959579602%, 0.1550908427%);
    }

    18% {
        transform: translate(1.9268444448%, 0.1088524267%);
    }

    20%,
    100% {
        transform: none;
    }
}

.jd_glitch .jd_g::before {
    background: #0f0;
}

.jd_glitch .jd_b {
    animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-b {
    0% {
        transform: translate(-1.2401154851%, -0.0249644077%);
    }

    2% {
        transform: translate(0.3585128929%, 0.3078903426%);
    }

    4% {
        transform: translate(-0.4920820964%, 0.3409059118%);
    }

    6% {
        transform: translate(0.2598718076%, 0.4143721811%);
    }

    8% {
        transform: translate(-1.2829532202%, 0.1577756342%);
    }

    10% {
        transform: translate(0.1445262104%, -0.1719147824%);
    }

    12% {
        transform: translate(-1.0203622502%, -0.2228937613%);
    }

    14% {
        transform: translate(1.6549865819%, -0.1840787257%);
    }

    16% {
        transform: translate(1.8345257563%, 0.1621419129%);
    }

    18% {
        transform: translate(0.1064635785%, 0.3210122194%);
    }

    20%,
    100% {
        transform: none;
    }
}

.jd_glitch .jd_b::before {
    background: #00f;
}

.jd_top_text {
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translate(-50%, 0%);
    font-size: 40px;
    font-weight: bold;
    width: 85%;
    line-height: calc(60 / 44);
}

.jd_top_text p {
    display: inline-block;
    margin: 0.5px 0;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    background: linear-gradient(90deg, rgba(64, 217, 122, 1), rgba(125, 145, 230, 1));
    padding: 5px 20px 3px;
    clip-path: polygon(10% 0%, 100% 0, 100% 50%, 90% 100%, 0% 100%, 0% 45%);
}

.jd_top_text .jd_toptext2,
.jd_top_text .jd_toptext3,
.jd_top_text .jd_toptext4 {
    animation-delay: 2s;
    clip-path: polygon(6% -30%, 100% 0, 100% 50%, 97% 100%, 0% 100%, -1% 62%);
}

.TextTyping span,
.TextTyping2 span {
    display: none;
}

/*==================================================
content1
===================================*/
.jd_content1 {
    background: url(/static/files/action/discover/images/041/img/bg-content2-001.jpg) center/cover no-repeat;
    margin: 0px auto;
    padding: 25px 0 13%;
    position: relative;
}

.jd_content1_inner {
    width: 820px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

.jd_content1_inner p {
    font-size: 18px;
    text-align: center;
    margin: 80px auto;
    line-height: 1.57;
    color: #fff;
}

.jd_content1_inner h2 {
    font-size: 80px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin: 0 auto;
    font-family: 'Game-Of-Squids';
    color: #40D97A;
    margin: 0 0 20px 0;
}

.jd_content1_inner_list ul {
    padding-left: 50px;
    margin: auto;
    width: fit-content;
}

.jd_content1_inner_list ul li a span {
    display: inline-block;
    position: relative;
    margin: 15px auto;
    line-height: 1em;
    letter-spacing: 0.05em;
    background: linear-gradient(90deg, rgba(64, 217, 122, 1), rgba(125, 145, 230, 1));
    padding: 15px 35px;
    clip-path: polygon(11% -40%, 100% 0, 100% 55%, 94% 100%, 0% 100%, -1% 62%);
    font-weight: bold;
    font-size: 24px;
}

.jd_content1_inner_list ul li:hover {
    transform: scale(1.05);
}

.jd_content1_inner_list {
    position: relative;
}

#jd_particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

/*==================================================
content2
===================================*/
.jd_bg_oyama01_img {
    position: absolute;
    top: -13%;
    left: -170%;
    width: 120%;
    z-index: 3;
}

.jd_bg_oyama02_img {
    position: absolute;
    top: 200%;
    left: -170%;
    width: 120%;
    z-index: 3;
}

.jd_bgchenge {
    position: relative;
}

.content2-no-background {
    background: none !important;
}

.jd_bgchenge_teasers {
    position: absolute;
    background: url(/static/files/action/discover/images/041/img/bg-texture-001.png) center/cover no-repeat;
    width: 100%;
    height: 550px;
    top: -25px;
    left: 50%;
    mix-blend-mode: color-dodge;
    opacity: 0.8;
    z-index: 99;
    transform: translate(-50%, -50%);
}

.TextTyping2 span {
    display: none;
}

.jd_content2 {
    position: relative;
    width: 100%;
    background: url(/static/files/action/discover/images/041/img/bg-content2-001.jpg) center/cover no-repeat fixed !important;
}

.jd_content2_inner {
    position: relative;
    width: 73%;
    max-width: 1000px;
    padding: 100px 0;
    margin: 0 auto;
}

.jd_content2 h2,
.jd_content2 h3 {
    display: inline-block;
    margin: 0.5px 0;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    background: linear-gradient(90deg, rgba(64, 217, 122, 1), rgba(125, 145, 230, 1));
    padding: 10px 20px 8px;
    clip-path: polygon(5% 3%, 100% 0, 100% 65%, 95% 100%, 0% 100%, -1% 60%);
    position: relative;
    z-index: 9999;
}

.jd_section2_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.5s ease 0s;
    z-index: 1;
}

.jd_name {
    font-size: 28px;
    font-weight: bold;
}

.jd_name_under {
    font-size: 15px;
    display: block;
}

.jd_section2_on {
    position: relative;
}

.show .jd_section2_bg {
    opacity: 1;
}

.jd_section2_bg._oy01 {
    background-image: url("/static/files/action/discover/images/041/img/oyama-013.jpg");
}

.jd_section2_bg._oy02 {
    background-image: url("/static/files/action/discover/images/041/img/oyama-001.jpg");
}

.jd_section2_bg._01 {
    background-image: url("/static/files/action/discover/images/041/img/bg-content2-001.jpg");
}

.jd_section2_bg._02 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-1-005.jpg");
}

.jd_section2_bg._03 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-1-004.jpg");
}

.jd_section2_bg._04 {
    background-image: url("/static/files/action/discover/images/041/img/bg-content2-001.jpg");
}

.jd_section2_bg._05 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-0-003.jpg");
}

.jd_section2_bg._06 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-4-001.jpg");
}

.jd_section2_bg._07 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-4-002.jpg");
}

.jd_section2_bg._08 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-5-001.jpg");
}

.jd_section2_bg._09 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-6-002.jpg");
}

.jd_section2_bg._10 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-1-001.jpg");
}

.jd_section2_bg._11 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-1-003.jpg");
}

.jd_section2_bg._12 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-0-001.jpg");
}

.jd_section2_bg._13 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-3-003.jpg");
}

.jd_section2_bg._14 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-3-001.jpg");
}

.jd_section2_bg._15 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-5-003.jpg");
}

.jd_section2_bg._16 {
    background-image: url("/static/files/action/discover/images/041/img/bg-top-4-003.jpg");
}

.jd_section2_bg._17 {
    background-image: url("/static/files/action/discover/images/041/img/oyama-015.jpg");
}

.jd_section2_bg._18 {
    background-image: url("/static/files/action/discover/images/041/img/bg-sub-002.jpg");
}

.jd_section2_bg._19 {
    background-image: url("/static/files/action/discover/images/041/img/bg-sub-003.jpg");
}

.jd_interview_q {
    margin: 50px 0 0 0;
    width: 550px;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 9;
}

.jd_interview_q figure,
.jd_interview_a figure {
    position: relative;
}

.jd_interview_q p {
    position: absolute;
    top: 54%;
    left: 54%;
    transform: translateY(-50%) translateX(-50%);
    width: 385px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    word-break: normal;
}

.jd_interview_a {
    width: 540px;
    position: relative;
    padding-left: 20px;
    opacity: 0;
    transition: opacity 0.5s;
    word-break: break-word;
    z-index: 9;
}

.center-animation {
    opacity: 1;
}

.jd_interview_a p {
    position: absolute;
    top: 52%;
    left: 47%;
    transform: translateY(-50%) translateX(-50%);
    width: 380px;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    word-break: break-all;
}

.jd_ia_pb-5 {
    padding-bottom: 5px;
}

.jd_ia_pb-10 {
    padding-bottom: 10px;
}

.jd_ia_pb-15 {
    padding-bottom: 15px;
}

.jd_ia_pb-20 {
    padding-bottom: 20px;
}

.jd_ia_pb-25 {
    padding-bottom: 25px;
}

.jd_iq_mb-0 {
    margin-bottom: 0;
}

.jd_iq_mb-5 {
    margin-bottom: 5px;
}

.jd_iq_mb-10 {
    margin-bottom: 10px;
}

.jd_ansewer_icon {
    width: 18%;
    position: absolute;
    top: 38%;
    right: -20%;
    z-index: 10;
}

.jd_interview_a::before {
    content: "";
    display: block;
    width: 11%;
    height: 2px;
    background: #8A86FF;
    position: absolute;
    top: 33%;
    right: -8%;
    transform: rotate(43deg);
}

.jd_ansewer_circle {
    position: absolute;
    top: 33%;
    right: -10%;
    width: 7%;
    animation: spin 4s linear infinite;
    z-index: 20;
}

.jd_ansewer_circle.middle {
    top: 31%;
}

.jd_ansewer_circle.middle_l {
    top: 28%;
}

.jd_ansewer_circle.middle_l2 {
    top: 27%;
}

.jd_ansewer_circle.long {
    top: 26%;
}

.jd_ansewer_circle.long2 {
    top: 25%;
}

.jd_ansewer_circle.s2_long {
    top: 24%;
}

.jd_ansewer_circle.h3_long {
    top: 23%;
}

.jd_ansewer_circle.s1_long {
    top: 22%;
}

.jd_ansewer_circle.s_long {
    top: 21%;
}

.jd_ansewer_circle.h2_long {
    top: 19%;
}

.jd_ansewer_circle.h1_long {
    top: 18%;
}

.jd_ansewer_circle.h_long {
    top: 17%;
}

.jd_ansewer_circle.us3_long {
    top: 15%;
}

.jd_ansewer_circle.us2_long {
    top: 14%;
}

.jd_ansewer_circle.us_long {
    top: 13%;
}

.jd_ansewer_circle.u_long {
    top: 12%;
}

.jd_ansewer_circle.xs_long {
    top: 11%;
}

.jd_ansewer_circle.x_long {
    top: 10%;
}

.jd_ansewer_circle.x2_long {
    top: 9%;
}

.jd_ansewer_circle.z_long {
    top: 8%;
}

.jd_ansewer_icon.middle {
    top: 36%;
}

.jd_ansewer_icon.middle_l {
    top: 33%;
}

.jd_ansewer_icon.middle_l2 {
    top: 31%;
}

.jd_ansewer_icon.long {
    top: 29%;
}

.jd_ansewer_icon.s2_long {
    top: 28%;
}

.jd_ansewer_icon.s1_long {
    top: 25%;
}

.jd_ansewer_icon.s_long {
    top: 24%;
}

.jd_ansewer_icon.h2_long {
    top: 22%;
}

.jd_ansewer_icon.h1_long {
    top: 21%;
}

.jd_ansewer_icon.h1_long {
    top: 20%;
}

.jd_ansewer_icon.h_long {
    top: 19%;
}

.jd_ansewer_icon.hx_long {
    top: 22%;
}

.jd_ansewer_icon.us3_long {
    top: 17%;
}

.jd_ansewer_icon.us2_long {
    top: 16%;
}

.jd_ansewer_icon.us_long {
    top: 15%;
}

.jd_ansewer_icon.u_long {
    top: 14%;
}

.jd_ansewer_icon.xs_long {
    top: 13%;
}

.jd_ansewer_icon.x_long {
    top: 11%;
}

.jd_ansewer_icon.x2_long {
    top: 10%;
}

.jd_ansewer_icon.z_long {
    top: 9%;
}

.jd_interview_a.middle::before {
    top: 31%;
}

.jd_interview_a.middle_l::before {
    top: 27%;
}

.jd_interview_a.middle_l2::before {
    top: 26%;
}

.jd_interview_a.long::before {
    top: 25%;
}

.jd_interview_a.long2::before {
    top: 24%;
}

.jd_interview_a.s2_long::before {
    top: 23%;
}

.jd_interview_a.s1_long::before {
    top: 22%;
}

.jd_interview_a.s_long::before {
    top: 21%;
}

.jd_interview_a.h3_long::before {
    top: 20%;
}

.jd_interview_a.h2_long::before {
    top: 19%;
}

.jd_interview_a.h1_long::before {
    top: 18%;
}

.jd_interview_a.h_long::before {
    top: 17%;
}

.jd_interview_a.us3_long::before {
    top: 15%;
}

.jd_interview_a.us2_long::before {
    top: 14%;
}

.jd_interview_a.us_long::before {
    top: 13%;
}

.jd_interview_a.u_long::before {
    top: 12%;
}

.jd_interview_a.xs_long::before {
    top: 11%;
}

.jd_interview_a.x_long::before {
    top: 10%;
}

.jd_interview_a.x2_long::before {
    top: 9%;
}

.jd_interview_a.z_long::before {
    top: 8%;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jd_a_underline {
    background: linear-gradient(#40D97A, #40D97A) 0 100%/0 7px no-repeat;
    transition: background 2s;
    text-decoration: none;
}

.jd_a_underline.active {
    background-size: 100% 7px;
}

/*----------- modal ------------------*/
.jd_modal {
    position: relative;
}

.jd_modal-span {
    cursor: pointer;
}

.jd_modal-outer {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
}

.jd_modal-inner {
    position: absolute;
    top: 55%;
    left: 77%;
    transform: translate(-50%, -50%);
    background: #E7E9EF;
    padding: 71px 50px;
    width: 432px;
    clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%, 0 12%);
    z-index: 999;
}

.jd_modal-inner-container p {
    width: auto;
    position: relative;
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    word-break: break-word;
}

.modal-open {
    overflow: hidden;
}

.show {
    display: block;
}

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

.jd_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本目の線 */
.jd_toggle span:first-child {
    transform: rotate(45deg);
}

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

.jd_index4_img1 {
    position: absolute;
    top: 20px;
    right: -73px;
    width: 544px;
    z-index: 5;
}

/*==================================================
content3
===================================*/
.jd_content3 {
    background: url(/static/files/action/discover/images/041/img/bg-content3-001.jpg) center/cover no-repeat;
    position: relative;
    z-index: 9999;
}

.jd_content_tx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99991;
    background: linear-gradient(90deg, rgba(26, 26, 26, 0.6) 0%, rgba(255, 255, 255, 0.01) 100%);
}

.jd_content3_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20% 0;
    position: relative;
    z-index: 99999;
}

.jd_content3_inner_wrapper {
    text-align: center;
}

.jd_content3_inner_wrapper a {
    background: linear-gradient(90deg, rgba(64, 217, 122, 1), rgba(125, 145, 230, 1));
    clip-path: polygon(5% 3%, 100% 0, 100% 65%, 95% 100%, 0% 100%, -1% 60%);
    position: relative;
    z-index: 9999;
    padding: 0 20px 0 40px;
    display: inline-flex;
    height: 75px;
    justify-content: center;
    align-items: center;
}

.jd_content3_inner_wrapper h2 {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    padding: 2px 40px 0;
    position: relative;
}

.jd_content3_inner_wrapper_logo {
    width: 17%;
}

.jd_content3_inner_wrapper_arrow {
    width: 4%;
}

.jd_content3_inner_wrapper h3 {
    font-size: 80px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin: 100px auto -20px;
    font-family: 'Game-Of-Squids';
    color: #006CFF;
}

.jd_profile {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}

.jd_profile_inner {
    position: absolute;
    top: 56%;
    left: 48.8%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9999;
    width: 733px;
}

.jd_profile_inner_text {
    width: 445px;
    padding: 25px 40px 15px;
    position: relative;
    z-index: 1;
    background: rgba(0, 108, 255, 0.3);
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}

.jd_profile_inner_text::after {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.8);
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}

.jd_profile_inner_text p {
    color: #fff;
    font-size: 17px;
    text-align: left;
    position: relative;
    z-index: 9999;
    margin-bottom: 10px;
}

.jd_profile_inner_img {
    width: 371px;
    height: 445px;
    position: absolute;
    top: 3px;
    right: -32px;
}

.jd_profile_inner_img2 {
    width: 80%;
    margin: 0 auto;
}

.jd_reader {
    position: absolute;
    width: 300px;
    z-index: 99999;
}

#jd_randomImg_profile1 {
    background-image: url(/static/files/action/discover/images/041/img/ex-profile-001.jpg);
}

#jd_randomImg_profile2 {
    background-image: url(/static/files/action/discover/images/041/img/ex-profile-002.jpg);
}

.jd_glitch2,
.jd_glitch3 {
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.jd_glitch2::before,
.jd_glitch2::after,
.jd_glitch2 .jd_channel,
.jd_glitch3::before,
.jd_glitch3::after,
.jd_glitch3 .jd_channel {
    background: inherit;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.jd_glitch2::before,
.jd_glitch3::before {
    animation: jd_glitch-before2 3s linear infinite alternate both;
    content: "";
}

@keyframes jd_glitch-before2 {
    0% {
        clip-path: polygon(0% 7.9529126196%, 100% 7.9529126196%, 100% 12.8918562083%, 0% 12.8918562083%);
        transform: translate(-0.0342837252%, -0.2925889106%);
    }

    2% {
        clip-path: polygon(0% 20.4874995791%, 100% 20.4874995791%, 100% 26.1482901927%, 0% 26.1482901927%);
        transform: translate(7.7316073336%, 0.180605682%);
    }

    4% {
        clip-path: polygon(0% 6.9685872316%, 100% 6.9685872316%, 100% 15.1621338838%, 0% 15.1621338838%);
        transform: translate(1.2483779865%, 0.1752827779%);
    }

    6% {
        clip-path: polygon(0% 56.8652846255%, 100% 56.8652846255%, 100% 64.8241439437%, 0% 64.8241439437%);
        transform: translate(-4.9288264537%, 0.0121254885%);
    }

    8% {
        clip-path: polygon(0% 82.5663170899%, 100% 82.5663170899%, 100% 88.5762277323%, 0% 88.5762277323%);
        transform: translate(2.0385950921%, 0.2940286321%);
    }

    10% {
        clip-path: polygon(0% 18.9925175818%, 100% 18.9925175818%, 100% 23.5845513921%, 0% 23.5845513921%);
        transform: translate(-2.5617337594%, -0.0980213121%);
    }

    12% {
        clip-path: polygon(0% 14.1329059133%, 100% 14.1329059133%, 100% 22.2134817341%, 0% 22.2134817341%);
        transform: translate(4.6246780617%, 0.1893415127%);
    }

    14% {
        clip-path: polygon(0% 8.6448442487%, 100% 8.6448442487%, 100% 17.0312120493%, 0% 17.0312120493%);
        transform: translate(6.3975630445%, 0.4716439932%);
    }

    16% {
        clip-path: polygon(0% 87.2284716381%, 100% 87.2284716381%, 100% 90.5928126863%, 0% 90.5928126863%);
        transform: translate(-7.4402885566%, -0.141045771%);
    }

    18% {
        clip-path: polygon(0% 64.9315512829%, 100% 64.9315512829%, 100% 70.9051302856%, 0% 70.9051302856%);
        transform: translate(-5.8038967351%, 0.011571927%);
    }

    20%,
    100% {
        clip-path: none;
        transform: none;
    }
}

.jd_glitch2::after,
.jd_glitch3::after {
    animation: jd_glitch-after2 3s linear infinite alternate both;
    content: "";
}

@keyframes jd_glitch-after2 {
    0% {
        clip-path: polygon(0% 8.9346985783%, 100% 8.9346985783%, 100% 14.8705635364%, 0% 14.8705635364%);
        transform: translate(-5.0855695083%, -0.4520419904%);
    }

    2% {
        clip-path: polygon(0% 25.1502193433%, 100% 25.1502193433%, 100% 29.6400585768%, 0% 29.6400585768%);
        transform: translate(-2.7381319054%, 0.0003319638%);
    }

    4% {
        clip-path: polygon(0% 83.624026808%, 100% 83.624026808%, 100% 90.2646038091%, 0% 90.2646038091%);
        transform: translate(3.3769891418%, -0.2685412692%);
    }

    6% {
        clip-path: polygon(0% 75.0933634367%, 100% 75.0933634367%, 100% 83.3878842261%, 0% 83.3878842261%);
        transform: translate(-3.1613634663%, 0.1805840541%);
    }

    8% {
        clip-path: polygon(0% 83.0613769124%, 100% 83.0613769124%, 100% 90.807150696%, 0% 90.807150696%);
        transform: translate(1.0082980292%, -0.3081954258%);
    }

    10% {
        clip-path: polygon(0% 22.5049838689%, 100% 22.5049838689%, 100% 26.9264026733%, 0% 26.9264026733%);
        transform: translate(-2.1786025353%, 0.0418189772%);
    }

    12% {
        clip-path: polygon(0% 29.2040663531%, 100% 29.2040663531%, 100% 33.0799322621%, 0% 33.0799322621%);
        transform: translate(-2.2959133985%, 0.0308426037%);
    }

    14% {
        clip-path: polygon(0% 43.4848739435%, 100% 43.4848739435%, 100% 52.5745005256%, 0% 52.5745005256%);
        transform: translate(-3.7613578911%, 0.0503286173%);
    }

    16% {
        clip-path: polygon(0% 29.6382884042%, 100% 29.6382884042%, 100% 39.2240193241%, 0% 39.2240193241%);
        transform: translate(5.6583004452%, -0.4429458154%);
    }

    18% {
        clip-path: polygon(0% 68.729533313%, 100% 68.729533313%, 100% 76.7782561334%, 0% 76.7782561334%);
        transform: translate(-6.3790747225%, 0.4975884503%);
    }

    20%,
    100% {
        clip-path: none;
        transform: none;
    }
}

.jd_glitch2 .jd_channel,
.jd_glitch3.jd_channel {
    mix-blend-mode: screen;
}

.jd_glitch2 .jd_channel::before,
.jd_glitch3 .jd_channel::before {
    bottom: 0;
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.jd_glitch2 .jd_r,
.jd_glitch3 .jd_r {
    animation: rgb-shift-r2 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-r2 {
    0% {
        transform: translate(-0.3765845444%, -0.4945561884%);
    }

    2% {
        transform: translate(-0.1540267235%, 0.3468282291%);
    }

    4% {
        transform: translate(-1.6754740837%, 0.1222820064%);
    }

    6% {
        transform: translate(-0.917361324%, -0.4062474074%);
    }

    8% {
        transform: translate(-1.2576361048%, 0.1281259826%);
    }

    10% {
        transform: translate(1.1104032533%, -0.3373772009%);
    }

    12% {
        transform: translate(-0.9788761421%, 0.0193817231%);
    }

    14% {
        transform: translate(-0.2795527302%, -0.3196881826%);
    }

    16% {
        transform: translate(-0.9153550889%, 0.3942205382%);
    }

    18% {
        transform: translate(-0.4380171185%, -0.1490602648%);
    }

    20%,
    100% {
        transform: none;
    }
}

.jd_glitch2 .jd_r::before,
.jd_glitch3 .jd_r::before {
    background: #f00;
}

.jd_glitch2 .jd_g,
.jd_glitch3 .jd_g {
    animation: rgb-shift-g2 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-g2 {
    0% {
        transform: translate(1.108223952%, 0.2215607923%);
    }

    2% {
        transform: translate(0.0764016462%, 0.0561684257%);
    }

    4% {
        transform: translate(0.9270632425%, 0.1194318741%);
    }

    6% {
        transform: translate(1.8082274377%, -0.3211691482%);
    }

    8% {
        transform: translate(-1.7843411394%, -0.4154655443%);
    }

    10% {
        transform: translate(1.8168337522%, 0.3249174596%);
    }

    12% {
        transform: translate(1.4487603567%, 0.3654749006%);
    }

    14% {
        transform: translate(-0.3982369238%, -0.1351333432%);
    }

    16% {
        transform: translate(-1.7959579602%, 0.1550908427%);
    }

    18% {
        transform: translate(1.9268444448%, 0.1088524267%);
    }

    20%,
    100% {
        transform: none;
    }
}

.jd_glitch2 .jd_g::before,
.jd_glitch3 .jd_g::before {
    background: #0f0;
}

.jd_glitch2 .jd_b,
.jd_glitch3 .jd_b {
    animation: rgb-shift-b2 3s steps(1, jump-end) infinite alternate both;
}

@keyframes rgb-shift-b2 {
    0% {
        transform: translate(-1.2401154851%, -0.0249644077%);
    }

    2% {
        transform: translate(0.3585128929%, 0.3078903426%);
    }

    4% {
        transform: translate(-0.4920820964%, 0.3409059118%);
    }

    6% {
        transform: translate(0.2598718076%, 0.4143721811%);
    }

    8% {
        transform: translate(-1.2829532202%, 0.1577756342%);
    }

    10% {
        transform: translate(0.1445262104%, -0.1719147824%);
    }

    12% {
        transform: translate(-1.0203622502%, -0.2228937613%);
    }

    14% {
        transform: translate(1.6549865819%, -0.1840787257%);
    }

    16% {
        transform: translate(1.8345257563%, 0.1621419129%);
    }

    18% {
        transform: translate(0.1064635785%, 0.3210122194%);
    }

    20%,
    100% {
        transform: none;
    }
}

@media screen and (max-width: 960px) {
    .jd_top_text {
        width: 95%;
        font-size: 5.96666666666vw;
    }

    .jd_toptext2.clip {
        clip-path: polygon(10% 0%, 100% 0, 100% 50%, 90% 100%, 0% 100%, 0% 45%);
    }

    .jd_glitch.sp_style {
        background-position: center left;
        margin: 0 0 0 -300px;
    }

    .jd_content1_inner,
    .jd_content2_inner {
        width: 95%;
    }

    .jd_content1_inner_list ul {
        padding-left: 0;
        width: 90%;
    }

    .jd_content1_inner_list ul li a span {
        font-size: 4.266666666666667vw;
    }

    .jd_content1_inner p,
    .jd_interview_a p,
    .jd_interview_q p,
    .jd_profile_inner_text p,
    .jd_modal-inner-container p {
        font-size: 3.733333333333334vw;
    }

    .jd_profile_inner_img {
        right: 14px;
    }

    .jd_content1_inner_list ul li a span {
        margin-bottom: 0;
    }

    .jd_sp_menu {
        margin-top: 0 !important;
    }

    .jd_content2 h2,
    .jd_content2 h3 {
        font-size: 5.96666666666vw;
        padding: 14px 20px 13px;
    }

    .jd_interview_q img:first-child,
    .jd_interview_a img:first-child {
        width: 100%;
    }

    .jd_interview_q {
        width: 100%;
    }

    .jd_interview_q p {
        width: 585px;
    }

    .jd_interview_a {
        width: 83%;
        padding-left: 0px;
    }

    .jd_interview_a p {
        width: 485px;
    }

    .jd_modal-inner {
        top: 50%;
        left: 50%;
        width: 90%;
        padding: 71px 40px;
    }

    .jd_bg_oyama01_img {
        top: -21%;
        width: 100%;
    }

    .jd_profile_inner {
        width: 100%;
        top: 55.5%;
        left: 51%;
    }

    .jd_profile_inner_text {
        width: 80%;
        margin: 30px auto 115px;
        padding: 25px 40px 5px;
    }

    .jd_profile_inner_img {
        width: 80%;
        height: 410px;
        margin: 0 auto;
        position: unset;
    }

    .jd_profile_bg img {
        width: 100%;
    }

    .jd_profile_inner_text p {
        margin-bottom: 30px;
    }

    .jd_name {
        font-size: 44px;
        display: block;
        padding: 0 0 10px 0;
    }

    .jd_name_under {
        font-size: 24px;
        display: block;
    }

    .jd_content3_inner_wrapper h2 {
        padding: 30px 26px 25px;
        position: relative;
    }

    .jd_section2_bg._oy01 {
        background-image: url("/static/files/action/discover/images/041/img/oyama-013-sp.jpg");
    }

    .jd_section2_bg._oy02 {
        background-image: url("/static/files/action/discover/images/041/img/oyama-001-sp.jpg");
    }

    .jd_section2_bg._01 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-0-002-sp.jpg");
    }

    .jd_section2_bg._02 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-1-005-sp.jpg");
    }

    .jd_section2_bg._03 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-1-004-sp.jpg");
    }

    .jd_section2_bg._05 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-0-003-sp.jpg");
    }

    .jd_section2_bg._06 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-4-001-sp.jpg");
    }

    .jd_section2_bg._07 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-4-002-sp.jpg");
    }

    .jd_section2_bg._08 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-5-001-sp.jpg");
    }

    .jd_section2_bg._09 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-6-002-sp.jpg");
    }

    .jd_section2_bg._10 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-1-001-sp.jpg");
    }

    .jd_section2_bg._11 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-1-003-sp.jpg");
    }

    .jd_section2_bg._12 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-0-001-sp.jpg");
    }

    .jd_section2_bg._13 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-3-003-sp.jpg");
    }

    .jd_section2_bg._14 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-3-001-sp.jpg");
    }

    .jd_section2_bg._15 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-5-003-sp.jpg");
    }

    .jd_section2_bg._16 {
        background-image: url("/static/files/action/discover/images/041/img/bg-top-4-003-sp.jpg");
    }

    .jd_section2_bg._18 {
        background-image: url("/static/files/action/discover/images/041/img/bg-sub-002-sp.jpg");
    }

    .jd_section2_bg._19 {
        background-image: url("/static/files/action/discover/images/041/img/bg-sub-003-sp.jpg");
    }
}

@media screen and (max-width: 770px) {
    .sp_on2 {
        display: none !important;
    }

    .sp_on3 {
        display: block !important;
    }

    .jd_profile_inner_img {
        width: 85%;
    }

    .jd_profile_inner {
        top: 55.7%;
    }
}

@media screen and (max-width: 720px) {
    .jd_interview_q p {
        width: 510px;
    }

    .jd_interview_a p {
        width: 410px;
    }

    .jd_top_text {
        font-size: 5.566667vw;
    }

    .sp_on3 {
        display: none !important;
    }

    .sp_on4 {
        display: block !important;
    }

    .jd_profile_inner {
        top: 56%;
    }

    .jd_profile_inner_img {
        height: 380px;
    }

    .jd_profile_inner_text p {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 650px) {
    .jd_profile_inner_text {
        width: 85%;
        margin: 30px auto 110px;
    }
}

@media screen and (max-width: 620px) {
    .jd_profile_inner_text {
        margin: 20px auto 80px;
    }

    .jd_profile_inner {
        top: 55%;
    }
}

@media screen and (max-width: 600px) {
    .jd_profile_inner_text {
        margin: 10px auto 70px;
    }
}

@media screen and (max-width: 550px) {
    .jd_profile_inner_img {
        height: 300px;
    }
}

@media screen and (max-width: 500px) {

    .jd_profile_inner {
        top: 58%;
    }

    .jd_profile_inner_text {
        margin: 20px auto 120px;
    }
}

@media screen and (max-width: 460px) {
    .jd_top_text {
        bottom: 90px;
        font-size: 5.066667vw;
    }

    .jd_glitch.sp_style {
        margin: 0 0 0 -200px;
    }

    .jd_content1_inner h2 {
        font-size: 50px;
    }

    .jd_content1_inner_list ul li a span {
        font-size: 4.866666666666667vw;
        padding: 10px 15px;
    }

    .jd_interview_q p,
    .jd_interview_a p {
        width: 70%;
        line-height: 1.7em;
    }

    .jd_content3_inner_wrapper h2 {
        padding: 15px 16px 11px 20px;
        font-size: 4.166666666666667vw;
    }

    .jd_content3_inner_wrapper h3 {
        font-size: 50px;
    }

    .jd_profile_inner_img {
        height: 250px;
        width: 80%;
        margin: 0 auto 21px;
    }

    .jd_profile_inner {
        top: 52.2%;
    }

    .jd_profile_inner_text {
        width: 85%;
        margin: 0px auto;
        padding: 5px 8px 10px;
    }

    .jd_profile_inner_text p {
        width: 85%;
        margin: 10px auto;
    }

    .sp_on4 {
        display: none !important;
    }

    .mb_on {
        display: block !important;
    }

    .jd_name {
        font-size: 24px;
        padding: 7px 0 7px 0;
    }

    .jd_name_under {
        font-size: 15px;
    }

    .jd_content3_inner_wrapper a {
        padding: 0 6px 0 10px;
        height: 60px;
    }
}

@media screen and (max-width: 415px) {
    .jd_profile_inner_img {
        margin: 0 auto 13px;
    }
}

@media screen and (max-width: 390px) {
    .jd_content3_inner_wrapper h2 {
        padding: 15px 30px 11px 20px;
    }

    .jd_profile_inner_img {
        margin: 0 auto 11px;
        height: 215px;
    }
}

@media screen and (max-width: 330px) {
    .jd_profile_inner_img {
        height: 155px;
    }

    .jd_profile_inner_text p {
        margin: 5px auto;
    }
}

/*==================================================
en
===================================*/
.path-en .jd_content1_inner_list ul li a span {
    margin: 15px auto 0;
}

.path-en .jd_content1_inner_list ul li a .span3 {
    margin: 15px auto !important;
}

.path-en .jd_content1_inner_list ul li a .span2 {
    margin: 1px auto 15px;
}

.path-en .jd_content2 h2,
.path-en .jd_content2 h3 {
    padding: 14px 35px 10px;
}

.path-en .jd_interview_a p {
    word-break: break-word;
}

.path-en .jd_modal-inner {
    width: 540px;
    left: 70%;
}

.path-en .jd_profile_inner_text p {
    font-size: 15px;
}

.path-en .jd_profile_inner_text {
    padding: 25px 25px 5px;
}

.path-en .jd_profile_inner_img {
    height: 400px;
}

@media screen and (max-width: 900px) {
    .path-en .jd_profile_inner_text {
        width: 85%;
        padding: 20px 40px 5px;
        margin: 25px auto 115px;
    }

    .path-en .jd_profile_inner_img {
        height: 370px;
    }

    .path-en .jd_profile_inner_text p {
        font-size: 29px;
    }

    .path-en .jd_name_under {
        font-size: 26px;
    }

    .path-en .jd_modal-inner {
        width: 90%;
        left: 50%;
        padding: 55px 80px;
    }

    .path-en .jd_modal-inner-container p {
        font-size: 3.233333333333334vw;
    }
}

@media screen and (max-width: 800px) {
    .path-en .jd_profile_inner_img {
        height: 380px;
    }

    .path-en .jd_profile_inner_text p {
        font-size: 3.663333333333334vw;
    }

    .path-en .jd_profile_inner {
        top: 56%;
    }

    .path-en .jd_profile_inner_text {
        margin: 20px auto 120px;
    }

    .path-en .jd_profile_inner_text p {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 700px) {
    .path-en .jd_profile_inner_img {
        height: 370px;
    }
}

@media screen and (max-width: 600px) {
    .path-en .jd_profile_inner_img {
        height: 350px;
    }

    .path-en .jd_modal-inner {
        padding: 55px 40px;
    }

    .path-en .jd_modal-inner-container p {
        font-size: 3.733333333333334vw;
    }
}

@media screen and (max-width: 550px) {
    .path-en .jd_name {
        font-size: 36px;
        padding: 0 0 5px 0;
    }

    .path-en .jd_profile_inner_img {
        height: 300px;
    }
}

@media screen and (max-width: 500px) {
    .path-en .jd_profile_inner_img {
        height: 260px;
    }
}

@media screen and (max-width: 460px) {
    .path-en .jd_profile_inner_text p {
        font-size: 4.133333333333334vw;
        margin-bottom: 10px;
    }

    .path-en .jd_name_under {
        font-size: 3.733333333333334vw;
    }

    .path-en .jd_profile_inner {
        top: 57.5%;
    }

    .path-en .jd_profile_inner_text {
        margin: 20px auto 110px;
        padding: 20px 0px 5px;
    }

    .path-en .jd_profile_inner_img {
        height: 220px;
    }

    .path-en .jd_name {
        font-size: 30px;
    }

    .path-en .jd_top_text {
        font-size: 2.4rem;
    }

    .path-en .jd_content2 h2,
    .path-en .jd_content2 h3 {
        font-size: 4.96666666666vw;
    }

    .path-en .jd_top_text p {
        padding: 5px 30px 3px;
        clip-path: polygon(5% 0%, 100% 0, 100% 50%, 95% 100%, 0% 100%, 0% 45%);
    }

    .path-en .jd_toptext2.clip {
        clip-path: polygon(5% 0%, 100% 0, 100% 50%, 95% 100%, 0% 100%, 0% 45%);
    }

    .path-en .jd_content1_inner_list ul li a span {
        margin-bottom: 1px;
    }
}

@media screen and (max-width: 420px) {
    .path-en .jd_profile_inner_text {
        padding: 5px 0px 10px;
        margin: 16px auto 105px;
    }
}

@media screen and (max-width: 410px) {
    .path-en .jd_profile_inner {
        top: 58%;
    }

    .path-en .jd_profile_inner_text {
        margin: 10px auto 110px;
    }

    .path-en .jd_profile_inner_text p {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 375px) {
    .path-en .jd_profile_inner_img {
        height: 200px;
    }

    .path-en .jd_profile_inner {
        top: 58.3%;
    }
}