@charset "UTF-8";

:root {
    --brand-blue-mid: #7B9EF0;
    --color-white: #ffffff;
    --color-text: #000000;
    --color-text-sub: #444444;
    --color-black: #000000;
    --color-mint-light: #bde1d6;
    --color-mint-bg: rgba(163, 214, 202, 0.5);
    --color-pink: #f4b3c2;
    --color-pink-bg: rgba(244, 179, 194, 0.35);
    --color-yellow: #fefbd9;
    --color-yellow-highlight: #fffac6;
    --color-green-accent: #006f47;
    --font-bold: "游ゴシック体 Pr6N B", "Yu Gothic", "Hiragino Sans", sans-serif;
    --font-base: "Hiragino Sans", "Noto Sans JP", sans-serif;
    --lp-pad: 30px;
    --lp-max: 950px;
    --lp-center-max: 480px;
    --lp-center-bp: 481px;
    --lp-scroll-anchor-offset: 16px;
    --lp-scroll-anchor-offset-badge: 32px;
    --lp-site-header-height: 100px;
    --lp-layout-height: calc(100dvh - var(--lp-site-header-height));
    --lp-sect-title-size: clamp(28px, calc(28px + (100vw - 390px) * 4 / 90), 32px);
    --kv-suki-width: clamp(96px, 36vw, 163px);
    font-feature-settings: "palt";
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.bl_articleSet_item--culturalproduction {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin: 0 0 0 -50vw;
    padding: 0;
    overflow: visible;
}

.ly_contents:has(.bl_articleSet_item--culturalproduction),
.ly_contents_container.ly_container:has(.bl_articleSet_item--culturalproduction),
.ly_contents_main:has(.bl_articleSet_item--culturalproduction) {
    overflow: visible;
}

html:has(.bl_articleSet_item--culturalproduction) {
    overflow-x: hidden;
}

.ly_contents_main:has(.bl_articleSet_item--culturalproduction) > .bl_pageHeader {
    display: none;
}

.ly_contents_container:first-child{
    padding-top: 0;
}

.bl_articleSet_item--culturalproduction,
.bl_articleSet_item--culturalproduction *,
.bl_articleSet_item--culturalproduction *::before,
.bl_articleSet_item--culturalproduction *::after {
    letter-spacing: normal;
}

.ly_footer {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

[id^="lp_"] {
    scroll-margin-top: var(--lp-scroll-anchor-offset);
}

#lp_stepSect,
#lp_qualificationSect {
    scroll-margin-top: var(--lp-scroll-anchor-offset-badge);
}

.bl_articleSet .lp_layout {
    width: 100%;
}

.bl_articleSet .lp_layout .ly_contents_main {
    width: 100%;
    overflow: hidden;
    color: var(--color-text);
    line-height: 1.8;
}

.lp_previewShell body {
    margin: 0;
}

.lp_previewShell .ly_contents_container.ly_container {
    padding: 0;
    max-width: none;
    width: 100%;
}

[class*="Sect_head"] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

[class*="Sect_title"] {
    font-weight: 900;
    line-height: 1.35;
    font-family: var(--font-bold);
}

:root {
    --el-anim-duration-fade: 0.9s;
    --el-anim-duration-pop: 0.55s;
    --el-anim-duration-slide: 0.65s;
    --el-anim-distance-slide: 48px;
    --el-anim-distance-slide-sm: 28px;
    --el-anim-stagger-step: 0.06s;
    --el-anim-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --el-anim-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes el_anim_fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes el_anim_popIn {
    0% {
        opacity: 0;
        transform: scale(0.35);
    }

    55% {
        opacity: 1;
        transform: scale(1.1);
    }

    75% {
        transform: scale(0.94);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes el_anim_slideInLeft {
    from {
        opacity: 0;
        transform: translateX(calc(var(--el-anim-distance, var(--el-anim-distance-slide)) * -1));
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes el_anim_slideInRight {
    from {
        opacity: 0;
        transform: translateX(var(--el-anim-distance, var(--el-anim-distance-slide)));
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes el_anim_slideInDown {
    from {
        opacity: 0;
        transform: translateY(calc(var(--el-anim-distance, var(--el-anim-distance-slide-sm)) * -1));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animFadeIn,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animFadeIn,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animPopIn,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animPopIn,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInLeft,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInLeft,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInRight,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInRight,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInDown,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInDown {
    opacity: 0;
}

.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animPopIn,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animPopIn {
    transform: scale(0.35);
}

.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInLeft,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInLeft {
    transform: translateX(calc(var(--el-anim-distance, var(--el-anim-distance-slide)) * -1));
}

.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInRight,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInRight {
    transform: translateX(var(--el-anim-distance, var(--el-anim-distance-slide)));
}

.el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInDown,
.el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInDown {
    transform: translateY(calc(var(--el-anim-distance, var(--el-anim-distance-slide-sm)) * -1));
}

.el_animRoot.is-elAnimPlay .el_animFadeIn,
.el_animRoot.is-elAnimPlay.el_animFadeIn {
    animation: el_anim_fadeIn var(--el-anim-duration, var(--el-anim-duration-fade)) var(--el-anim-delay, 0s) var(--el-anim-easing, ease) both;
}

.el_animRoot.is-elAnimPlay .el_animPopIn,
.el_animRoot.is-elAnimPlay.el_animPopIn {
    --el-anim-stagger-index: 0;
    --el-anim-delay: calc(var(--el-anim-base-delay, 0s) + var(--el-anim-stagger-index) * var(--el-anim-stagger-step));
    animation: el_anim_popIn var(--el-anim-duration, var(--el-anim-duration-pop)) var(--el-anim-delay, 0s) var(--el-anim-easing, var(--el-anim-ease-pop)) both;
}

.el_animRoot.is-elAnimPlay .el_animSlideInLeft,
.el_animRoot.is-elAnimPlay.el_animSlideInLeft {
    animation: el_anim_slideInLeft var(--el-anim-duration, var(--el-anim-duration-slide)) var(--el-anim-delay, 0s) var(--el-anim-easing, var(--el-anim-ease-out)) both;
}

.el_animRoot.is-elAnimPlay .el_animSlideInRight,
.el_animRoot.is-elAnimPlay.el_animSlideInRight {
    animation: el_anim_slideInRight var(--el-anim-duration, var(--el-anim-duration-slide)) var(--el-anim-delay, 0s) var(--el-anim-easing, var(--el-anim-ease-out)) both;
}

.el_animRoot.is-elAnimPlay .el_animSlideInDown,
.el_animRoot.is-elAnimPlay.el_animSlideInDown {
    --el-anim-delay: calc(var(--el-anim-base-delay, 0s) + var(--el-anim-stagger-index, 0) * var(--el-anim-stagger-step));
    animation: el_anim_slideInDown var(--el-anim-duration, var(--el-anim-duration-slide)) var(--el-anim-delay, 0s) var(--el-anim-easing, var(--el-anim-ease-out)) both;
}

@media (prefers-reduced-motion: reduce) {
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animFadeIn,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animFadeIn,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animPopIn,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animPopIn,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInLeft,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInLeft,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInRight,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInRight,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay) .el_animSlideInDown,
    .el_animRoot.is-elAnimReady:not(.is-elAnimPlay).el_animSlideInDown {
        opacity: 1;
        transform: none;
    }

    .el_animRoot.is-elAnimPlay [class*="el_anim"],
    .el_animRoot.is-elAnimPlay.el_animFadeIn,
    .el_animRoot.is-elAnimPlay.el_animPopIn,
    .el_animRoot.is-elAnimPlay.el_animSlideInLeft,
    .el_animRoot.is-elAnimPlay.el_animSlideInRight,
    .el_animRoot.is-elAnimPlay.el_animSlideInDown {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.lp_kvSect {
    background-color: var(--color-white);
    color: var(--color-black);
    position: relative;
    padding: 60px var(--lp-pad) 0;
}

.lp_kvSect_inner {
    position: relative;
    max-width: 403px;
    margin: 0 auto;
    container-type: inline-size;
    container-name: kv;
}

.lp_kvSect_catch {
    position: absolute;
    left: 0;
    top: clamp(16px, 3.5vw, 24px);
    z-index: 5;
    margin: 0;
    transform: rotate(-12deg);
    transform-origin: left top;
    pointer-events: none;
}

.lp_kvSect_catch_line {
    display: flex;
    align-items: flex-end;
    gap: clamp(0px, 0.6vw, 4px);
    margin: 0;
    font-size: clamp(3.52rem, 0.72rem + 6.8vw, 3.84rem);
    font-weight: 700;
    line-height: 1.4;
    font-family: var(--font-bold);
}

.lp_kvSect_catch_line--02 {
    margin-top: -0.05em;
    margin-left: 32.3%;
}

.lp_kvSect_catch_word {
    white-space: nowrap;
}

.lp_kvSect_catch_suki {
    align-self: flex-start;
    width: var(--kv-suki-width);
    height: auto;
    flex-shrink: 0;
    margin: 0 0.1em 0.25em 0.1em;
}

.lp_kvSect_visual {
    position: relative;
    margin: 0 -5%;
}

.lp_kvSect_stripe {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 110%;
    height: auto;
    transform: translateX(-50%);
    background: repeating-linear-gradient(
        90deg,
        #b3dcd1 0,
        #b3dcd1 23px,
        #efeded 23px,
        #efeded 46px,
        #dbdadb 46px,
        #dbdadb 69px,
        #efeded 69px,
        #efeded 92px
    );
    z-index: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 45%, 75% 0%, 0% 11.5%, 0% 57%);
}

.lp_kvSect_collage {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 28.5%;
}

.lp_kvSect_photo {
    position: relative;
    display: block;
    width: 105%;
    max-width: none;
    margin-left: 1.2%;
    height: auto;
    z-index: 22;
}

.lp_kvSect_decor {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    height: auto;
}

.lp_kvSect_decor--layer10 {
    width: 35%;
    top: 21.1%;
    left: 1.7%;
    z-index: 1;
}

.lp_kvSect_decor--layer12 {
    width: 40%;
    top: 29.3%;
    left: 59.1%;
}

.lp_kvSect_decor--image17 {
    width: 12.9%;
    top: 17.9%;
    left: 71.2%;
}

.lp_kvSect_decor--image16 {
    width: 19.4%;
    top: 15.2%;
    left: 82.7%;
}

.lp_kvSect_decor--layer0 {
    width: 55.6%;
    top: 29%;
    left: 64.3%;
    z-index: 21;
}

.lp_kvSect_decor--layer1 {
    width: 28%;
    top: 47.4%;
    left: 68%;
    z-index: 4;
}

.lp_kvSect_decor--layer2 {
    width: 10.2%;
    top: 49.6%;
    left: 91.1%;
    z-index: 37;
}

.lp_kvSect_decor--layer8 {
    width: 13.9%;
    top: 59.7%;
    left: 86.1%;
    z-index: 38;
}

.lp_kvSect_decor--layer7 {
    width: 22.6%;
    top: 24.4%;
    left: 20.3%;
}

.lp_kvSect_decor--group1 {
    width: 34.2%;
    top: 33.3%;
    left: 4.5%;
    z-index: 15;
}

.lp_kvSect_decor--image13 {
    width: 8.7%;
    top: 20.7%;
    left: 21.3%;
}

.lp_kvSect_decor--layer11 {
    width: 26.1%;
    top: 39.5%;
    left: -2.5%;
}

.lp_kvSect_decor--image19 {
    width: 13.2%;
    top: 38.3%;
    left: -3.7%;
}

.lp_kvSect_decor--layer4 {
    width: 15.6%;
    top: 50.5%;
    left: -1.7%;
    z-index: 50;
}

.lp_kvSect_decor--layer5 {
    width: 24.3%;
    top: 67.3%;
    left: 66.5%;
    z-index: 40;
}

.lp_kvSect_decor--image12 {
    width: 13.2%;
    top: 73.4%;
    left: 63.8%;
    z-index: 49;
}

.lp_kvSect_decor--image15 {
    width: 5%;
    top: 80.2%;
    left: 82%;
    z-index: 39;
}

.lp_kvSect_decor--image14 {
    width: 4.7%;
    top: 73.5%;
    left: 93.1%;
}

.lp_kvSect_decor--image11 {
    width: 17.6%;
    top: 26.9%;
    left: 81.9%;
}

.lp_kvSect_vertical {
    position: absolute;
    inset: 0;
    z-index: 34;
}

.lp_kvSect_vertical_bar {
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: clamp(1.84rem, 0.56rem + 3.2vw, 2rem);
    font-weight: 700;
    line-height: 1;
    padding: 0.1em;
    font-family: var(--font-bold);
    margin: 0;
    display: inline-block;
    font-feature-settings: "vert", "halt", "pkna";
}

.lp_kvSect_vertical_bar--01 {
    left: 23%;
    bottom: 4.6%;
}

.lp_kvSect_vertical_bar--02 {
    left: 14.6%;
    bottom: 14%;
}

.lp_kvSect_vertical_bar--03 {
    left: 6.2%;
    bottom: 8.6%;
}

.lp_kvSect_opening {
    position: absolute;
    left: 49.1%;
    bottom: -3.2%;
    width: 48%;
    max-width: 185px;
    height: auto;
    z-index: 35;
}

.lp_kvSect.el_animRoot {
    --kv-anim-photo-delay: 0s;
    --kv-anim-pop-base-delay: 0.32s;
    --kv-anim-pop-stagger: 0.055s;
    --kv-anim-catch1-delay: 0.52s;
    --kv-anim-catch2-delay: 0.68s;
    --kv-anim-vertical-base-delay: 0.82s;
    --kv-anim-vertical-stagger: 0.1s;
}

.lp_kvSect.el_animRoot .lp_kvSect_photo.el_animFadeIn {
    --el-anim-delay: var(--kv-anim-photo-delay);
}

.lp_kvSect.el_animRoot .lp_kvSect_decor.el_animPopIn {
    --el-anim-base-delay: var(--kv-anim-pop-base-delay);
    --el-anim-stagger-step: var(--kv-anim-pop-stagger);
}

.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(1) { --el-anim-stagger-index: 0; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(2) { --el-anim-stagger-index: 1; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(3) { --el-anim-stagger-index: 2; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(4) { --el-anim-stagger-index: 3; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(5) { --el-anim-stagger-index: 4; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(6) { --el-anim-stagger-index: 5; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(7) { --el-anim-stagger-index: 6; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(8) { --el-anim-stagger-index: 7; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(9) { --el-anim-stagger-index: 8; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(10) { --el-anim-stagger-index: 9; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(11) { --el-anim-stagger-index: 10; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(12) { --el-anim-stagger-index: 11; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(13) { --el-anim-stagger-index: 12; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(14) { --el-anim-stagger-index: 13; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(15) { --el-anim-stagger-index: 14; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(16) { --el-anim-stagger-index: 15; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(17) { --el-anim-stagger-index: 16; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(18) { --el-anim-stagger-index: 17; }
.lp_kvSect_collage > .lp_kvSect_decor.el_animPopIn:nth-child(19) { --el-anim-stagger-index: 18; }

.lp_kvSect.el_animRoot .lp_kvSect_catch_line.el_animSlideInLeft {
    --el-anim-delay: var(--kv-anim-catch1-delay);
}

.lp_kvSect.el_animRoot .lp_kvSect_catch_line--02.el_animSlideInRight {
    --el-anim-delay: var(--kv-anim-catch2-delay);
}

.lp_kvSect.el_animRoot .lp_kvSect_vertical_bar.el_animSlideInDown {
    --el-anim-base-delay: var(--kv-anim-vertical-base-delay);
    --el-anim-stagger-step: var(--kv-anim-vertical-stagger);
}

.lp_kvSect.el_animRoot .lp_kvSect_vertical_bar--03 { --el-anim-stagger-index: 0; }
.lp_kvSect.el_animRoot .lp_kvSect_vertical_bar--02 { --el-anim-stagger-index: 1; }
.lp_kvSect.el_animRoot .lp_kvSect_vertical_bar--01 { --el-anim-stagger-index: 2; }

.lp_kvSect_programWrap {
    padding: clamp(8px, 3vw, 12px) 0 clamp(16px, 5vw, 20px);
    text-align: left;
}

.lp_kvSect_program {
    font-size: clamp(2.4rem, 8.9vw, 4.16rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-black);
    font-family: var(--font-bold);
    margin-top: 16px;
    margin-bottom: 0;
    white-space: nowrap;
}

.lp_kvSect_note {
    font-size: clamp(0.88rem, 0.64rem + 0.6vw, 1.04rem);
    color: var(--color-black);
    line-height: 1.5;
    margin-top: 0;
}

.lp_kvSect_note_kana {
    font-weight: 700;
    font-size: clamp(1.04rem, 0.8rem + 0.9vw, 1.28rem);
}

.lp_kvNavSect {
    padding: 0 var(--lp-pad) 24px;
    background-color: var(--color-white);
}

.lp_kvNavSect_inner {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding-bottom: 24px;
    border-bottom: 1px dashed var(--color-black);
}

.lp_kvNavSect_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    background-color: #ffe33f;
    border: 1px solid var(--color-black);
    border-radius: 30px;
    box-shadow: 3px 3px 0 var(--color-black);
    color: var(--color-black);
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    font-family: var(--font-bold);
    transition: transform 0.15s, box-shadow 0.15s;
}

.lp_kvNavSect_btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0 var(--color-black);
}

.lp_empathySect {
    background-color: var(--color-white);
    padding: 32px var(--lp-pad) 0;
}

.lp_empathySect.el_animRoot {
    --empathy-anim-body-delay: 0.25s;
}

.lp_empathySect.el_animRoot .lp_empathySect_body.el_animSlideInLeft {
    --el-anim-delay: var(--empathy-anim-body-delay);
}

.lp_empathySect_inner {
    max-width: 403px;
    margin: 0 auto;
}

.lp_empathySect_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.lp_empathySect_body {
    flex: 1;
    min-width: 0;
    max-width: 224px;
}

.lp_empathySect_text {
    font-size: 1.6rem;
    margin: 0;
}

.lp_empathySect_closing {
    margin: 1.4em 0 0;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(2rem, 1.52rem + 0.45vw, 2rem);
    color: var(--color-black);
}

.lp_empathySect_closing_line {
    display: block;
    width: fit-content;
    background: linear-gradient(transparent 60%, var(--color-yellow-highlight) 60%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.lp_empathySect_closing_line + .lp_empathySect_closing_line {
    margin-top: 0.15em;
}

.lp_empathySect_title {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: clamp(12px, 3vw, 16px);
    flex-shrink: 0;
    margin: 0;
    font-family: var(--font-bold);
    font-weight: 700;
    font-feature-settings: "halt" 1;
}

.lp_empathySect_title_col {
    position: relative;
    display: flex;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.lp_empathySect_title_bar {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(28px, 8.5vw, 36px);
    background-color: var(--color-mint-light);
    z-index: 0;
}

.lp_empathySect_title_col--01 .lp_empathySect_title_bar {
    height: clamp(180px, 52vw, 245px);
}

.lp_empathySect_title_col--02 .lp_empathySect_title_bar {
    height: clamp(340px, 98vw, 472px);
}

.lp_empathySect_title_text {
    position: relative;
    z-index: 1;
    font-size: clamp(2.8rem, 1.76rem + 1.6vw, 2.96rem);
    line-height: 1;
    color: var(--color-black);
    padding: 0.35em 0.1em;
    background-color: var(--color-mint-light);
}

.lp_empathySect_visual {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 346px;
    margin-inline: auto;
    aspect-ratio: 346 / 262;
    left: -7%;
}

.lp_empathySect_photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lp_empathySect_scribble {
    position: absolute;
    width: 13.3%;
    top: 24%;
    left: 50%;
    transform: translateX(-10%);
    pointer-events: none;
}

.lp_empathySect_bubble {
    position: absolute;
    width: 25%;
    top: 40%;
    left: 55%;
    pointer-events: none;
}

.lp_empathySect_bubble_img {
    display: block;
    width: 100%;
    height: auto;
}

.lp_marker {
    font-family: var(--font-bold);
    font-weight: 700;
    background: linear-gradient(transparent 58%, var(--color-yellow-highlight) 58%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.lp_aboutSect {
    position: relative;
    padding: 100px var(--lp-pad) 100px;
    overflow: hidden;
    margin-top: -60px;
}

.lp_aboutSect_stripe {
    position: absolute;
    left: 50%;
    top: 0;
    width: 110%;
    height: 100%;
    transform: translateX(-50%);
    background: repeating-linear-gradient(
        90deg,
        #b3dcd1 0,
        #b3dcd1 23px,
        #efeded 23px,
        #efeded 46px,
        #dbdadb 46px,
        #dbdadb 69px,
        #efeded 69px,
        #efeded 92px
    );
    z-index: 0;
    clip-path: polygon(
        0% 4%,
        73% 0%,
        100% 4%,
        100% 96%,
        78% 100%,
        0% 96%
    );
}

.lp_aboutSect_inner {
    position: relative;
    z-index: 1;
    max-width: 403px;
    margin: 0 auto;
}

.lp_aboutSect_card {
    position: relative;
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
    border-radius: 20px;
    padding: 50px 30px 0 30px;
}

.lp_aboutSect_label {
    position: absolute;
    top: -10px;
    left: -4px;
    margin: 0;
    padding: 4px 8px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: 1.28rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-bold);
    transform: rotate(-5deg);
    white-space: nowrap;
}

.lp_aboutSect_catch {
    margin: 8px 0 20px;
}

.lp_aboutSect_catch_row {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 0.15em;
}

.lp_aboutSect_catch_suki {
    width: clamp(100px, 30vw, 138px);
    height: auto;
    flex-shrink: 0;
    margin-bottom: 0.8em;
    margin-right: 0.2em;
    vertical-align: bottom;
}

.lp_aboutSect_catch_text {
    margin: 0;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: var(--lp-sect-title-size);
    line-height: 1;
    color: var(--color-black);
}

.lp_aboutSect_catch_text--02 {
}

.lp_aboutSect_body {
    font-size: 1.6rem;
    color: var(--color-black);
    margin-bottom: 20px;
}

.lp_aboutSect_body p {
    margin: 0;
}

.lp_aboutSect_body p + p {
    margin-top: 0.85em;
}

.lp_aboutSect_accordion {
    border: 1px solid var(--color-black);
    border-radius: 20px;
    background-color: var(--color-yellow);
    overflow: hidden;
}

.lp_aboutSect_accordion_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px;
    cursor: pointer;
    list-style: none;
    background-color: var(--color-yellow);
}

.lp_aboutSect_accordion_btn::-webkit-details-marker {
    display: none;
}

.lp_aboutSect_accordion_btnText {
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.6;
    color: var(--color-black);
}

.lp_aboutSect_accordion_icon {
    flex-shrink: 0;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 2.56rem;
    line-height: 1;
    color: var(--color-black);
    transition: transform 0.35s ease;
}

.lp_aboutSect_accordion[open] .lp_aboutSect_accordion_icon {
    transform: rotate(45deg);
}

.lp_aboutSect_accordion_panel {
    overflow: hidden;
    background-color: var(--color-white);
    border-top: 1px solid var(--color-black);
    border-radius: 0 0 19px 19px;
}

.lp_aboutSect_accordion_body {
    padding: 20px;
    font-size: 1.48rem;
}

.lp_aboutSect_accordion_body p {
    margin: 0;
}

.lp_aboutSect_accordion_body p + p {
    margin-top: 0.85em;
}

.lp_aboutSect_collage {
    position: relative;
    width: calc(100% + 60px);
    left: -30px;
    margin: 20px 0 0;
    aspect-ratio: 343 / 102;
    overflow: hidden;
    pointer-events: none;
}

.lp_aboutSect_obj {
    position: absolute;
    height: auto;
    pointer-events: none;
}

.lp_aboutSect_obj--layer5 {
    left: -2%;
    top: 42%;
    width: 18%;
    transform: rotate(-12deg);
}

.lp_aboutSect_obj--layer6 {
    left: 5%;
    top: 62%;
    width: 20%;
}

.lp_aboutSect_obj--layer11 {
    left: 10%;
    top: 7%;
    width: 32%;
    transform: rotate(24.72deg);
}

.lp_aboutSect_obj--layer4 {
    left: 19%;
    top: 58%;
    width: 14%;
    transform: rotate(-6.62deg);
}

.lp_aboutSect_obj--layer7 {
    left: 30%;
    top: 40%;
    width: 19%;
    transform: rotate(5.15deg);
}

.lp_aboutSect_obj--group1 {
    left: 36%;
    top: 35%;
    width: 32%;
    transform: rotate(24.45deg);
    z-index: 10;
}

.lp_aboutSect_obj--image12 {
    left: 57%;
    top: 16%;
    width: 11%;
    transform: rotate(-12.41deg);
}

.lp_aboutSect_obj--layer1 {
    left: 65%;
    top: 34%;
    width: 23%;
    transform: rotate(20.98deg);
    z-index: 9;
}

.lp_aboutSect_obj--layer0 {
    left: 43%;
    top: 7%;
    width: 50%;
    transform: rotate(3.36deg);
    z-index: 1;
}

.lp_aboutSect_obj--layer12 {
    left: 70%;
    top: 36%;
    width: 35%;
    transform: rotate(0deg);
}

.lp_aboutSect_obj--layer9 {
    left: 78%;
    top: 36%;
    width: 22%;
    transform: rotate(20.36deg);
}

.lp_fieldSect {
    background-color: var(--color-white);
    padding: 80px 20px 120px 20px;
    overflow: hidden;
}

.lp_fieldSect_inner {
    max-width: 403px;
    margin: 0 auto;
}
.lp_fieldSect_head{
    justify-content: center;
}

.lp_fieldSect_lead {
    margin-bottom: 40px;
    text-align: center;
}

.lp_fieldSect_title {
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: var(--lp-sect-title-size);
    line-height: 1.5;
    color: var(--color-black);
    margin-bottom: 0;
}

.lp_fieldSect_title_line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 4px;
}

.lp_fieldSect_title_suki {
    width: clamp(100px, 30vw, 138px);
    height: auto;
    flex-shrink: 0;
    margin-bottom: 0.4em;
    margin-right: 0.2em;
    vertical-align: bottom;
}

.lp_fieldSect_list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lp_fieldSect_card {
    position: relative;
    min-height: 270px;
    overflow: visible;
}

.lp_fieldSect_card_inner {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 48px 16px 20px;
}

.lp_fieldSect_card_inner.el_animRoot {
    --field-anim-photo-delay: 0.2s;
}

.lp_fieldSect_card_inner.el_animRoot .lp_fieldSect_card_photo.el_animFadeIn {
    --el-anim-delay: var(--field-anim-photo-delay);
}

.lp_fieldSect_card_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: multiply;
}

.lp_fieldSect_card_bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: clamp(100%, calc(120% - (100vw - 390px) * 20 / 90), 120%);
    height: auto;
    max-height: 180%;
    max-width: 180%;
}

.lp_fieldSect_card--pop {
    --field-accent: #ffe33f;
}

.lp_fieldSect_card--pop .lp_fieldSect_card_bg img {
    left: 65%;
    top: 50%;
}

.lp_fieldSect_card--entertainment {
    --field-accent: #a1d8e6;
}

.lp_fieldSect_card--entertainment .lp_fieldSect_card_bg img {
    left: 35%;
    top: 64%;
}

.lp_fieldSect_card--lifestyle {
    --field-accent: #f4b3c2;
}

.lp_fieldSect_card--lifestyle .lp_fieldSect_card_bg img {
    left: 65%;
    top: 85%;
}

.lp_fieldSect_card_photo {
    position: absolute;
    z-index: 2;
    margin: 0;
    width: clamp(100px, 38vw, 164px);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--color-black);
}

.lp_fieldSect_card_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lp_fieldSect_card--pop .lp_fieldSect_card_photo {
    top: -5%;
    left: -12%;
    border-color: var(--field-accent);
    width: clamp(100px, 34vw, 170px);
}

.lp_fieldSect_card--pop .lp_fieldSect_card_body{
    margin-left: 36px;
}
.lp_fieldSect_card--entertainment .lp_fieldSect_card_photo {
    top: -15%;
    right: -18%;
    border-color: var(--field-accent);
    width: clamp(100px, 38vw, 196px);
}
.lp_fieldSect_card--entertainment .lp_fieldSect_card_body{
    margin-right: 36px;
}

.lp_fieldSect_card--lifestyle .lp_fieldSect_card_photo {
    top: 0%;
    left: -8%;
    border-color: var(--field-accent);
    width: clamp(100px, 32vw, 160px);
}
.lp_fieldSect_card--lifestyle .lp_fieldSect_card_body{
    margin-left: 36px;
}

.lp_fieldSect_card_decor {
    position: absolute;
    z-index: 3;
    height: auto;
    pointer-events: none;
}

.lp_fieldSect_card--pop .lp_fieldSect_card_decor {
    width: clamp(32px, 9vw, 39px);
    top: 21%;
    left: 68%;
}

.lp_fieldSect_card--entertainment .lp_fieldSect_card_decor {
    width: clamp(28px, 8vw, 36px);
    top: 20%;
    left: 15%;
}

.lp_fieldSect_card--lifestyle .lp_fieldSect_card_decor {
    width: clamp(32px, 9vw, 39px);
    top: 17%;
    right: 12%;
}

.lp_fieldSect_card_body {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 60px;
}

.lp_fieldSect_card_typo {
    display: block;
    width: min(100%, 283px);
    height: auto;
    margin: 0 auto 6px;
}

.lp_fieldSect_card--pop .lp_fieldSect_card_typo {
    max-height: 32px;
}

.lp_fieldSect_card--entertainment .lp_fieldSect_card_typo {
    max-height: 26px;
}
.lp_fieldSect_card--lifestyle .lp_fieldSect_card_typo {
    max-height: 30px;
}

.lp_fieldSect_card_title {
    margin: 0 0 12px;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(1.4rem, 1.2rem + 0.5vw, 1.6rem);
    color: var(--color-black);
}

.lp_fieldSect_card_tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 260px;
    margin-inline: auto;
}

.lp_fieldSect_card_tags li {
    padding: 6px 15px;
    border: 1px solid var(--color-black);
    border-radius: 50px;
    background-color: var(--field-accent);
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(1.2rem, 1.04rem + 0.25vw, 1.6rem);
    line-height: 1;
    color: var(--color-black);
    white-space: nowrap;
}

.lp_stepSect {
    position: relative;
    background-color: var(--color-yellow);
    padding: 56px var(--lp-pad) 80px;
}

.lp_stepSect_inner {
    max-width: 403px;
    margin: 0 auto;
}

.lp_stepSect_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
    padding-top: 24px;
    margin-bottom: 0;
}

.lp_stepSect_head::before {
    content: none;
    display: none;
}

.bl_articleSet_item--culturalproduction .lp_stepSect_label {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    display: block;
    width: fit-content;
    margin: 0;
    padding: 8px 16px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: clamp(1.6rem, 1.44rem + 0.4vw, 1.8rem);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-family: var(--font-bold);
    transform: translate(-50%, -50%);
}

.lp_stepSect_label::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 1px;
    background-color: var(--color-black);
}

.lp_stepSect_title {
    display: block;
    width: 100%;
    margin: 0;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: var(--lp-sect-title-size);
    line-height: 1.5;
    color: var(--color-black);
}

.lp_stepSect_title_line {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px 4px;
}

.lp_stepSect_title_line:last-child {
    display: block;
    margin-top: 0.1em;
}

.lp_stepSect_title_suki {
    width: clamp(100px, 32vw, 138px);
    height: auto;
    flex-shrink: 0;
    margin-bottom: 0.4em;
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: bottom;
}

.lp_stepSect_timeline {
    list-style: none;
    margin: 0;
    padding: 24px 0 0;
}

.lp_stepSect_item {
    position: relative;
    width: calc(100% - 40px);
}

.lp_stepSect_item--01 {
    margin-left: 20px;
}

.lp_stepSect_item--02 {
    margin-left: 30px;
}

.lp_stepSect_item--03 {
    margin-left: 10px;
}

.lp_stepSect_item--04 {
    margin-left: 20px;
    margin-bottom: 0;
}

.lp_stepSect_item:not(:last-child) {
    margin-bottom: 8px;
}

.lp_stepSect_item_card {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0;
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
    border-radius: 20px;
    padding: 0 30px 30px;
    text-align: center;
    overflow: visible;
}

.lp_stepSect_item_legend {
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0 10px;
    line-height: 0;
}

.lp_stepSect_item_icon {
    width: clamp(72px, 21vw, 86px);
    height: auto;
    display: block;
}

.bl_articleSet_item--culturalproduction .lp_stepSect_item_year {
    display: inline-block;
    margin: 24px 0 12px;
    padding: 2px 20px;
    background-color: var(--color-pink);
    border: 1px solid var(--color-black);
    border-radius: 60px;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    line-height: 1.5;
}

.lp_stepSect_item_title {
    margin: 0 0 16px;
    font-size: clamp(2.4rem, 1.76rem + 0.5vw, 2.4rem);
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-bold);
}

.lp_stepSect_item_title_line {
    display: block;
    width: fit-content;
    margin-inline: auto;
    background: linear-gradient(transparent 58%, var(--color-mint-light) 58%);
}

.lp_stepSect_item_text {
    margin: 0;
    font-size: 1.6rem;
    text-align: left;
}

.lp_stepSect_item_arrow {
    display: block;
    width: clamp(130px, 40vw, 162px);
    height: auto;
    margin: -40px auto -24px;
}

.lp_stepSect_item--01 .lp_stepSect_item_arrow {
    margin-left: 35%;
}

.lp_stepSect_item--02 .lp_stepSect_item_arrow {
    margin-left: 10%;
}

.lp_stepSect_item--03 .lp_stepSect_item_arrow {
    margin-left: 25%;
}

.lp_ctaSect {
    background-color: var(--color-white);
}

.lp_ctaSect_inner {
    margin: 0 auto;
}

.lp_ctaSect_card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: var(--color-white);
    border: 10px solid var(--color-green-accent);
    overflow: hidden;
}

.lp_ctaSect_decor {
    position: absolute;
    pointer-events: none;
}

.lp_ctaSect_decor--trMr {
    top: 24px;
    right: 0;
    width: clamp(76px, 24vw, 110px);
}

.lp_ctaSect_decor--bl {
    bottom: 30px;
    left: 30px;
    width: clamp(96px, 34vw, 138px);
}

.lp_ctaSect_lead {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(1.6rem, 1.44rem + 0.75vw, 2rem);
    line-height: 1.6;
    color: var(--color-green-accent);
}

.lp_ctaSect_lead span {
    display: block;
}

.lp_ctaSect_titleWrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 2px 4px;
    margin-bottom: 20px;
}

.lp_ctaSect_typo {
    width: min(80%, 306px);
    height: auto;
    flex-shrink: 0;
}

.lp_ctaSect_titleSuffix {
    margin-bottom: -0.2em;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(2rem, 1.6rem + 1vw, 2.4rem);
    color: var(--color-green-accent);
}

.lp_ctaSect_body {
    position: relative;
    z-index: 1;
    margin: 0 0 60px;
    font-size: clamp(1.4rem, 1.28rem + 0.55vw, 1.6rem);
}

.lp_ctaSect_action {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    align-self: flex-end;
    margin-top: auto;
    text-decoration: none;
    color: var(--color-black);
    transition: opacity 0.2s;
}

.lp_ctaSect_action:hover {
    opacity: 0.75;
}

.lp_ctaSect_actionText {
    display: flex;
    flex-direction: column;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: clamp(1.96rem, 1.6rem + 1.25vw, 2.4rem);
    line-height: 1.5;
}

.lp_ctaSect_actionArrows {
    display: flex;
    gap: 2px;
    padding-bottom: 8%;
}

.lp_ctaSect_actionArrows img {
    width: 7px;
    height: auto;
}

.lp_featureSect {
    background-color: var(--color-white);
    padding: 80px var(--lp-pad);
}

.lp_featureSect_inner {
    max-width: 403px;
    margin: 0 auto;
}

.lp_featureSect_mainTitle {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    margin: 0 0 16px;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: var(--lp-sect-title-size);
    line-height: 1.5;
    text-align: center;
}

.bl_articleSet_item--culturalproduction .lp_featureSect_mainTitle_gakkan {
    font-size: clamp(4rem, 3.2rem + 1.5vw, 4.4rem);
    letter-spacing: 0.1em;
}

.lp_featureSect_mainTitle_char--gaku,
.lp_featureSect_mainTitle_char--kan {
    -webkit-text-stroke: 2px var(--color-black);
    paint-order: stroke fill;
}

.lp_featureSect_mainTitle_char--gaku {
    color: var(--color-pink);
}

.lp_featureSect_mainTitle_char--kan {
    color: var(--color-mint-light);
}

.lp_featureSect_mainTitle_suffix {
    font-size: 1em;
}

.lp_featureSect_introBody {
    margin-bottom: 36px;
    font-size: 1.6rem;
}

.lp_featureSect_introBody p + p {
    margin-top: 0;
}

.lp_featureSect_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
}

.lp_featureSect_head::before {
    content: none;
    display: none;
}

.lp_featureSect_label {
    display: block;
    width: fit-content;
    padding: 8px 16px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: clamp(1.6rem, 1.44rem + 0.4vw, 1.8rem);
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-bold);
    position: relative;
}

.lp_featureSect_label::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 1px;
    background-color: var(--color-black);
}

.lp_featureSect_list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lp_featureSect_list.el_animRoot {
    --feature-anim-stagger-step: 0.12s;
}

.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown {
    --el-anim-base-delay: 0s;
    --el-anim-stagger-step: var(--feature-anim-stagger-step);
}

.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown:nth-child(1) { --el-anim-stagger-index: 0; }
.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown:nth-child(2) { --el-anim-stagger-index: 1; }
.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown:nth-child(3) { --el-anim-stagger-index: 2; }
.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown:nth-child(4) { --el-anim-stagger-index: 3; }
.lp_featureSect_list.el_animRoot .lp_featureSect_card.el_animSlideInDown:nth-child(5) { --el-anim-stagger-index: 4; }

.lp_featureSect_card {
    display: flex;
    flex-direction: column;
    position: relative;
}

.lp_featureSect_card_point {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 2;
    margin: 0;
    padding: 0;
    transform: translate(-10px, -50%);
}

.lp_featureSect_card_point_img {
    display: block;
    width: auto;
    height: 43px;
}

.lp_featureSect_card_head {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 10px 16px 10px 10px;
    background-color: var(--color-mint-bg);
    border: none;
    border-radius: 60px;
    overflow: visible;
}

.lp_featureSect_card_head::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--color-black);
    border-radius: inherit;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-size: 100% 100%, 118px 22px;
    -webkit-mask-position: 0 0, calc(100% - 18px) -1px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    mask-size: 100% 100%, 118px 22px;
    mask-position: 0 0, calc(100% - 18px) -1px;
    mask-repeat: no-repeat;
    mask-composite: exclude;
}

.lp_featureSect_card_headBody {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
    min-height: 90px;
    padding-right: 96px;
}

.lp_featureSect_card_img {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover;
}

.lp_featureSect_card_title {
    flex: 1;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    font-family: var(--font-bold);
}

.lp_featureSect_card_title span {
    display: block;
    word-break: keep-all;
}

.lp_featureSect_card_text {
    margin: 16px 0 0 20px;
    padding-left: 20px;
    border-left: 1px dashed var(--color-black);
}

.lp_recommendSect {
    position: relative;
    padding: 100px var(--lp-pad) 100px;
    overflow: hidden;
}

.lp_recommendSect_stripe {
    position: absolute;
    left: 50%;
    top: 0;
    width: 110%;
    height: 100%;
    transform: translateX(-50%);
    background: repeating-linear-gradient(
        90deg,
        #b3dcd1 0,
        #b3dcd1 23px,
        #efeded 23px,
        #efeded 46px,
        #dbdadb 46px,
        #dbdadb 69px,
        #efeded 69px,
        #efeded 92px
    );
    z-index: 0;
    clip-path: polygon(
        0% 4%,
        58% 0%,
        100% 4%,
        100% 96%,
        63% 100%,
        0% 96%
    );
}

.lp_recommendSect_inner {
    position: relative;
    z-index: 1;
    max-width: 403px;
    margin: 0 auto;
}

.lp_recommendSect_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin: 0 0 24px;
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color-black);
    text-align: center;
    font-family: var(--font-bold);
}

.lp_recommendSect_titleLarge {
    display: block;
    font-size: 4.6rem;
    font-weight: 900;
    color: var(--color-white);
    text-align: center;
    line-height: 1.2;
    font-family: var(--font-bold);
    -webkit-text-stroke: 2px var(--color-black);
    paint-order: stroke fill;
}

.lp_recommendSect_decor {
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.lp_recommendSect_decor--layer9 {
    top: 58px;
    right: -8px;
    width: 93px;
    height: auto;
    transform: rotate(20.36deg);
    z-index: 0;
}

.lp_recommendSect_item--02 .lp_recommendSect_decor--image19 {
    top: 20px;
    left: -20px;
    width: 66px;
}

.lp_recommendSect_item--03 .lp_recommendSect_decor--group1 {
    top: -10px;
    left: -30px;
    width: 98px;
    transform: rotate(28.5deg);
}

.lp_recommendSect_item--04 .lp_recommendSect_decor--image11 {
    top: 18px;
    right: -26px;
    width: 72px;
    transform: rotate(-16.67deg);
}

.lp_recommendSect_item--05 .lp_recommendSect_decor--layer6 {
    position: relative;
    display: block;
    margin: 20px 0 0 -20px;
    width: 108px;
}

.lp_recommendSect_list {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lp_recommendSect_item {
    position: relative;
    margin-bottom: -8px;
}

.lp_recommendSect_item .lp_recommendSect_decor {
    position: absolute;
    z-index: 3;
}

.lp_recommendSect_item:last-child {
    margin-bottom: 0;
}

.lp_recommendSect_item_bubble {
    position: relative;
    width: min(90%, 320px);
    margin: 0 auto;
}

.lp_recommendSect_item_shape {
    display: block;
    width: 100%;
    height: auto;
}

.lp_recommendSect_item_text {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 20px 20px 20px;
    font-weight: 700;
    font-size: clamp(1.6rem, 1.44rem + 0.5vw, 1.68rem);
    text-align: center;
    font-family: var(--font-bold);
}

.lp_recommendSect_item--01{
}

.lp_recommendSect_item--02 {
    margin-left: 30px;
}

.lp_recommendSect_item--04 {
    margin-right: 30px;
}

.lp_recommendSect_item--05 {
    margin-left: 30px;
}

.lp_recommendSect_item_mark {
    background: linear-gradient(transparent 58%, var(--color-yellow-highlight) 58%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.lp_careerSect {
    background-color: var(--color-white);
    padding: 80px var(--lp-pad) 100px;
    overflow-x: clip;
}

.lp_careerSect_inner {
    max-width: var(--lp-max);
    margin: 0 auto;
}

.lp_careerSect_badge {
    display: block;
    width: fit-content;
    margin: 0 auto 32px;
    padding: 8px 16px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: clamp(1.6rem, 1.44rem + 0.4vw, 1.8rem);
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-bold);
    position: relative;
}

.lp_careerSect_badge::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 1px;
    background-color: var(--color-black);
}

.lp_careerSect_title {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: var(--lp-sect-title-size);
    line-height: 1.5;
    text-align: center;
}

.lp_careerSect_title_line {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px 4px;
}

.lp_careerSect_title_line:last-child {
    display: block;
    margin-top: 0.1em;
}

.lp_careerSect_title_suki {
    width: clamp(100px, 32vw, 138px);
    height: auto;
    flex-shrink: 0;
    margin-bottom: 0.4em;
    margin-right: 0.2em;
    vertical-align: bottom;
}

.lp_careerSect_lead {
    font-size: 1.6rem;
    margin-bottom: 16px;
}

.lp_careerSect_sub {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    font-family: var(--font-bold);
}

.lp_careerSect_sub_line {
    display: block;
    width: fit-content;
    margin: 0 auto;
    background: linear-gradient(transparent 65%, var(--color-mint-light) 65%);
}

.lp_careerSect_list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lp_careerSect_card {
    position: relative;
    width: 100%;
}

.lp_careerSect_card_num {
    position: absolute;
    top: -8px;
    z-index: 2;
    line-height: 0;
}

.lp_careerSect_card_num img {
    display: block;
    width: auto;
    height: clamp(22px, 6.5vw, 32px);
}

.lp_careerSect_card--01 .lp_careerSect_card_num,
.lp_careerSect_card--03 .lp_careerSect_card_num,
.lp_careerSect_card--05 .lp_careerSect_card_num {
    left: 36px;
}

.lp_careerSect_card--02 .lp_careerSect_card_num,
.lp_careerSect_card--04 .lp_careerSect_card_num {
    right: 36px;
}

.lp_careerSect_card_inner {
    position: relative;
    z-index: 0;
    isolation: isolate;
    padding: 40px 16px 32px;
    text-align: center;
    border: none;
}

.lp_careerSect_card_inner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid var(--color-black);
    border-radius: 30px;
    z-index: -1;
}

.lp_careerSect_card--right .lp_careerSect_card_inner::before {
    left: 0;
    right: calc(50% - 55vw);
}

.lp_careerSect_card--left .lp_careerSect_card_inner::before {
    left: calc(50% - 55vw);
    right: 0;
}

.lp_careerSect_card_inner--green::before {
    background-color: var(--color-mint-bg);
}

.lp_careerSect_card_inner--pink::before {
    background-color: var(--color-pink-bg);
}

.lp_careerSect_card_icon {
    width: auto;
    max-width: 86px;
    height: 47px;
    margin: 0 auto 20px;
    display: block;
    object-fit: contain;
}

.lp_careerSect_card--02 .lp_careerSect_card_icon {
    max-width: 66px;
    height: 55px;
}

.lp_careerSect_card--03 .lp_careerSect_card_icon {
    max-width: 67px;
    height: 65px;
}

.lp_careerSect_card--04 .lp_careerSect_card_icon {
    max-width: 57px;
    height: 52px;
}

.lp_careerSect_card--05 .lp_careerSect_card_icon {
    max-width: 61px;
    height: 55px;
}

.lp_careerSect_card_labelWrap {
    position: relative;
    display: inline-block;
    width: min(100%, 238px);
    margin: 0 auto;
}

.lp_careerSect_card_labelRibbon {
    display: block;
    width: 100%;
    height: auto;
}

.lp_careerSect_card_label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 24px;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-black);
    font-family: var(--font-bold);
    line-height: 1.5;
    white-space: nowrap;
}

.lp_careerSect_card_title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--color-black);
    line-height: 1.5;
    margin-bottom: 8px;
    font-family: var(--font-bold);
}

.lp_careerSect_card--04 .lp_careerSect_card_title,
.lp_careerSect_card--05 .lp_careerSect_card_title {
    font-size: 2rem;
}

.lp_careerSect_card_desc {
    font-size: 1.4rem;
    color: var(--color-black);
    line-height: 1.6;
}

.lp_qualificationSect {
    position: relative;
    background-color: var(--color-yellow);
    padding: 56px var(--lp-pad) 48px;
}

.lp_qualificationSect_inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding-top: 28px;
}

.lp_qualificationSect_title {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    margin: 0;
    width: max-content;
    font-size: var(--lp-sect-title-size);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    font-family: var(--font-bold);
    transform: translate(-50%, -50%);
}

.lp_qualificationSect_box {
    position: relative;
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
    border-radius: 20px;
    padding: 28px 24px 24px 24px;
    margin-top: 12px;
    margin-bottom: 32px;
}

.lp_qualificationSect_box_title {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0 12px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-black);
    white-space: nowrap;
    font-family: var(--font-bold);
}

.lp_qualificationSect_box_title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    height: 4px;
    transform: translateY(-50%);
    background-color: var(--color-white);
}

.lp_qualificationSect_grid {
    display: grid;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lp_qualificationSect_grid--primary {
    grid-template-columns: 1fr 1fr;
}

.lp_qualificationSect_grid--support {
    grid-template-columns: 1fr 1fr;
}

.lp_qualificationSect_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    padding: 20px 12px;
    min-height: 130px;
}

.lp_qualificationSect_grid--primary .lp_qualificationSect_item {
    background-color: var(--color-mint-light);
}

.lp_qualificationSect_grid--support .lp_qualificationSect_item {
    background-color: var(--color-pink-bg);
}

.lp_qualificationSect_item img {
    width: auto;
    max-width: 58px;
    height: auto;
    max-height: 71px;
    margin-bottom: 6px;
    object-fit: contain;
}

.lp_qualificationSect_grid--primary .lp_qualificationSect_item span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--color-black);
    line-height: 1.5;
}

.lp_qualificationSect_grid--support .lp_qualificationSect_item span {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--color-black);
    line-height: 1.4;
}

.lp_footerSect {
    padding: 0 var(--lp-pad) 40px;
    color: var(--color-white);
}

.lp_footerSect_inner {
    max-width: var(--lp-max);
    margin: 0 auto;
}

.lp_footerSect_access {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-left: calc(-1 * var(--lp-pad));
    margin-right: calc(-1 * var(--lp-pad));
    padding: 80px var(--lp-pad) 224px;
    color: var(--color-black);
}

.lp_footerSect_access.el_animRoot {
    --footer-access-anim-stagger-step: 0.1s;
    --footer-access-time-delay: 0.5s;
}

.lp_footerSect_access.el_animRoot .lp_footerSect_access_body > .el_animSlideInDown {
    --el-anim-base-delay: 0s;
    --el-anim-stagger-step: var(--footer-access-anim-stagger-step);
}

.lp_footerSect_access.el_animRoot .lp_footerSect_access_title.el_animSlideInDown { --el-anim-stagger-index: 0; }
.lp_footerSect_access.el_animRoot .lp_footerSect_access_badge.el_animSlideInDown { --el-anim-stagger-index: 1; }
.lp_footerSect_access.el_animRoot .lp_footerSect_access_text.el_animSlideInDown { --el-anim-stagger-index: 2; }
.lp_footerSect_access.el_animRoot .lp_footerSect_access_lead.el_animSlideInDown { --el-anim-stagger-index: 3; }

.lp_footerSect_access.el_animRoot .lp_footerSect_access_time.el_animFadeIn {
    --el-anim-delay: var(--footer-access-time-delay);
}

.lp_footerSect_access_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.lp_footerSect_access_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.lp_footerSect_access_body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.lp_footerSect_access_title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: var(--font-bold);
    color: var(--color-black);
}

.lp_footerSect_access_badge {
    display: inline-block;
    width: fit-content;
    align-self: flex-start;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    padding: 0 8px;
    margin-bottom: 16px;
    font-family: var(--font-bold);
}

.lp_footerSect_access_text {
    font-size: 1.6rem;
    color: var(--color-black);
    line-height: 1.8;
    margin-bottom: 0;
}

.lp_footerSect_access_lead {
    font-size: 1.6rem;
    color: var(--color-black);
    line-height: 1.8;
    margin-bottom: 12px;
}

.lp_footerSect_access_em {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-green-accent);
    font-family: var(--font-bold);
}

