@charset "UTF-8";
/* config.scss 
-------------------------------------------------------*/
/* /_config.scss
-------------------------------------------------------*/
/* _function.scss
-------------------------------------------------------*/
/* /_function.scss
-------------------------------------------------------*/
/* _media.scss 
-------------------------------------------------------*/

:root {
    --color-primary: #0032A0;
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-text: #262626;
    --color-text2: #fff;
    --color-bg: #ffffff;
    --icon-height: clamp(80px, 10vw, 134px); /* 最大134px、最小80px */
}
.individual {
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--color-text);
    line-height: 200%;
}
.individual ul {
    list-style: none;
}
 /* PCのみ表示 */
@media screen and (max-width: 767px) {
    .individual .l-lg {
        display: none !important;
    }
}
/* スマホのみ表示 */
@media screen and (min-width: 768px) {
    .individual .l-sm {
        display: none !important;
    }
}
.individual .u-d-block {
    display: block;
}

.individual .u-d-iblock {
    display: inline-block;
}

.individual .u-d-inline {
    display: inline;
}
.individual .u-d-flex {
    display: flex;
}
.individual .u-d-flex._col {
    flex-direction: column;
}
.individual .u-d-flex._center {
    align-items: center;
}
/* text-align */
.individual .u-ta-left {
    text-align: left;
}
.individual .u-ta-right {
    text-align: right;
}
.individual .u-ta-center {
    text-align: center;
}
.individual .c-breadcrumbs {
    margin-bottom: 0;
}
.individual .c-breadcrumbs ol {
    line-height: 1.5;
}
.individual .f18 {
    font-size: 1.8rem;
}
.individual .f14 {
    font-size: 1.4rem;
}
.individual h3 {
    color: var(--color-text);
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 6.4rem;
}
.individual h4 {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
}
.individual h4 span {
    width: 2.4rem;
    height: 0.3rem;
    background: var(--color-primary);
}
.individual h4.h4_blue {
    color: var(--color-primary);
    display: block;
}
.individual .h3_sub {
    color: var(--color-primary);
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 3.2rem;
}
.individual .h3_sub span {
    display: inline-block;
    width: 6.4rem;
    height: 0.1rem;
    background: var(--color-primary);
}
.individual .u-mb-24 {
    margin-bottom: 2.4rem;
}
.individual .u-mb-40 {
    margin-bottom: 4rem;
}
.individual .en {
    font-family: proxima-nova, sans-serif;
}
.individual_top {
    background: var(--primary, #0032A0);
    padding-block: 4.8rem 8rem;
    padding-inline: 15rem;
}
.individual_top .el_h1 {
    color: #fff;
    font-size: 4.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.individual_top .el_h1_sub.hp_fc_bl {
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
}
.individual .h2_sub {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}
.individual .h2_sub.blue {
    color: var(--color-primary);
}
.individual .un_irinfo_inquiry_wrap {
    background: #F5F5F5;
    padding: 3rem 5.5rem 4.5rem;
}

.individual .un_irinfo_inquiry_tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: #ddd solid 0.1rem;
    padding: 0 0 1rem;
}

.individual .un_irinfo_inquiry_tit_main {
    color: #0032a0;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    font-weight: 700;
    margin-right: 2.5rem;
}
.un_irinfo_inquiry_main th, .un_irinfo_inquiry_main td {
    padding: 0.5rem 0.5rem 0.5rem 0;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.1rem;
    vertical-align: top;
    font-size: 1.4rem;
}

.individual .un_irinfo_inquiry_tit_sub {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    font-weight: 700;
}

.individual .un_irinfo_inquiry_main {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.individual .un_irinfo_inquiry_main th,
.individual .un_irinfo_inquiry_main td {
    padding: 0.5rem 0.5rem 0.5rem 0;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.1rem;
    vertical-align: top;
}

.individual .un_irinfo_inquiry_main th {
    white-space: nowrap;
}

.individual .un_irinfo_inquiry_main .c-btn01__txt {
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    position: relative;
    transform: translateY(-.2rem);
    color: var(--color-primary);
}

.individual .un_irinfo_inquiry_thSub {
    display: block;
    position: relative;
    padding-right: 1.5rem;
}

.individual .un_irinfo_inquiry_thSub::after {
    content: "：";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 767px) {
    .individual .un_irinfo_inquiry_wrap {
        padding: 2rem 3rem 3rem;
    }
    .individual .un_irinfo_inquiry_tit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 0.5rem;
    }
    .individual .un_irinfo_inquiry_main {
        margin-top: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0.5rem;
    }
    .individual .un_irinfo_inquiry_main .c-btn01__txt {
        font-size: 1.4rem;
    }
}

.individual h2.on_border {
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 6.4rem;
}
.individual h2.on_border span {
    display: inline-block;
    background: var(--color-primary);
    width: 9.6rem;
    height: 0.2rem;
}
.individual_top .c-box1140 {
    display: flex;
    justify-content: space-between;
    max-width: none;
    height: 44rem;
    margin: 0;
    margin-top: 3.2rem;
    background: url(../images/individual/img_top_bg2.png) no-repeat right bottom;
    background-size: min(114rem, 100%) auto;
    padding: 0;
}
.individual_top_espike.l-lg {
    display: flex;
    align-items: flex-end;
}
.individual_top_txt {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.individual_top_txt p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 170%; /* 27.2px */
    letter-spacing: 1px;
}
.individual_top_es_pike {
    display: flex;
    align-items: flex-end;
}
.individual_top_es_pike img {
    max-width: 209px;
    height: auto;
    aspect-ratio: 67/92;
}
.individual_top_es_pike_cont {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.individual_top_es_pike_cont_intro {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding-bottom: 1.1rem;
}
.individual_top_es_pike_cont_intro_wrap {
    position: relative;
}
.individual_top_es_pike_cont_intro_wrap .esu {
    position: absolute;
    bottom: 7rem;
    left: -3rem;
    width: 6.4rem;
    height: 6.4rem;
    aspect-ratio: 1/1;
    background: #728DCA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.2rem;
    z-index: 1;
}
.individual_top_es_pike_cont_intro_wrap .esu::after {
    content: '';
    width: 6.4rem;
    height: 0.2rem;
    background: #728DCA;
    rotate: -30deg;
    position: absolute;
    left: 2rem;
    bottom: 4rem;
    z-index: -1;
}
.individual_top_es_pike_cont_intro_wrap .pike {
    position: absolute;
    top: -4.5rem;
    right: -2.5rem;
    width: 6.4rem;
    height: 6.4rem;
    aspect-ratio: 1/1;
    background: #FDF448;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.2rem;
    z-index: 2;
    background: transparent;
}
.individual_top_es_pike_cont_intro_wrap .pike::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #FDF448;
    border-radius: 50%;
    z-index: -1;
}
.individual_top_es_pike_cont_intro_wrap .pike::after {
    content: '';
    width: 5.8rem;
    height: 0.2rem;
    background: #728DCA;
    rotate: -30deg;
    position: absolute; 
    left: -1.5rem;
    bottom: 1.5rem;
    z-index: -2;
}
.individual_top_es_pike_cont_intro_wrap .cmnt_wrap {
    position: absolute;
    top: 0;
    left: -7.5rem;
    z-index: -1;
}
.individual .es_pike_cont._2 {
    position: absolute;
    bottom: 0;
    left: 5.75rem;
    display: flex;
    align-items: flex-start;
}
.individual .es_pike_cont._3 {
    position: absolute;
    width: 43.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -5rem;
}
.individual .es_pike_cont._4 {
    padding-inline: 4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.individual .es_pike_cont._4 .cmnt_wrap {
    background: #FBF7C6;
    position: relative;
}
.individual .es_pike_cont._4 .cmnt_wrap::after {
    background: #FBF7C6;
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    transform: scaleX(-1);
}
.individual .es_pike_cont._5 {
    display: flex;
}
.individual .es_pike_cont._5 .es {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}
.individual .es_pike_cont._5 .es .cmnt_wrap {
    position: relative;
    display: inline-block;
    margin-left: -2rem;
}
.individual .es_pike_cont._5 .es .cmnt_wrap::after {
    top: 15%;
    left: -1.2rem;
    rotate: 90deg;
    transform: scaleX(-1);
}
.individual .es_pike_cont._5 .pike .cmnt_wrap {
    position: relative;
    display: inline-block;
    background: #FBF7C6;
}
.individual .es_pike_cont._5 .pike .cmnt_wrap::after {
    background: #FBF7C6;
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    left: 30%;
}
.individual .es_pike_cont._3 figure {
    position: relative;
    z-index: 2;
}
.individual .es_pike_cont._3 .cmnt_wrap {
    z-index: 1;
}
.individual .es_pike_cont._6 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
.individual .es_pike_cont._6 .cmnt_wrap_all {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 33%;
}
.individual .es_pike_cont._6 figure {
    position: relative;
    z-index: 1;
}
.individual .es_pike_cont._6 .cmnt_wrap {
    background: #FBF7C6;
    position: relative;
}
.individual .es_pike_cont._6 .cmnt_wrap::after {
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    background: #FBF7C6;
    right: -1.2rem;
    left: auto;
    top: 10%;
    rotate: 270deg;
}
.individual .es_pike_cont._7 {
    position: absolute;
    right: 3rem;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.individual .es_pike_cont._7 .cmnt_wrap {
    position: relative;
}
.individual .es_pike_cont._7 .cmnt_wrap::after {
    left: 15%;
}
.individual .es_pike_cont._7 figure {
    position: absolute;
    top: 6.7rem;
}
.individual_top_es_pike_cont figure {
    margin: 0;
}
.individual .es_pike_cont._8 {
    position: absolute;
    left: 0;
    bottom: 2.4rem;
}
.individual .es_pike_cont._8 .cmnt_wrap {
    position: relative;
}
.individual .es_pike_cont._8 figure {
    margin-top: -2.8rem;
    position: relative;
    z-index: 1;
}
.individual .es_pike_cont._8 .cmnt_wrap::after {
    left: 20%;
}
.individual .es_pike_cont._9 {
    position: absolute;
    right: 3rem;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.individual .es_pike_cont._9 .cmnt_wrap {
    position: relative;
    background: #FBF7C6;
}
.individual .es_pike_cont._9 .cmnt_wrap::after {
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    background: #FBF7C6;
    left: 20%;
}
.individual .es_pike_cont._9 figure {
    margin-top: -2.5rem;
    position: relative;
}
.individual .es_pike_cont._10 {
    position: absolute;
    right: 9.8rem;
    top: -4rem;
}
.individual .es_pike_cont._10 .cmnt_wrap {
    position: relative;
    background: #FBF7C6;
}
.individual .es_pike_cont._10 .cmnt_wrap::after {
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    background: #FBF7C6;
    right: 20%;
    transform: scaleX(-1);
}
.individual .es_pike_cont._10 figure {
    margin-top: -0.8rem;
}
.individual .es_pike_cont._10 figure img {
    animation: rotation 0.5s linear infinite;
}
.esu .jp {
    color: var(--color-text2);
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 150%; /* 24px */
    letter-spacing: 1px;
}
.esu .en,
.pike .en {
    color: var(--color-primary);
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 120%; /* 13.2px */
    letter-spacing: 1px;
}
.individual .es_pike_cont._2 .cmnt_wrap {
    position: relative;
}
.individual .es_pike_cont._2 .cmnt_wrap:nth-child(2)::after {
    background: #D0E3FA;
    left: 15%;
    transform: scaleX(-1);
}
.individual .es_pike_cont._3 .cmnt_wrap:first-of-type {
    background: #FBF7C6;
    position: absolute;
    margin: 0 auto;
    top: -5.5rem;
}
.individual .es_pike_cont._3 .cmnt_wrap:last-of-type {
    position: absolute;
    top: 8rem;
    right: -9rem;
}
.individual .es_pike_cont._3 .cmnt_wrap:nth-child(1)::after {
    transform: scaleX(-1);
    left: 25%;
}
.individual .es_pike_cont._3 .cmnt_wrap:last-child::after {
    transform: scaleX(-1);
    left: -1.2rem;
    rotate: 91deg;
    top: 15%;
}
.pike .jp {
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 150%; /* 24px */
    letter-spacing: 1px;
}
.individual_top_es_pike_cont_1 {
    position: absolute;
    top: 0;
    right: 7.4rem;
    color: #6181C9;
    font-size: 3.2rem;
    font-weight: 700;
}
.individual_top_es_pike_cont_2 {
    position: absolute;
    top: -0.9rem;
    right: 44.6rem;
    color: #96B0EA;
    font-size: 2.0rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    line-height: 1;
    white-space: nowrap;
}
.individual_top_es_pike_cont_3 {
    position: absolute;
    color: #6181C9;
    font-size: 3.2rem;
    font-weight: 700;
    right: 1rem;
    top: 10rem;
}
.individual_top_es_pike_cont_4 {
    position: absolute;
    color: #96B0EA;
    font-size: 2.4rem;
    font-weight: 700;
    right: 60.1rem;
    top: 14.9rem;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.individual_top_es_pike_cont_5 {
    padding: 1rem;
    position: absolute;
    color: #6181C9;
    font-size: 2.4rem;
    font-weight: 700;
    right: 64.7rem;
    top: 28.5rem;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.individual_top_es_pike_cont_5 .en {
    font-size: 7.2rem;
}
.individual_top_es_pike_cont_2 p:first-child {
    display: flex;
    flex-direction: column;
}
.individual_top_es_pike_cont_2 p:last-child {
    text-align: end;
    font-size: 2.2rem;
    font-weight: 700;
}
.individual_top_es_pike_cont_4 p:nth-child(2) {
    font-size: 2.8rem;
}
.individual_top_es_pike_cont_4 p:last-child {
    text-align: end;
    font-size: 2.4rem;
    font-weight: 700;
}
.individual_top_es_pike_cont_1 > .en {
    font-size: 9.6rem;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
}
.individual_top_es_pike_cont_2 p .en {
    font-size: 8.0rem;
    line-height: 100%;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
    line-height: 1;
}
.individual_top_es_pike_cont_4 .en {
    font-size: 6.4rem;
    line-height: 100%;
    font-weight: 700;
    padding-right: 0.4rem;
    font-family: proxima-nova, sans-serif;
}
.individual_top_es_pike_cont_1 > small {
    font-size: 2.4rem;
}
.individual .esu_pike_intro {
    background: #fff;
    padding-block: 2rem 2.8rem;
    padding-inline: 2.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    max-width: 26rem;
    margin-bottom: 4.8rem;
}
.individual .esu_pike_intro p {
    color: var(--color-primary);
    font-weight: 700;
    line-height: 150%; 
    text-align: center;
}
.individual .esu_pike_intro p:nth-child(1) {
    font-size: 2rem;
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
}
.individual .esu_pike_intro p:nth-child(1) span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    color: #fff;
    background: var(--color-primary);
    line-height: 0;
    border-radius: 50%;
}
.individual_top_nav {
    padding-inline: 15rem;
    margin-top: -8rem;
    background: transparent;
}
.individual_top_nav ul {
    border: 1px solid var(--line, #DDD);
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    display: flex;
    list-style: none;
    border: 1px solid var(--line, #DDD);
}
.individual_top_nav ul li {
    width: calc( 100% / 5 );
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 1px;
    border-left: 1px solid var(--line, #DDD);
}
.individual_top_nav ul li:first-child {
    border-left: none;
}
.individual_top_nav ul li a {
    padding-block: 1.6rem 2.4rem;
    padding-inline: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}
.individual_top_nav ul li figure {
    width: 9.6rem;
    height: 9.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.individual_top_nav ul li a p {
    height: 2lh;
}
.individual_top_nav ul li figure img {
    width: 8rem;
    height: 8rem;
    object-fit: contain;
    transition: all 0.5s;
}
.individual .l-page-cont {
    margin-block: 12rem;
}
.individual .l-sec {
    margin-block: 0 12rem;
}
.individual .l-sec-s {
    margin-block: 6.4rem;
}
.individual .info_link {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
}
.individual .btn_b {
    background: var(--color-primary);
    padding-inline: 4.8rem;
    padding-inline: 0.4rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    width: 26.8rem;
    height: 6.4rem;
    line-height: 140%; /* 22.4px */
    letter-spacing: 1px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.5s;
}
.individual .btn_b::after {
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 2.4rem;
    position: absolute;
    mask: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
    background: #fff;
    width: 1.5rem;
    height: 1.1rem;
}
.individual .btn_w {
    padding-block: 0.8rem 0.9rem;
    padding-inline: 0.8rem 4rem;
    border-bottom: 1px solid var(--line, #DDD);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.5s;
    line-height: 140%;
    font-size: 1.5rem;
}
.individual .btn_w::before {
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 1.1rem;
    position: absolute;
    mask: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
    background: #fff;
    width: 1.5rem;
    height: 1.1rem;
    z-index: 1;
}
.individual .btn_w::after {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--color-primary);
    position: absolute;
    right: 0.8rem;
}
.individual h2 {
    color: var(--color-primary);
    font-size: 3.6rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4rem;
    line-height: 140%;
}
.individual h2._quote {
    padding-inline: 0.8rem;
}
.individual h2._quote::before,
.individual h2._quote::after {
    content: '“';
    display: inline-block;
    font-family: proxima-nova, sans-serif;
    font-size: 6rem;
    padding-right: 1.6rem;
}
.individual h2._quote::after {
    content: '”';
    padding-right: 0;
    padding-left: 0.8rem;
}
.individual .circle_arr {
    background: var(--color-primary);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    transition: all 0.15s;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 1.3rem;
    align-items: center;
    padding-top: 0.2rem;
}
.individual .circle_arr::before {
    content: "";
    position: absolute;
    background: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
    width: 1.5rem;
    height: 1.1rem;
    rotate: 90deg;
    transition: all 0.15s;
}
.individual .circle_arr::after {
    content: "";
    position: absolute;
    top: -1.1rem;
    background: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
    width: 1.5rem;
    height: 1.1rem;
    rotate: 90deg;
    transition: all 0.15s;
}
.individual .cmnt_wrap {
    background: #D0E3FA;
    padding-inline: 2.4rem;
    padding-block: 1.6rem;
    border-radius: 0.8rem;
    color: var(--color-text);
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 150%; /* 21px */
    letter-spacing: 1px;
}
.individual .cmnt_wrap::after {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    aspect-ratio: 1/1;
    content: '';
    position: absolute;
    left: 65%;
    top: 100%;
    transform: translateX(-50%);
    background: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
}
.individual .cmnt_wrap:nth-child(2)::after {
    left: 45%;
    mask: url(/irinfo/assets/images/individual/icn/balloons_icn.svg) no-repeat center / contain;
    background: #FBF7C6;
}
.u-ta-center {
    text-align: center;
}
.individual .challenge_wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.individual .car_part {
    padding-top: 12rem;
}
.individual .business .u-d-flex {
    align-items: end;
}
.individual .business .l-sec-s .u-d-flex {
    gap: 6.4rem;
    align-items: flex-start;
}
.individual .business_graph {
    width: 50%;
    background: #F2F6FB;
    padding: 4rem;
}
.individual .business_graph figcaption {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: end;
}
.individual .square_ttl {
    margin-bottom: 2.4rem;
    font-weight: 700;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.individual .square_ttl span {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    aspect-ratio: 1 / 1;
    background: var(--color-primary);
}
.individual .ttl_wrap .btn_w::before {
    rotate: 90deg;
    margin-right: 0.1rem;
}
.individual .business_g_wrap {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 4rem;
    column-gap: 2.4rem;
}
.individual .business_g_wrap .bus_ttl {
    color: var(--color-primary);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.individual .business_g_wrap .business_g_cont p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 170%;
    margin-top: 1.6rem;
}
.individual .global {
    background: #F2F6FB url(/irinfo/assets/images/individual/img_global_bk.png) no-repeat center / 84rem;
    background-position: top 4rem right 4rem;
}
.individual .global .u-d-flex {
    padding-block: 12rem 5.6rem;
    justify-content: space-between;
    align-items: flex-end;
}
.individual .global_sec .u-d-flex {
    gap: 6.4rem;
    align-items: flex-start;
    padding: 4.8rem 0;
}
.individual .global .global_graph {
    width: 60%;
    padding-block: 2.4rem;
    padding-inline: 2.4rem;
    background: #fff;
}
.individual .global .global_graph_exp {
    width: 40%;
}
.individual .legend {
    display: inline-block;
    margin-block: 1.6rem;
    padding-block: 1.6rem;
    padding-inline: 2.4rem;
    border: 1px solid var(--line, #DDD);
    font-size: 1.4rem;
}
.individual .legend_wrap {
    display: flex;
    gap: 1.6rem;
}
.individual .legend p {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.individual .legend span {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: var(--color-primary);
}
.individual .legend p:nth-child(2) span {
    background: #2965E7;
}
.individual .legend p:nth-child(3) span {
    background: #84A4ED;
}
.individual .legend p:nth-child(4) span {
    background: #ACD4FF;
}
.individual .notes {
    font-size: 1.3rem;
    line-height: 140%;
}
.individual .global .u-d-flex.graph {
    padding-block: 0;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0;
}
.individual .global .u-d-flex.graph .left {
    text-align: right;
    padding-right: 0.8rem;
    padding-bottom: 1rem;
    font-size: 1.1rem;
    line-height: normal;
}
.individual .global .u-d-flex.graph .left .top {
    margin-bottom: 0.4rem;
}
.individual .global .u-d-flex.graph .left .num_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.individual .num_wrap {
    font-family: Roboto;
}
.individual .global .u-d-flex.graph._2 .left .num_wrap {
    gap: 0.4rem;
    line-height: normal;
}
.individual .global .u-d-flex.graph .right figure {
    width: 54rem;
}
.individual .global .u-d-flex.graph .right figure img {
    padding-top: 2rem;
}
.individual .global_graph_exp_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.individual .global_graph_exp_cont .wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem;
    background: var(--color-primary);
    color: #fff;
    max-height: 12.3rem;
}
.individual .global_graph_exp_cont .wrap:nth-child(1) {
    margin-bottom: 0.8rem;
}
.individual .global_graph_exp_cont .wrap p {
    font-size: 2rem;
    font-weight: 700;
    line-height: 100%;
}
.individual .global_graph_exp_cont .wrap:nth-child(1) span {
    font-size: 8rem;
    display: inline-block;
    padding-inline: 0.8rem;
    line-height: 100%;
}
.individual .global_graph_exp_cont .wrap:nth-child(2) span {
    font-size: 6.4rem;
    display: inline-block;
    padding-inline: 0.4rem;
    line-height: 100%;
}
.individual .global_graph_exp_cont .wrap:nth-child(1) p:nth-child(2) {
    vertical-align: bottom;
    font-size: 3.2rem;
    font-weight: 700;
}
.individual .global_graph_exp_cont .wrap:nth-child(2) p:nth-child(2) {
    vertical-align: bottom;
    font-size: 2rem;
    font-weight: 700;
}
.individual .global_graph_exp_cont .arr {
    margin-block: 1.2rem 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 24px solid transparent;
    border-left: 24px solid transparent;
    border-top: 24px solid #9db9e1;
    border-bottom: 0;
    position: relative;
    z-index: 0;
}
.individual .global_graph_exp_message {
    width: 100%;
    margin-top: -1.2rem;
    padding-block: 3.2rem 2.4rem;
    padding-inline: 4rem;
    background: #fff;
    color: var(--color-primary);
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 150%;
}
.individual .exporter_wrap {
    width: 40%;
}
.individual .exporter_wrap p {
    background: var(--color-primary);
    padding-block: 1.6rem;
    padding-inline: 4rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.individual .exporter_wrap p span {
    font-size: 1.4rem;
    font-weight: 500;
}
.individual .exporter_wrap ul {
    padding-block: 2.4rem;
    padding-inline: 4rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.individual .exporter_wrap ul li {
    padding-left: 2.3rem;
    display: flex;
    gap: 1.2rem;
    align-items: center;
}
.individual .exporter_wrap ul li::before {
    content: '';
    aspect-ratio: 1 / 1;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--color-primary);
}
.individual .strength_sec figure {
    display: flex;
    justify-content: center;
}
.individual .trend_graph {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding-top: 4rem;
}
.individual .trend_graph_cont {
    background: #F2F6FB;
    padding: 4rem;
}
.individual .trend_graph_cont .graph._4.u-d-flex {
    align-items: flex-end;
}
.individual .trend_graph_cont .left {
    padding-right: 8px;
    padding-bottom: 24px;
}
.individual .trend_graph_cont .left .top {
    font-size: 1rem;
    line-height: normal;
    text-align: right;
    margin-bottom: 0.4rem;
}
.individual .trend_graph_cont .left .num_wrap {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    font-size: 1.4rem;
    line-height: normal;
    text-align: right;
}
.individual .trend_graph .legend {
    background: #fff;
    border: none;
    margin-block: 0;
}
.individual .trend_graph .legend_trend {
    background: #fff;
    padding-block: 1.6rem;
    padding-inline: 2.4rem;
    display: flex;
    gap: 0.8rem;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    align-items: center ;
}
.individual .trend_graph .legend_trend span {
    display: inline-block;
    width: 1.8rem;
    height: 0.2rem;
    background: var(--color-primary);
}
.individual .trend_graph .legend-col {
    padding-top: 1.6rem;
    display: flex;
    gap: 2.4rem;
    align-items: center;
}
.individual .trend_graph .legend_wrap p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
}
.individual .trend_graph .legend .top {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    padding-right: 2.4rem;
}
.legend_wrap_p_wrap {
    display: flex;
    gap: 1.6rem;
    align-items: center;
}
.individual .trend_graph .legend_wrap p:nth-child(1) span {
    background: #2378B8;
}
.individual .trend_graph .legend_wrap p:nth-child(2) span {
    background: #009689;
}
.individual .trend_graph .legend_wrap p:nth-child(3) span {
    background: #FEA100;
}
.individual .trend_graph .legend_wrap p:nth-child(4) span {
    background: #B664AF;
}
.individual .trend_graph .legend_wrap p:nth-child(5) span {
    background: #A6A6A6 ;
}
/* street_end */

.individual .car_products {
    padding-top: 8.8rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.individual .part {
    position: absolute;
    font-weight: 700;
    transition: all 0.3s;
}
.individual .part._3 > .en {
    display: block;
    text-align: right;
}
.individual .part._1 {
    top: 21.5rem;
    left: 6.1rem;
    
}
.individual .part._2 {
    top: 16.4rem;
    left: 32.5rem;
}
.individual .part._2 .circle_out {
    margin-left: 0;
}
.individual .part._3 {
    top: 14.5rem;
    right: 23.3rem;
}
.individual .part._4 {
    top: 23.5rem;
    right: 6.3rem;
}
.individual .part._5 {
    bottom: 22.7rem;
    right: 6.3rem;
}
.individual .part._6 {
    bottom: 13.2rem;
    right: 22.3rem;
}
.individual .part._7 {
    bottom: 3.2rem;
    right: 37.8rem; 
}
.individual .part._8 {
    bottom: 5.4rem;
    left: 13.5rem;
}
.individual .part._9 {
    bottom: 24.8rem;
    left: 4.5rem;
}
.individual .circle_out {
    margin-top: -2.9rem;
    margin-left: 2.4rem;
    padding: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 /1 ;
    width: 15.6rem;
    height: 15.6rem;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    background-color: #fff;
    background-image: linear-gradient(var(--color-primary), var(--color-primary));
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 0;
    transition: background-size 0.5s ease;
    position: relative;
    z-index: 1;
}
.individual .part._8 .circle_out {
    margin-left: 0;
}
.individual .part._9 .circle_out {
    margin-left: 0;
}
.individual .part .circle_out::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: -0.6rem;
    background: center / contain no-repeat url("/irinfo/assets/images/individual/icn/car_icon_point.svg");
}
.individual .part._2 .circle_out::after {
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -0.6rem;
}
.individual .part._3 .circle_out::after {
    right: 0;
    left: -0.6rem;
}
.individual .part._2 .circle_out::before {
    bottom: 0;
    height: 11.65rem;
    width: 1px;
    rotate: 180deg;
    transform-origin: center bottom;
}
.individual .part._4 .circle_out::after {
    right: auto;
    left: -0.6rem;
}
.individual .part._5 .circle_out::after {
    right: auto;
    left: -0.6rem;
}
.individual .part._6 .circle_out::after {
    right: auto;
    left: -0.6rem;
}
.individual .part._7 .circle_out::after {
    right: auto;
    left: -0.6rem;
}
.individual .circle_in {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 /1 ;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    position: relative;
    font-size: 1.3rem;
    font-weight: 700;
}
.individual .circle_in p {
    line-height: 120%;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 0.4rem;
}
.individual .circle_in figure {
    width: 5.6rem;
    height: 5.6rem;
    aspect-ratio: 1 / 1;
}
.individual .circle_in figure img {
    transition: all 0.5s;
}
.individual .circle_in .arr {
    display: inline-block;
    background: var(--color-primary);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.individual .circle_in .arr span {
    display: inline-block;
    aspect-ratio: 1/2;
    width: 0.4rem;
    height: 0.8rem;
    background: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
}
.individual .strength_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 0.1rem;
}
.individual .strength_grid li {
    background: var(--color-primary);
    padding-block: 3.6rem 4rem;
    padding-inline: 4rem;
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
}
.individual .strength_grid li .en {
    color: #96B0EA;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 100%;
}
.individual .strength_grid li .strength_txt_wrap{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.individual .strength_grid li .strength_txt_ttl {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
}
.individual .strength_grid li .strength_txt {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 170%;
}
.individual .trend,
.individual .strategy {
    padding-top: 12rem;
    border-top: 1px solid var(--line, #DDD);
}
.individual .trend .c-box1140 {
    position: relative;
}
/* strategy */
.individual .vision_2030 {
    position: relative;
    padding-bottom: 4rem;
}
.individual .vision_2030 picture {
    width: 73.9rem;
    aspect-ratio: 362/169;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.individual .vision_2030 picture a img {
    transition: all 0.5s;
}
.individual .strategy_ul {
    display: flex;
    gap: 2.4rem;
}
.individual .strategy_cont {
    padding-bottom: 6.4rem;
}
.individual .strategy_ul li {
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    border: 1px solid var(--line, #DDD);
}
.individual .strategy_ul li dl {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.individual .strategy_ul li dt {
    color: var(--color-primary);
    font-size: 1.8rem;
    font-weight: 700;
}
.individual .strategy_ul li dd {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 170%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.individual .strategy_ul li dd p {
    display: flex;
    position: relative;
    padding-left: 2.3rem;
}
.individual .strategy_ul li dd p::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background: var(--color-primary);
    position: absolute;
    left: 1rem;
    top: 1rem;
}
.individual .topics_ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,auto);
    gap: 2.4rem;
}
.individual .topics_ul li figure {
    margin-block: 1.6rem;
}
.individual .topics_ul li:nth-child(1) {
    grid-row: 1 / 4;
    grid-column: 1 / 2;
}
.individual .topics_ul li:nth-child(2) figure,
.individual .topics_ul li:nth-child(3) figure {
    margin-block: 0;
    width: 12rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}
.individual .topics_ul li:nth-child(2) dd,
.individual .topics_ul li:nth-child(3) dd,
.individual .topics_ul li:nth-child(6) dd {
    flex-direction: row;
    gap: 1.6rem;
}
.individual .topics_ul li:nth-child(4) figure {
    margin: 0 auto;
    width: 18.8rem;
    aspect-ratio: 47/32;
}
.individual .topics_ul li:nth-child(5) .u-d-flex,
.individual .topics_ul li:nth-child(6) .u-d-flex {
    gap: 0.8rem;
}
.individual .topics_ul li:nth-child(6) {
    grid-column: 2 / 4;
}
.individual .topics_ul li:nth-child(6) .u-d-flex {
    flex-shrink: 0;
}
.individual .topics_ul li:nth-child(6) .u-d-flex figure {
    margin-block: 0;
    flex-shrink: 0;
    height: 14rem;
}
.individual .topics_ul li:nth-child(6) figure:nth-child(1) img {
    height: 100%;
    aspect-ratio: 39/50;
}
.individual .topics_ul li:nth-child(6) figure:nth-child(2) img {
    height: 100%;
    aspect-ratio: 87/100;
}
.individual .topics_ul li:nth-child(6) figure:nth-child(3) img {
    height: 100%;
    aspect-ratio: 41/50;
}
/* shareholder */
.individual .shareholder_cont {
    gap: 0.8rem;
    flex-direction: column;
}
.individual .shareholder_exp {
    position: relative;
    padding-bottom: 4rem;
}
.individual .shareholder_graph {
    width: 100%;
    background: #F2F6FB;
    padding: 4rem;
}
.individual .shareholder_graph .legend {
    padding-inline: 0;
    padding-block: 0;
    padding-top: 1.6rem;
    margin-block: 0;
    border: 0;
}
.individual .shareholder_graph .legend p {
    background: #fff;
    padding-inline: 2.4rem;
    padding-block: 1.6rem;
    line-height: normal;
}
.individual .graph._5 {
    align-items: end;
}
.individual .graph._5 .left {
    padding-bottom: 3.6rem;
    padding-right: 0.8rem;
    text-align: right;
    
}
.individual .graph._5 .left .top {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.4rem;
}
.individual .graph._5 .left .num_wrap {
    display: flex;
    gap: 0.7rem;    
    align-items: center;
}
.individual .graph._5 .left .num_wrap .u-d-flex {
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
}
.individual .graph._5 .left .num_wrap span {
    display: inline-block;
    font-size: 1.1rem;
    letter-spacing: normal;
    line-height: normal;
}
.individual .graph._5 .left .num_wrap p {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: roboto;
    line-height: normal;
}
/* links */
.individual .links {
    padding-top: 12rem;
    border-top: 1px solid var(--line, #DDD);
}
.individual .links_movie {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    padding-bottom: 8rem;
}
.individual .links_h2 {
    position: relative;
}
.individual .links_movie iframe {
    aspect-ratio: 16/ 9;
}
.individual .links_cont {
    width: 100%;
    background: #F2F6FB;
    padding: 4rem;
}
.individual .strategy_ul.links_ul li {
    padding: 4rem;
    border: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    text-align: center;
}
.individual .strategy_ul.links_ul li dl {
    gap: 3.2rem;
}
.individual .strategy_ul.links_ul li dt {
    font-size: 2.2rem;
}
.individual .links_nav {
    padding-top: 8rem;
}
.individual .links_nav ul {
    display: flex;
    justify-content: space-between;
}
.individual .links_nav ul li a {
    display: grid;
    grid-template-columns: 18.8rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}
.individual .links_nav ul li a figure {
    transition: all 0.5s;
}
.individual .links_nav ul li div {
    font-size: 1.4rem;
    line-height: normal;
    display: flex;
    gap: 0.9rem;
    align-items: center;
}
.individual .links_nav ul li span {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.individual .links_nav ul li span::after {
    content: '';
    display: inline-block;
    background: var(--color-primary);
    width: 0;
    height: 0.1rem;
    transition: all 0.5s;
}
.individual .links_nav ul li .arr {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    aspect-ratio: 1 / 1 ;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.individual .links_nav ul li a .arr::after {
    content: '';
    mask: url(/assets/images/common/icon_right_white.svg) center center / contain no-repeat;
    background: #fff;
    width: 0.6rem;
    height: 1rem;
    margin-left: 0.2rem;
    transition: all 0.5s;
}
.individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse .c-btn01__icon {
    transition: all 0.5s;
}
.individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse .c-btn01__icon::after {
    transition: all 0.5s;
}
/* street */
.scroll-infinity {
    position: relative;
}
.scroll-infinity::after {
    content: '';
    width: 100%;
    height: 0.1rem;
    background: var(--color-primary);
    position: absolute;
    left: 0;
    bottom: 1.5rem;
}
.marquee {
    overflow: hidden;
    width: 100%;
    background: linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));
    padding: 20px 0 0;
}
.marquee__track {
    display: flex;
    width: max-content;
    gap: 0;
    align-items: flex-end;
}
.marquee__track img {
    height: var(--icon-height);
    width: auto;
    flex-shrink: 0;
    display: block;
}
.individual .ship {
    margin-bottom: 0.7rem;
}
.individual .challenge .h2_sub {
    font-size: 3.2rem;
}
.individual .un_irinfo_inquiry_tit_sub {color: var(--color-text);}
.individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    padding-left: 0;
}
.individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse .c-btn01__icon {
    position: relative;
    left: auto;
    top: auto;
    order: 2;
    flex: 0 0 auto;
    background: var(--color-primary);
}
.individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse .c-btn01__txt {
    order: 1;
    transform: none;
}
@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    :root { --icon-height: 11rem; }
    .individual {
        font-size: 1.4rem;
    }
    .individual_top {
        padding-block: 2.8rem 7.2rem;
        padding-inline: 1.4rem;
    }
    .individual_top .c-box1140 {
        display: block;
        padding-inline: 0;
        height: auto;
        margin-top: 0;
        background: none;
    }
    .individual_top .c-box1140 .figure {
        margin-top: 3.2rem;
    }
    .individual_top .c-box1140 .figure figure {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .individual_top_espike {
        display: flex;
        justify-content: center ;
        margin-bottom: 0;
    }
    .individual_top .c-box1140 .figure figure img {
        width: 100%;
    }
    .individual .btn_w {
        padding-block: 0.8rem 0.9rem;
        padding-inline: 0.8rem 4rem;
        font-size: 1.5rem;
    }
    .individual h2 {
        margin-bottom: 2.4rem;
        font-size: 2.8rem ;
    }
    .individual h2.on_border {
        gap: 1.6rem;
        margin-bottom: 4rem;
    }
    .individual .l-page-cont {
        margin-block: 6.4rem;
    }
    .individual .l-sec-s {
        margin-block: 4rem;
    }
    .individual .l-sec {
        margin-block: 0 6.4rem;
    }
    .individual .f18 {
        font-size: 1.6rem;
    }
    .individual h3 {
        font-size: 2.6rem;
        margin-bottom: 4rem;
    }
    .individual h4 {
        font-size: 2rem;
        margin-bottom: 2rem;
        gap: 1rem;
        align-items: flex-start;
    }
    .individual h4 span {
        width: 2rem;
        margin-top: 0.5lh;
    }
    .individual .square_ttl {
        font-size: 1.8rem;
        align-items: flex-start;
    }
    .individual .square_ttl span {
        margin-top: 0.4lh;
    }
    .individual .h3_sub.en {font-size: 1.5rem;}
    .individual_top_txt { gap: 2.4rem;}
    .individual_top .el_h1 {font-size: 3rem;}
    .individual .h3_sub {margin-bottom: 2.4rem;}
    .individual_top .el_h1_sub.hp_fc_bl {font-size: 1.4rem;}
    .individual_top_txt p {font-size: 1.4rem;}
    .individual_top_es_pike_cont_intro {
        flex-direction: column;
        width: 100%;
        padding-top: 17rem;
        gap: 1rem;
    }
    .individual_top_es_pike {margin-top: 3.2rem;}
    .individual_top_es_pike img {
        width: 13.3rem;
    }
    .individual_top_es_pike_cont {justify-content: center;}
    .individual .cmnt_wrap {
        padding-block: 1.2rem;
        padding-inline: 2rem 1.6rem;
    }
    .individual_top_es_pike_cont_intro_wrap {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-right: 0;
        margin-left: auto;
        padding-right: 2.6rem;
    }
    .individual_top_es_pike_cont_intro_wrap .pike {
        right: 0;
        top: -4.2rem;
        width: 5.6rem;
        height: 5.6rem;
    }
    .pike .jp,
    .esu .jp {
        font-size: 1.4rem;
    }
    .individual_top_es_pike_cont_intro_wrap .pike::after {
        left: -1rem;
        bottom: 2.0rem
    }
    .individual_top_es_pike_cont_intro_wrap .esu {
        left: -3.6rem;
        bottom: 3rem;
        width: 5.6rem;
        height: 5.6rem;
    }
    .esu .en, .pike .en {
        font-size: 1rem;
    }
    .individual_top_es_pike_cont_intro_wrap .cmnt_wrap {
        top: -4.8rem;
        left: -3rem;
    }
    .individual_top_es_pike_cont_intro_wrap .esu::after {
        bottom: 3rem;
        left: 1.1rem  ;
    }
    .individual .cmnt_wrap::after {left: 50%;}
    .individual .cmnt_wrap {font-size: 1.3rem;}
    .individual_top_es_pike_cont_1 > .en {font-size: 7.2rem;}
    .individual_top_es_pike_cont_1 {
        font-size: 2.4rem;
        left: 2rem;
        top: 0.3rem;
    }
    .individual_top_es_pike_cont_2 {
        top: 7.3rem;
        left: 0;
        font-size: 1.5rem;
        line-height: 100%;
    }
    .individual_top_es_pike_cont_2 p .en {
        font-size: 6rem;
    }
    .individual_top_es_pike_cont_2 p:last-child {
        font-size: 1.8rem;
    }
    .individual .cmnt_wrap::after {
        top: 99%;
    }
    .individual_top_es_pike_cont_1 > small {font-size: 1.8rem;}
    .individual_top_es_pike_cont_3 {
        right: 2.7rem;
        top: 7.5rem;
        font-size: 2.4rem;
    }
    .individual_top_es_pike_cont_4 {
        left: 5.6rem;
        top: 18.3rem;
        font-size: 1.6rem;
        line-height: 100%;
        right: auto;
    }
    .individual_top_es_pike_cont_4 p:nth-child(2) {font-size: 1.9rem;}
    .individual_top_es_pike_cont_4 .en {font-size: 4.3rem;}
    .individual_top_es_pike_cont_4 p:last-child {
        font-size: 1.4rem;
        text-align: right;
    }
    .individual_top_es_pike_cont_5 {
        left: 0.8rem;
        right: auto;
        top: 25rem;
        font-size: 2.1rem;
        line-height: 100%;
        gap: 0.7rem;
    }
    .individual_top_es_pike_cont_5 .en {font-size: 5.4rem;}
    .individual_top_es_pike_cont_5 p:last-child {font-size: 1.8rem;}
    .individual .esu_pike_intro {
        width: 30rem;
        max-width: none;
        padding-block: 1.6rem 2.4rem;
        padding-inline: 2.4rem;
        gap: 1.2rem;
        margin-bottom: 0;
    }
    .individual .esu_pike_intro p:nth-child(2) {
        font-size: 1.3rem;
    }
    .individual_top_nav {
        padding: 0;
        padding-inline: 1.4rem;
        margin-top: -4rem;
    }
    .individual_top_nav ul {
        flex-direction: column;
    }
    .individual_top_nav ul li {
        width: 100% ;
        border-left: none;
        border-bottom:  1px solid var(--line, #DDD);
    }
    .individual_top_nav ul li:last-child {
        border-bottom: none;
    }
    .individual_top_nav ul li a {
        flex-direction: row;
        padding-block: 1.6rem;
        padding-inline: 1.6rem;
        justify-content: flex-start;
        gap: 1.6rem;
        position: relative;
        font-size: 1.6rem;
    }
    .individual_top_nav ul li a .circle_arr {
        position: absolute;
        right: 1.6rem;
    }
    .individual_top_nav ul li figure {
        width: 4rem;
        height: 4rem;
        padding: 0;
        aspect-ratio: 1 / 1;
    }
    .individual_top_nav ul li figure img {
        width: 100%;
        height: 100%;
    }
    .individual .info_link {
        flex-direction: column;
        align-items: center;
    }
    .scroll-infinity {
        padding-top: 10rem;
    }
    .scroll-infinity::after {
        bottom: 9px;
    }
    .scroll-infinity::before {
        bottom: -0.5rem;
    }
    .individual .es_pike_cont._2 {
        bottom: -4rem
    }
    .es_pike_cont._2 figure {
        position: relative;
        z-index: 1;
    }
    .individual h2._quote span {
        position: relative;
        display: inline-block;
        padding-inline: 1.6rem;
    }
    .individual h2._quote::before, .individual h2._quote::after {
        content: none;
    }
    .individual h2._quote span::before, .individual h2._quote span::after {
        position: absolute;
    }
    .individual h2._quote span::before {
        top: 0;
        left: -1.6rem;
        content: '“';
        display: inline-block;
        font-family: proxima-nova, sans-serif;
        font-size: 6rem;
    }
    .individual h2._quote span::after {
        top: 0;
        right: -1.6rem;
        content: '”';
        display: inline-block;
        font-family: proxima-nova, sans-serif;
        font-size: 6rem;
    }
    .individual .ttl_wrap .u-ta-center {
        text-align: start;
    }
    .individual .ttl_wrap .h2_sub.u-ta-center {
        text-align: center ;
    }
    .individual .car_part {
        padding-top: 0;
    }
    .individual .car_products.l-sm {
        position: static;
        flex-direction: column;
        padding-top: 0;
    }
    .individual .car_products.l-sm .es_pike_cont._3 {
        position: relative;
        flex-direction: column-reverse;
        width: auto;
        margin-right: 10rem;
        top: 0;
    }
    .individual .es_pike_cont._3 .cmnt_wrap:first-of-type {
        position: static;
        margin-bottom: -2rem;
        position: relative;
        top: auto;
    }
    .individual .es_pike_cont._3 .cmnt_wrap:last-of-type {
        right: -12rem;
        top: 50%;
    }
    .individual .car_part_sp {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        align-items: start;
    }
    .individual .car_part_sp li a {
        padding-block: 0.8rem 1.2rem;
        padding-inline: 0.8rem;
        display: flex;
        flex-direction: column;
        border-bottom: solid 1px #ddd;
    }
    .individual .car_part_sp li:nth-child(1) a,
    .individual .car_part_sp li:nth-child(2) a {
        border-top: solid 1px #ddd;
    }
    .individual .car_part_sp li:nth-child(odd) a {
        border-right: solid 1px #ddd;
        border-left: solid 1px #ddd;
    }
    .individual .car_part_sp li:nth-child(even) a {
        border-right: solid 1px #ddd;
    }
    .individual .car_part_sp li a div:nth-child(1) {
        background: #F2F6FB;
        padding: 0.4rem;
    }
    .individual .car_part_sp .part> div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .individual .car_part_sp .part> div:nth-child(2) {
        display: flex;
        justify-content: flex-start;
    }
    .individual .car_part_sp li a figure {
        width: 6.4rem;
        height: 6.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .individual .car_part_sp li a div:nth-child(2) {
        padding-top: 0.8rem;
        padding-left: 0.8rem;
        display: flex;
        align-items: center;
        position: relative;
    }
    .individual .car_part_sp .part {
        position: static;
    }
    .individual .car_part_sp .part p {
        line-height: 140%;
        font-size: 1.4rem;
        height: 2lh;
        display: flex;
        align-items: center;
    }
    .individual .car_part_sp .arr {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.6rem;
        height: 1.6rem;
        background: var(--color-primary);
        border-radius: 50%;
        position: absolute;
        right: 0;
    }
    .individual .car_part_sp .arr::after {
        content: '';
        position: absolute;
        mask: url(/assets/images/common/icon_right_white.svg) center center / contain no-repeat;
        background: #fff;
        aspect-ratio: 2 / 3;
        width: 0.6rem;
        height: 0.6rem;
        margin-left: 0.1rem;
    }
    .individual .business .u-d-flex {
        flex-direction: column;
        align-items: center;
    }
    .individual .business .l-sec-s .u-d-flex {
        gap: 4rem;
    }
    .individual .es_pike_cont._4 {
        margin-top: 4rem;
    }
    .individual .business_g_wrap {
        width: 100%;
        grid-template-columns: 1fr;
    }
    .individual .business_g_cont {
        display: grid;
        grid-template-columns: 12rem 1fr;
        gap: 1.6rem;
    }
    .individual .business_g_wrap .bus_ttl {font-size: 2rem;}
    .individual .business_g_wrap .business_g_cont p {margin-top: 0;}
    .individual .business_graph {
        width: 100%;
        padding: 1.6rem;
    }
    .individual .global .u-d-flex {
        flex-direction: column;
        padding-block: 6.4rem 5.6rem;
    }
    .individual .es_pike_cont._5 {
        flex-direction: column-reverse;
        width: 100%;
        margin-top: 4rem;
    }
    .individual .es_pike_cont._5 .es {
        margin-top: -5rem;
    }
    .individual .global {
        background-size: contain;
        background-position: center top 10.5%;
    }
    .individual .es_pike_cont._5 .es .cmnt_wrap {
        margin-bottom: 2.5rem;
    }
    .l-sec-s.global_sec:nth-child(1) {margin-top: 1.5rem;}
    .individual .global .global_graph {width: 100%;}
    .individual .global_graph .graph {
        flex-direction: row;
        padding-top: 0;
    }
    .individual .global .u-d-flex.graph .right figure img {
        padding-top: 0.4rem;
    }
    .individual .global .u-d-flex.graph {align-items: flex-start;
    }
    .individual .global .u-d-flex.graph .right {
        overflow-x:scroll;
    }
    .individual .global .u-d-flex.graph._1 .right,
    .individual .global .u-d-flex.graph._2 .right {
        min-width: 0;
        flex: 1;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .individual .global .u-d-flex.graph._1 .right figure,
    .individual .global .u-d-flex.graph._2 .right figure {
        width: 50rem;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }
    .individual .global .u-d-flex.graph._1 .right figure img,
    .individual .global .u-d-flex.graph._2 .right figure img {
        display: block;
        width: 100%;
        max-width: none;
    }
    .individual .global .u-d-flex.graph .left {
        white-space: nowrap;
    }
    .individual .global .u-d-flex.graph .left .top {
        font-size: 1rem;
    }
    .individual .global .u-d-flex.graph .left .num_wrap {
        gap: 1.2rem;
    }
    .individual .legend_wrap {
        flex-wrap: wrap;
        row-gap: 1.2rem;
        column-gap: 1.6rem;
    }
    .individual .global .global_graph_exp {width: 100%;}
    .individual .l-sec.global .u-d-flex:nth-child(3) {
        padding-top: 3.2rem;
        gap: 3.2rem;
        padding-bottom: 4rem;
    }
    .individual .global_graph_exp_cont .wrap {padding: 2.4rem;}
    .individual .global_graph_exp_cont .wrap .p-wrap {
        height: 6.4rem;
        display: flex;
        align-items: center;
    }
    .individual .global_graph_exp_cont .wrap p {font-size: 1.8rem;}
    .individual .global_graph_exp_cont .wrap:nth-child(1) p:nth-child(2) {font-size: 2.8rem;}
    .individual .global_graph_exp_cont .wrap:nth-child(1) span {font-size: 6.4rem;}
    .individual .global_graph_exp_cont .wrap:nth-child(2) span {font-size: 4.4rem;}
    .individual .global_graph_exp_cont .wrap:nth-child(2) p:nth-child(2) {font-size: 1.8rem;}
    .individual .global_graph_exp_message {
        padding-block: 2.4rem 2rem;
        padding-inline: 2.4rem;
        font-size: 2.4rem;
    }
    .individual .global .u-d-flex.graph._2 .left .num_wrap {gap: 0.2rem;}
    .individual .exporter_wrap {width: 100%;}
    .individual .exporter_wrap p {padding-inline: 2.4rem;}
    .individual .exporter_wrap ul {
        padding-block: 1.6rem;
        padding-inline: 2.4rem;
    }
    .individual .exporter_wrap ul li {
        padding-left: 0;
        font-size: 1.5rem;
    }
    .individual .es_pike_cont._6 {justify-content: end;}
    .individual .es_pike_cont._6 .cmnt_wrap_all {
        left: 20%;
        margin-top: 1.6rem;
    }
    .individual .strength_grid {
        grid-template-columns: 1fr;
    }
    .individual .strength_grid li {
        padding: 2.4rem;
        gap: 1.6rem;
    }
    .individual .strength_grid li .en {font-size: 4rem;}
    .individual .strength_grid li .strength_txt_wrap {gap: 1.2rem;}
    .individual .strength_grid li .strength_txt_ttl {font-size: 1.5rem;}
    .individual .trend, .individual .strategy {padding-top: 6.4rem;}
    .individual .l-sec.trend .u-ta-center {text-align: start;}
    .individual .trend_graph {padding-top: 3.2rem;}
    .individual .es_pike_cont._7.l-sm,.individual .es_pike_cont._7.l-sm figure {position: static;}
    .individual .es_pike_cont._7.l-sm {padding-top: 3.2rem;}
    .individual .es_pike_cont._7.l-sm figure {
        margin-top: -2.5rem;
        position: relative;
        top: 0;
    }
    .individual .trend_graph_cont {
        padding: 2.4rem;
    }
    .individual .trend_graph_cont .graph._4.u-d-flex .right {
        overflow-x:scroll;
    }
    .individual .trend_graph_cont .graph._4.u-d-flex figure {
        width: 100rem;
        flex-shrink: 0;
        margin: 0;
    }
    .individual .trend_graph_cont .graph._4.u-d-flex figure img {
        display: block;
        width: 100%;
        max-width: none;
    }
    .individual .trend_graph_cont .graph._4.u-d-flex {align-items: flex-end;}
    .individual .trend_graph_cont .left {margin-top: 7rem;}
    .individual .trend_graph_cont .left .num_wrap {gap: 2.25rem;}
    .individual .trend_graph_cont .graph._4 .left .num_wrap {gap: 2rem;}
    .individual .trend_graph .legend-col {flex-direction: column;}
    .individual .trend_graph .legend-col .legend {margin-block: 0;}
    .individual .legend_wrap_p_wrap {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        column-gap: 1.6rem;
        row-gap: 1.2rem;
        white-space: nowrap;
    }
    .individual .trend_graph .legend-col {align-items: flex-start;  }
    .individual .trend_graph .legend_trend {width: 100%;}
    .individual .vision_2030 picture {
        width: 100%;
        margin-bottom: 3.2rem;
    }
    .individual .es_pike_cont._8 {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .individual .es_pike_cont._8 .cmnt_wrap {display: inline-block;}
    .individual .vision_2030 {padding-bottom: 0;}
    .individual .info_link {margin-block: 3.2rem 4rem;}
    .individual .strategy_ul {flex-direction: column;}
    .individual .topics_ul {
        display: flex;
        flex-direction: column;
    }
    .individual .topics_ul li:nth-child(6) dd {
        flex-direction: column;
    }
    .individual .topics_ul li:nth-child(6) dd .u-d-flex {
        margin: 0 auto;
    }
    .individual .l-sec.shareholder .shareholder_exp .u-ta-center{text-align: start;}
    .individual .es_pike_cont._9 {
        position: static;
        margin-top: 3.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .individual .es_pike_cont._9 figure {padding-left: 5rem;}
    .individual .es_pike_cont._9 .cmnt_wrap::after {left: 30%;}
    .individual .shareholder_graph {padding: 2.4rem;}
    .individual .shareholder_graph .graph._5.u-d-flex figure {
        width: 100rem;
        flex-shrink: 0;
        padding-top: 2.4rem;
        margin: 0;
    }
    .individual .shareholder_graph .graph._5.u-d-flex figure img {
        display: block;
        width: 100%;
        max-width: none;
    }
    .individual .graph._5 .right {
        min-width: 0;
        flex: 1;
        display: flex;
        overflow-x: auto;
    }
    .individual .graph._5 {align-items: flex-end;}
    .individual .graph._5 .left {margin-top: 1.8rem;}
    .individual .graph._5 .left .num_wrap {
        gap: 2rem;
        align-items: flex-end;
    }
    .individual .graph._5 .left .num_wrap_left {
        margin: auto 0;
    }
    .individual .shareholder_graph .legend {display: block;}
    .individual .es_pike_cont._10 {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
    }
    .individual .es_pike_cont._10 figure {padding-right: 5rem;}
    .individual .es_pike_cont._10 .cmnt_wrap::after {left: auto;}
    .individual .links_movie {grid-template-columns: 1fr; gap: 2.4rem; padding-bottom: 4rem;}
    .individual .links_movie iframe {
        width: 100%;
        height: auto;
    }
    .individual .links_cont {padding: 2.4rem;}
    .individual .strategy_ul.links_ul li {padding-block: 2.4rem; padding-inline: 1.6rem;}
    .individual .strategy_ul.links_ul li dt {font-size: 1.8rem;}
    .individual .links {padding-top: 6.4rem;}
    .individual .links_ul .btn_b {width: 25rem;}
    .individual .links_nav {padding-top: 4rem;}
    .individual .links_nav ul {flex-direction: column;}
    .individual .links_nav ul li a {grid-template-columns: 14rem minmax(0, 1fr); gap: 2rem;}
    .individual .links_nav ul li {border-bottom: solid 1px #ddd; padding-bottom: 1rem;}
    .individual .links_nav ul li:nth-child(2), .individual .links_nav ul li:nth-child(3) {padding-top: 1rem;}
    .individual .un_irinfo_inquiry_wrap {padding: 3rem;}
    .individual .un_irinfo_inquiry_tit_main, .individual .un_irinfo_inquiry_tit_sub {line-height: normal;}
    .individual .un_irinfo_inquiry_tit {margin-bottom: 1rem;}
    .individual .topics_ul li:nth-child(6) .u-d-flex {flex-shrink: 1; display: grid; grid-template-columns: repeat(3,1fr);}
    .individual .topics_ul li:nth-child(6) .u-d-flex figure {height: auto;}
    .individual .graph._5 .left .num_wrap .u-d-flex {gap: 2rem;}
    .graph._1 .right img, .graph._2 .right img {width: 50rem;}
    .individual_top_nav ul li a p {
        height: auto;
    }
}
@media (max-width: 480px) {
    :root { --icon-height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
    .marquee__track { animation: none !important; }
}
@media (hover: hover) {
    .individual_top_nav ul li a:hover figure img {
        scale: 1.1;
    }
    .individual_top_nav ul li a:hover p {
        color: var(--color-primary);
    }
    .individual_top_nav ul li a:hover .circle_arr::before {
        transform: translateX(1.8rem);
    }
    .individual_top_nav ul li a:hover .circle_arr::after {
        transform: translateX(0.8rem);
        top: 0;
    }
    .individual .btn_b:hover {
        background: transparent;
        color: var(--color-primary);
        border: var(--color-primary) 1px solid;
    }
    .individual .btn_b:hover::after {
        background: var(--color-primary);
    }
    .individual .btn_w:hover {
        transform: scaleX(1);
        transform-origin: left center;
        border-color: var(--color-primary);
    }
    .individual .part:hover .circle_out {
        background-size: 100% 100%;
    }
    .individual .part:hover .circle_in {
        border: 1px solid #fff;
        background: #fff;
    }
    .individual .part:hover .circle_in img {
        scale: 1.1;
    }
    .individual .part:hover .circle_in .arr {
        background: #fff;
        border: solid 1px var(--color-primary);
    }
    .individual .part:hover .circle_in .arr span {
        mask: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
        background: var(--color-primary);
    }
    .individual .part:hover .circle_in::before {
        filter: brightness(0) invert(1);
    }
    .individual .vision_2030 picture a:hover img {
        opacity: .7;
        scale: 1.02;
    }
    .individual .links_nav ul li a:hover figure {
        opacity: .7;
    }
    .individual .links_nav ul li a:hover .arr {
        background: #fff;
        border: solid 1px var(--color-primary)
    }
    .individual .links_nav ul li a:hover .arr::after {
        background: var(--color-primary);
    } 
    .individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse:hover .c-btn01__icon {
        background: #fff;
    }
    .individual .un_irinfo_inquiry_btn .c-btn01.c-btn01__reverse:hover .c-btn01__icon::after {
        mask: url("/assets/images/common/icon_right_white.svg") center center / contain no-repeat;
        background: var(--color-primary);
    }
    .individual .links_nav ul li a:hover span::after {
        width: 100%;
    }
}