.lp_footerSect_access_time {
    position: relative;
    width: 135px;
    height: auto;
    margin-top: 12px;
    margin-left: auto;
    margin-bottom: 0;
}

.lp_footerSect_access_timeImg {
    display: block;
    width: 100%;
    height: auto;
}

.lp_footerSect_access_link.el_transition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0 0 16px;
    color: var(--color-black);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    font-family: var(--font-bold);
    transition: opacity 0.2s;
}

.lp_footerSect_access_link.el_transition:hover {
    opacity: 0.75;
}

.lp_footerSect_access_link .el_transition_text {
    flex: 1;
}

.lp_footerSect_access_linkIcon {
    flex-shrink: 0;
    width: 25px;
    height: 24px;
}

.lp_footerSect_copy {
    margin-top: 24px;
    font-size: 1.44rem;
    color: var(--brand-blue-mid);
    text-align: center;
}

@media (min-width: 768px) {
    :root {
        --lp-pad: 40px;
    }

    .lp_kvSect_inner,
    .lp_kvNavSect_inner {
        max-width: 560px;
    }

    .lp_kvNavSect_inner {
        max-width: 480px;
    }

    .lp_empathySect_inner {
        max-width: 480px;
    }

    .lp_empathySect_visual {
        max-width: 420px;
    }

    .lp_aboutSect_inner {
        max-width: 480px;
    }

    .lp_fieldSect_inner {
        max-width: 480px;
    }
    .lp_empathySect{
        padding-top: 80px;
    }

    .lp_fieldSect_list {
        gap: 16px;
    }

    .lp_qualificationSect_grid--support .lp_qualificationSect_item {
        min-height: 160px;
    }
    .lp_footerSect_access{
        padding-bottom: 320px;
    }
}

@media (min-width: 1024px) {
    :root {
        --lp-pad: 40px;
    }

    .lp_kvSect_inner,
    .lp_kvNavSect_inner {
        max-width: 640px;
    }

    .lp_fieldSect_inner {
        max-width: 520px;
    }
}

.lp_layout_side {
    display: none;
}

.lp_layout_center {
    min-width: 0;
}

@media (min-width: 481px) {
    html.lp_previewShell {
        height: 100%;
        --lp-site-header-height: 0px;
    }

    html.lp_previewShell body {
        height: 100%;
        overflow: hidden;
        background-color: #d1ebe5;
    }

    .bl_articleSet .lp_layout {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        min-height: var(--lp-layout-height);
        height: var(--lp-layout-height);
        background-color: #d1ebe5;
        isolation: isolate;
    }

    .bl_articleSet .lp_layout::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle, rgba(255, 255, 255, 0.55) 2.5px, transparent 2.5px),
            radial-gradient(circle, rgba(255, 255, 255, 0.55) 2.5px, transparent 2.5px);
        background-size: 18px 36px;
        background-position: 0 0, 9px 18px;
        pointer-events: none;
        z-index: 0;
    }

    .lp_layout_center {
        position: relative;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        max-width: var(--lp-center-max);
        height: var(--lp-layout-height);
        background-color: var(--color-white);
        border-left: 2px solid var(--color-black);
        border-right: 2px solid var(--color-black);
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-padding-top: var(--lp-scroll-anchor-offset-badge);
    }

    .lp_layout_center::-webkit-scrollbar {
        display: none;
    }

    .bl_articleSet .lp_layout .ly_contents_main {
        overflow: visible;
        max-width: var(--lp-center-max);
        margin: 0 auto;
    }

    .lp_kvNavSect {
        display: none;
    }

    [class*="Sect_inner"],
    .lp_kvSect_inner {
        max-width: var(--lp-center-max);
    }
}

@media (min-width: 1200px) {
    .bl_articleSet .lp_layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--lp-center-max) minmax(0, 1fr);
        justify-content: center;
    }

    .bl_articleSet .lp_layout_side,
    .bl_articleSet .lp_layout_center {
        position: relative;
        z-index: 1;
    }

    .lp_layout_side {
        display: block;
        height: var(--lp-layout-height);
        overflow: hidden;
    }

    .lp_layout_side--left {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 60px 40px 60px;
    }

    .lp_layout_side--right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 40px 0px 40px 60px;
    }

    .lp_layout_side_inner {
        width: 100%;
        max-width: 400px;
    }

    .lp_layout_side_inner--right {
        flex: 0 0 auto;
        width: min(100%, 440px);
        max-width: 440px;
    }

    .lp_layout_brand_title {
        margin: 0 0 8px;
    }

    .lp_layout_brand_title img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bl_articleSet_item--culturalproduction .lp_layout_brand_en {
        display: block;
        margin: 16px 0 12px;
        padding: 8px 16px;
        background-color: var(--color-black);
        color: var(--color-white);
        font-size: 1.6rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0.2em;
        line-height: 1.5;
        font-family: var(--font-bold);
    }

    .lp_layout_brand_note {
        margin: 0 0 32px;
        font-size: 1.04rem;
        line-height: 1.5;
        color: var(--color-text-sub);
    }

    .lp_layout_brand_note_kana {
        font-weight: 700;
    }

    .lp_layout_cta {
        display: block;
        margin-bottom: 20px;
        text-decoration: none;
        transition: opacity 0.2s;
    }

    .lp_layout_cta:hover {
        opacity: 0.85;
    }

    .lp_layout_cta_img {
        display: block;
        width: 100%;
        height: auto;
    }

    .lp_layout_contact {
        margin-bottom: 28px;
    }

    .lp_layout_contact_label {
        margin: 0 0 4px;
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .lp_layout_contact_tel {
        margin: 0;
    }

    .lp_layout_contact_tel a {
        display: block;
        color: inherit;
        text-decoration: none;
    }

    .lp_layout_contact_tel img {
        display: block;
        width: 100%;
        max-width: 203px;
        height: auto;
    }

    .lp_layout_social {
        display: flex;
        gap: 2%;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .lp_layout_social_link {
        display: block;
        line-height: 0;
        text-decoration: none;
        transition: opacity 0.2s;
    }

    .lp_layout_social_link img {
        display: block;
        width: 42px;
        height: 42px;
    }

    .lp_layout_social_link:hover {
        opacity: 0.75;
    }

    .lp_layout_index {
        background-color: var(--color-white);
        border: 1px solid var(--color-black);
        border-right: none;
        border-radius: 20px 0 0 20px;
    }

    .lp_layout_index_label {
        display: inline-block;
        margin: 0;
        padding: 4px 20px;
        background-color: var(--color-black);
        color: var(--color-white);
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.5;
        font-family: var(--font-bold);
        top: -1em;
        left: -1px;
        position: relative;
    }

    .lp_layout_index_list {
        list-style: none;
        margin: 0;
        padding: 0 0 24px 36px;
    }

    .lp_layout_index_item + .lp_layout_index_item {
        border-top: 1px dashed var(--color-black);
    }

    .lp_layout_index_link {
        display: grid;
        grid-template-columns: 44px 1fr;
        gap: 12px;
        align-items: center;
        padding: 16px 0;
        color: var(--color-black);
        text-decoration: none;
        transition: opacity 0.2s;
    }

    .lp_layout_index_link:hover {
        opacity: 0.7;
    }

    .lp_layout_index_num {
        display: flex;
        align-items: center;
        min-height: 20px;
    }

    .lp_layout_index_num img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 20px;
    }

    .lp_layout_index_text {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.5;
        font-family: var(--font-bold);
    }
}