@charset "utf-8";

/* ======================================================
// MV
// ====================================================== */
.mv {
    position: relative;
    width: 100%;
    height: 600px;
    background-image: url(/lp/econ/img/mv_sp.webp);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

@media (min-width: 768px) {
    .mv {
        height: 808px;
        background-image: url(/lp/econ/img/mv.webp);
    }
}

@media (min-width: 1920px) {
    .mv {
        background-image:
            linear-gradient(
                to right,
                rgba(255, 255, 255, 1) 0%,
                rgba(255, 255, 255, 0.7) 4%,
                rgba(255, 255, 255, 0.3) 8%,
                transparent 12%,
                transparent 88%,
                rgba(255, 255, 255, 0.3) 92%,
                rgba(255, 255, 255, 0.7) 96%,
                rgba(255, 255, 255, 1) 100%
            ),
            url(/lp/econ/img/mv.webp);
        background-size: 1920px 100%, 1920px auto;
        background-position: center center, center center;
        background-repeat: no-repeat, no-repeat;
    }
}

.mv__inner {
    height: 100%;
}

@media (min-width: 768px) {
    .mv__inner {
        position: relative;
    }
}

.mv__title {
    position: absolute;
    top: 370px;
    left: 50%;
    transform: translateX(-50%);
    width: 246px;
    height: auto;
    margin: 0;
}

@media (min-width: 768px) {
    .mv__title {
        transform: translateX(calc(-50% - calc(267 / 1280 * 100vw)));
        top: 125px;
        width: calc(348 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .mv__title {
        transform: translateX(calc(-50% - 267px));
        width: 348px;
    }
}

.mv__img01 {
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(calc(-50% + 72px));
    width: 152px;
    height: auto;
}

@media (min-width: 768px) {
    .mv__img01 {
        transform: translateX(calc(-50% + calc(350 / 1280 * 100vw)));
        top: inherit;
        bottom: 551px;
        width: calc(214 / 1280 * 100vw);
    }
}


@media (min-width: 1280px) {
    .mv__img01 {
        transform: translateX(calc(-50% + 300px));
        bottom: 551px;
        width: 214px;
    }
}

.mv__lead {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

@media (min-width: 768px) {
    .mv__lead {
        bottom: 50px;
        left: inherit;
        right: calc(158 / 1280 * 100vw);
        padding-right: 0;
        padding-left: 0;
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

@media (min-width: 1280px) {
    .mv__lead {
        right: 158px;
    }
}

/* ======================================================
// lNav
// ====================================================== */
.lnav-sp {
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: url(/lp/econ/img/bg_lnav-sp.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.lnav-sp__inner {
    padding-right: 25px;
    padding-left: 25px;
}

.lnav-sp__menu {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 8px;
    max-width: 325px;
    margin: 0 auto;
}

.lnav-sp__menu::after {
    content: '';
    width: 100%;
    height: 0;
}

.lnav-sp__menu-item:nth-child(n+6) {
    order: 1;
}

.lnav-sp__menu-item:nth-child(n+6) {
    margin-top: -1.5em;
}

.lnav-sp__menu-item-link {
    position: relative;
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: underline;
}

@media (hover: hover) {
    .lnav-sp__menu-item-link:hover {
        color: var(--color-white);
    }
}

.lnav-sp__menu-item-link:active {
    color: var(--color-white);
}

.lnav-sp__menu-item-link::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 8px;
    margin-right: 3px;
    background-image: url(/lp/econ/img/icon_lnav_sp.svg);
    background-size: contain;
}

/* ======================================================
// behavioral-intro
// ====================================================== */
.behavioral-intro {
    padding-top: 48px;
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .behavioral-intro {
        padding-top: calc(43 / 1280 * 100vw);
        padding-bottom: calc(86 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro {
        padding-top: 43px;
        padding-bottom: 86px;
    }
}


.behavioral-intro__inner01 {
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .behavioral-intro__inner01 {
        margin-bottom: calc(98 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__inner01 {
        margin-bottom: 98px;
    }
}

@media (min-width: 768px) {
    .behavioral-intro__inner01::before {
        content: '';
        position: absolute;
        top: calc(-32 / 1280 * 100vw);
        left: calc(-101 / 1280 * 100vw);
        width: calc(353 / 1280 * 100vw);
        height: calc(274 / 1280 * 100vw);
        background-image: url(/lp/econ/img/bg_behavioral-intro_01.webp);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: left top;
        mix-blend-mode: hard-light;
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__inner01::before {
        top: -32px;
        left: -101px;
        width: 353px;
        height: 274px;
    }
}


.behavioral-intro__inner01::after {
    content: '';
    position: absolute;
    top: 54px;
    right: calc(-100% + 145px);
    width: 407px;
    height: 196px;
    background-image: url(/lp/econ/img/bg_behavioral-intro_02.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
}

@media (min-width: 768px) {
    .behavioral-intro__inner01::after {
        top: calc(-34 / 1280 * 100vw);
        right: calc(-140 / 1280 * 100vw);
        width: calc(547 / 1280 * 100vw);
        height: calc(263 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__inner01::after {
        top: -34px;
        right: -140px;
        width: 547px;
        height: 263px;
    }
}


.behavioral-intro__inner02 {
    position: relative;
}

.behavioral-intro__content {
    position: relative;
    z-index: 2;
}

.behavioral-intro__content02 {
    position: relative;
}

.behavioral-intro__title {
    padding: 0 0 70px;
}

@media (min-width: 768px) {
    .behavioral-intro__title {
        padding: 0 0 calc(164 / 1280 * 100vw) calc(90 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__title {
        padding: 0 0 164px 90px;
    }
}


.behavioral-intro__tille02 {
    margin: 0;
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-intro__tille02 {
        font-size: 36px;
    }
}

.behavioral-intro__tille02-marker {
    display: inline-block;
    position: relative;
}

.behavioral-intro__tille02-marker::after {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    right: -2px;
    width: calc(100% + 10px);
    height: 100%;
    background-image: url(/lp/econ/img/bg_behavioral-intro_marker01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 3px;
    z-index: -1;
}

@media (min-width: 768px) {
    .behavioral-intro__tille02-marker::after {
        top: 0;
        left: -11px;
        right: -6px;
        width: calc(100% + 17px);
        height: 100%;
    }
}

.behavioral-intro__section {
    position: relative;
}

@media (min-width: 768px) {
    .behavioral-intro__section {
        display: flex;
        align-items: flex-start;
        margin-left: calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section {
        align-items: flex-start;
        margin-left: 50px;
    }
}

.behavioral-intro__section--01 {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .behavioral-intro__section--01 {
        margin-bottom: calc(92 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section--01 {
        margin-bottom: 92px;
    }
}


.behavioral-intro__section--02 {
    margin-bottom: 67px;
}

@media (min-width: 768px) {
    .behavioral-intro__section--02 {
        margin-bottom: calc(92 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section--02 {
        margin-bottom: 92px;
    }
}

.behavioral-intro__section--01::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -156px;
    width: 260px;
    height: 121px;
    background-image: url(/lp/econ/img/bg_behavioral-intro_03.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
    mix-blend-mode: hard-light;
}

@media (min-width: 768px) {
    .behavioral-intro__section--01::before {
        bottom: calc(-55 / 1280 * 100vw);
        left: calc(-447 / 1280 * 100vw);
        width: calc(432 / 1280 * 100vw);
        height: calc(200 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section--01::before {
        bottom: -55px;
        left: -447px;
        width: 432px;
        height: 200px;
    }
}

.behavioral-intro__section--02::before {
    content: '';
    position: absolute;
    bottom: -91px;
    right: -70px;
    width: 200px;
    height: 219px;
    background-image: url(/lp/econ/img/bg_behavioral-intro_04.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
    mix-blend-mode: hard-light;
}

@media (min-width: 768px) {
    .behavioral-intro__section--02::before {
        bottom: calc(75 / 1280 * 100vw);
        right: calc(-207 / 1280 * 100vw);
        width: calc(365 / 1280 * 100vw);
        height: calc(401 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section--02::before {
        bottom: 75px;
        right: -207px;
        width: 365px;
        height: 401px;
    }
}

.behavioral-intro__section--03::before {
    content: '';
    position: absolute;
    bottom: -92px;
    left: -149px;
    width: 248px;
    height: 202px;
    background-image: url(/lp/econ/img/bg_behavioral-intro_05.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
    mix-blend-mode: hard-light;
}

@media (min-width: 768px) {
    .behavioral-intro__section--03::before {
        bottom: calc(129 / 1280 * 100vw);
        left: calc(-428 / 1280 * 100vw);
        width: calc(412 / 1280 * 100vw);
        height: calc(336 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section--03::before {
        bottom: 129px;
        left: -428px;
        width: 412px;
        height: 336px;
    }
}

.behavioral-intro__section-title {
    margin: 0;
    color: var(--key-color-2);
    font-size: 35px;
    font-weight: 900;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .behavioral-intro__section-title {
        flex-shrink: 0;
        font-size: clamp(35px, calc(52 / 1280 * 100vw), 52px);
        line-height: 1.25;
    }
}

.behavioral-intro__section-title-small {
    font-size: 25px;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .behavioral-intro__section-title-small {
        font-size: clamp(25px, calc(40 / 1280 * 100vw), 40px);
    }
}

.behavioral-intro__section-img {
    display: block;
}

.behavioral-intro__section-img--01 {
    margin-top: 8px;
}

@media (min-width: 768px) {
    .behavioral-intro__section-img--01 {
       width: calc(401 / 1280 * 100vw);
       margin-top: calc(-50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section-img--01 {
       width: 401px;
       margin-top: -50px;
    }
}

.behavioral-intro__section-img--02 {
    margin-top: -102px;
}

@media (min-width: 768px) {
    .behavioral-intro__section-img--02 {
        width: calc(395 / 1280 * 100vw);
        margin-top: calc(-20 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section-img--02 {
        width: 395px;
        margin-top: -20px;
    }
}


.behavioral-intro__section-img--03 {
    margin-top: -73px;
}

@media (min-width: 768px) {
    .behavioral-intro__section-img--03 {
        width: calc(412 / 1280 * 100vw);
        margin-top: calc(-36 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__section-img--03 {
        width: 412px;
        margin-top: -36px;
    }
}

.behavioral-intro__button {
    display: block;
    width: 275px;
    margin: 0 auto;
    position: relative;
    border: none;
    cursor: pointer;
    outline: none;
}

@media (min-width: 768px) {
    .behavioral-intro__button {
        position: absolute;
        left: 0;
        width: calc(385 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__button {
        width: 385px;
    }
}



.behavioral-intro__button--01 {
    margin-top: -23px;
}

@media (min-width: 768px) {
    .behavioral-intro__button--01 {
        margin-top: 0;
        top: calc(156 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__button--01 {
        top: 156px;
    }
}

.behavioral-intro__button--02 {
    margin-top: -26px;
}

@media (min-width: 768px) {
    .behavioral-intro__button--02 {
        margin-top: 0;
        top: calc(286 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__button--02 {
        top: 286px;
    }
}


.behavioral-intro__button--03 {
    margin-top: -55px;
}

@media (min-width: 768px) {
    .behavioral-intro__button--03 {
        margin-top: 0;
        top: calc(286 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__button--03 {
        top: 286px;
    }
}

@media (min-width: 768px) and (hover: hover) {
    .behavioral-intro__button::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/lp/econ/img/button_behavioral-intro01_hover.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        opacity: 0;
        transition: opacity 0.2s ease-out;
        pointer-events: none;
        z-index: 1;
    }
    
    
    .behavioral-intro__button:hover::before {
        opacity: 1;
    }
    
    .behavioral-intro__button:hover img {
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }
    
    .behavioral-intro__button img {
        transition: opacity 0.2s ease-out;
    }
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalInnerScaleIn {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}

@keyframes backdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes modalInnerScaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}

@keyframes backdropFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.behavioral-intro__modal {
  width: min(830px, calc(100% - 0px));
  height: min(650px, calc(100% - 0px));
  background-color: transparent;
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 80px 0 0;
}

@media (min-width: 768px) {
    .behavioral-intro__modal {
        height: min(760px, calc(100% - 0px));
    }
}

.behavioral-intro__modal-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background-color: var(--color-white);
    border-top: 5px solid var(--key-color-3);
    border-right: 5px solid var(--key-color-3);
    border-left: 5px solid var(--key-color-3);
    border-radius: 10px;
    overscroll-behavior-y: contain;
    margin: 25px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-inner {
        position: relative;
        border-radius: 20px 0 20px 20px;
        margin: 0 25px;
    }
}

.behavioral-intro__modal-primary-img {
    position: absolute;
    inset: 0;
    margin: 0 auto;
    display: block;
}

.behavioral-intro__modal-primary-img--01 {
    top: -80px;
    width: 252px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-primary-img--01 {
        top: calc(-80 / 1280 * 100vw);
        width: calc(392 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-primary-img--01 {
        top: -80px;
        width: 392px;
    }
}

.behavioral-intro__modal-primary-img--02 {
    top: -75px;
    width: 282px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-primary-img--02 {
        top: calc(-84 / 1280 * 100vw);
        width: calc(431 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-primary-img--02 {
        top: -84px;
        width: 431px;
    }
}

.behavioral-intro__modal-primary-img--03 {
    top: -73px;
    width: 290px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-primary-img--03 {
        top: calc(-89 / 1280 * 100vw);
        width: calc(473 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-primary-img--03 {
        top: -89px;
        width: 473px;
    }
}

.behavioral-intro__modal-primary {
    flex-shrink: 0;
    height: 334px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-primary {
        height: calc(496 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-primary {
        height: 496px;
    }
}

.behavioral-intro__modal-secondary {
    background-color: var(--key-color-3);
    min-height: 132px;
    padding: 15px;
    border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-secondary {
        min-height: calc(177 / 1280 * 100vw);
        padding: calc(30 / 1280 * 100vw) calc(70 / 1280 * 100vw) calc(15 / 1280 * 100vw);
       border-radius: 0 0 15px 15px;
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-secondary {
        min-height: 177px;
        padding: 30px 70px 15px;
    }
}



.behavioral-intro__modal-secondary-text {
    margin: 0;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-secondary-text {
       font-size: 16px;
        line-height: 1.75;
    }
}


.behavioral-intro__modal[open] {
  animation: modalFadeIn 0.3s ease-out forwards;
}

.behavioral-intro__modal[open] .behavioral-intro__modal-inner {
  animation: modalInnerScaleIn 0.3s ease-out forwards;
}

.behavioral-intro__modal::backdrop {
  background-color: var(--key-color-2);
}

.behavioral-intro__modal[open]::backdrop {
  animation: backdropFadeIn 0.3s ease-out forwards;
}

.behavioral-intro__modal.closing {
  animation: modalFadeOut 0.3s ease-out forwards;
}

.behavioral-intro__modal.closing .behavioral-intro__modal-inner {
  animation: modalInnerScaleOut 0.3s ease-out forwards;
}


.behavioral-intro__modal.closing::backdrop {
  animation: backdropFadeOut 0.3s ease-out forwards;
}

.behavioral-intro__modal-close-sp {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    cursor: pointer;
    outline: none;
}

@media (min-width: 768px) {
    .behavioral-intro__modal-close-pc {
        position: absolute;
        top: -5px;
        right: -5px;
        width: calc(90 / 1280 * 100vw);
        height: calc(90 / 1280 * 100vw);
        padding: 0;
        border: none;
        cursor: pointer;
        outline: none;
        background-color: var(--color-white);
    }
}

@media (min-width: 1280px) {
    .behavioral-intro__modal-close-pc {
        width: 90px;
        height: 90px;
    }
}

@media (min-width: 768px) and (hover: hover) {
    .behavioral-intro__modal-close-pc::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/lp/econ/img/behavioral-intro_modal_close_hover.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: opacity 0.2s ease-out;
        pointer-events: none;
    }
    
    .behavioral-intro__modal-close-pc:hover::before {
        opacity: 1;
    }
    
    .behavioral-intro__modal-close-pc:hover img {
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }
    
    .behavioral-intro__modal-close-pc img {
        transition: opacity 0.2s ease-out;
    }
}

/* ======================================================
// behavioral-why
// ====================================================== */
.behavioral-why {
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .behavioral-why {
        padding-top: calc(121 / 1280 * 100vw);
        padding-bottom: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-why {
        padding-top: 121px;
        padding-bottom: 100px;
    }
}

.behavioral-why__inner {
    position: relative;
}

.behavioral-why__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -97px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-why__inner::after {
        top: calc(-158 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-why__inner::after {
        top: -158px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}


.behavioral-why__content {
    position: relative;
    z-index: 2;
}

.behavioral-why::before {
    content: '';
    position: absolute;
    /* top: -44px; */
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave01_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-why::before {
        /* top: -152px; */
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave01_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-why::before {
        height: 152px;
    }
}


.behavioral-why::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% + 44px);
    background-color: var(--sub-color-2);
}

@media (min-width: 768px) {
    .behavioral-why::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% + calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-why::after {
        top: 152px;
        height: calc(100% + 152px);
    }
}

@media (min-width: 768px) {
    .behavioral-why__wrapper {
        display: flex;
        align-items: flex-start;
        gap: calc(75 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-why__wrapper {
        gap: 75px;
    }
}

.behavioral-why__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 25px;
}

@media (min-width: 768px) {
    .behavioral-why__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(38 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-why__title {
        margin-bottom: 38px;
    }
}


.behavioral-why__list {
    margin-bottom: 27px;
}

@media (min-width: 768px) {
    .behavioral-why__list {
        margin-bottom: 0;
    }
}

.behavioral-why__list-item:not(:last-child) {
    margin-bottom: 25px;
}

.behavioral-why__list-title {
    color: var(--key-color-2);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-why__list-title {
        font-size: clamp(18px, calc(27 / 1280 * 100vw), 27px);
        margin-bottom: calc(18 / 1280 * 100vw);
        line-height: 1.2;
    }
}

@media (min-width: 1280px) {
    .behavioral-why__list-title {
        margin-bottom: 18px;
    }
}

.behavioral-why__list-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-why__list-text {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

.behavioral-why__content-img {
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .behavioral-why__content-img {
        width: calc(375 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-why__content-img {
        width: 375px;
    }
}

/* ======================================================
// behavioral-different
// ====================================================== */
.behavioral-different {
    position: relative;
    padding-top: 60px;
    padding-bottom: 77px;
    /* background-color: var(--sub-color-1); */
}

@media (min-width: 768px) {
    .behavioral-different {
        padding-top: calc(118 / 1280 * 100vw);
        padding-bottom: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-different {
        padding-top: 118px;
        padding-bottom: 100px;
    }
}

.behavioral-different__inner {
    position: relative;
}

.behavioral-different__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -102px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-different__inner::after {
        top: calc(-156 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-different__inner::after {
        top: -156px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}

.behavioral-different__content {
    position: relative;
    z-index: 2;
}

.behavioral-different::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave02_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-different::before {
        /* top: -152px; */
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave02_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-different::before {
        height: 152px;
    }
}

.behavioral-different::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% + 44px);
    background-color: var(--sub-color-1);
}

@media (min-width: 768px) {
    .behavioral-different::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% + calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-different::after {
        top: 152px;
        height: calc(100% + 152px);
    }
}

.behavioral-different__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 25px;
}

@media (min-width: 768px) {
    .behavioral-different__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(38 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-different__title {
        margin-bottom: 38px;
    }
}

.behavioral-different__title-marker {
    display: inline-block;
    position: relative;
}

.behavioral-different__title-marker::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/lp/econ/img/bg_behavioral-different_marker01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 3px;
    z-index: -1;
}

@media (min-width: 768px) {
    .behavioral-different__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(55 / 1280 * 100vw) calc(82 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-different__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 55px 82px;
    }
}

.behavioral-different__list-item:not(:last-child) {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .behavioral-different__list-item:not(:last-child) {
        margin-bottom: 0;
    }
}

.behavioral-different__list-title {
    color: var(--key-color-1);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-different__list-title {
        font-size: clamp(18px, calc(27 / 1280 * 100vw), 27px);
        margin-bottom: calc(20 / 1280 * 100vw);
        line-height: 1.2;
    }
}

@media (min-width: 1280px) {
    .behavioral-different__list-title {
        margin-bottom: 20px;
    }
}

.behavioral-different__list-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-different__list-text {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

/* ======================================================
// behavioral-field
// ====================================================== */
.behavioral-field {
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .behavioral-field {
        padding-top: calc(121 / 1280 * 100vw);
        padding-bottom: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field {
        padding-top: 121px;
        padding-bottom: 100px;
    }
}

.behavioral-field__inner {
    position: relative;
}

.behavioral-field__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -97px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-field__inner::after {
        top: calc(-158 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__inner::after {
        top: -158px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}


.behavioral-field__content {
    position: relative;
    z-index: 2;
}

.behavioral-field::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave01_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-field::before {
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave01_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-field::before {
        height: 152px;
    }
}


.behavioral-field::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% + 44px);
    background-color: var(--sub-color-2);
}

@media (min-width: 768px) {
    .behavioral-field::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% + calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-field::after {
        top: 152px;
        height: calc(100% + 152px);
    }
}

.behavioral-field__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 25px;
}

@media (min-width: 768px) {
    .behavioral-field__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(25 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__title {
        margin-bottom: 25px;
    }
}

.behavioral-field__title-marker {
    display: inline-block;
    position: relative;
}

.behavioral-field__title-marker::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/lp/econ/img/bg_behavioral-field_marker01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 3px;
    z-index: -1;
}

.behavioral-field__tag {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .behavioral-field__tag {
        grid-template-columns: repeat(3, max-content);
        gap: calc(10 / 1280 * 100vw);
        margin-bottom: calc(18 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__tag {
        gap: 10px;
        margin-bottom: 18px;
    }
}

.behavioral-field__tag-item {
    color: var(--key-color-2);
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 6px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 768px) {
    .behavioral-field__tag-item {
        padding: calc(10 / 1280 * 100vw);
        font-size: clamp(18px, calc(27 / 1280 * 100vw), 27px);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__tag-item {
        padding: 10px;
    }
}

.behavioral-field__text01 {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-field__text01 {
        margin-bottom: calc(40 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-field__text01 {
        margin-bottom: 40px;
    }
}

.behavioral-field__list-item:not(:last-child) {
    margin-bottom: 35px;
}

.behavioral-field__list-item-wrapper {
    background-color: var(--color-white);
    padding: 15px 15px 35px;
    border-radius: 10px 10px 0 0;
    border-bottom: 5px solid var(--point-color);
}

@media (min-width: 768px) {
    .behavioral-field__list-item-wrapper {
        display: flex;
        justify-content: space-between;
        gap: calc(30 / 1280 * 100vw);
        padding: calc(28 / 1280 * 100vw) calc(50 / 1280 * 100vw) calc(56 / 1280 * 100vw);
        border-bottom: calc(9 / 1280 * 100vw) solid var(--point-color);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-wrapper {
        gap: 30px;
        padding: 28px 50px 56px;
        border-bottom: 9px solid var(--point-color);
    }
}

@media (min-width: 768px) {
    .behavioral-field__list-item-primary {
        width: calc(358 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-primary {
        width: 358px;
    }
}


@media (min-width: 768px) {
    .behavioral-field__list-item-secondary {
        flex: 1;
        text-align: right;
    }
}

.behavioral-field__list-title {
    color: var(--key-color-2);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-field__list-title {
        font-size: clamp(18px, calc(27 / 1280 * 100vw), 27px);
        margin-bottom: calc(20 / 1280 * 100vw);
        line-height: 1.2;
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-title {
        margin-bottom: 20px;
    }
}

.behavioral-field__list-text {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-field__list-text {
        margin-bottom: 0;
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

.behavioral-field__list-item-accordion-title {
   position: relative;
   width: 212px;
   height: 31px;
   margin: -36px auto 0;
   z-index: 1;
   background-color: var(--point-color);
   text-align: center;
   font-size: 14px;
   font-weight: 900;
   line-height: 31px;
   user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-title {
        width: calc(298 / 1280 * 100vw);
        height: calc(40 / 1280 * 100vw);
        margin-top: calc(-49 / 1280 * 100vw);
        font-size: clamp(14px, calc(20 / 1280 * 100vw), 20px);
        line-height: calc(40 / 1280 * 100vw);
        user-select: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        cursor: auto;
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-accordion-title {
        width: 298px;
        height: 40px;
        margin-top: -49px;
    }
}


/* ¥¢¥¤¥³¥ó¤Î±³¾°ƒÒ */
.behavioral-field__list-item-accordion-title::after {
    content: '';
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    background-color: var(--color-white);
    border-radius: 50%;
    transition: all 0.3s ease-out;
}

/* ¥×¥é¥¹Ó›ºÅ */
.behavioral-field__list-item-accordion-title::before {
    content: '+';
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color);
    font-size: 16px;
    font-weight: 900;
    line-height: 21px;
    z-index: 1;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
}

/* é_¤¤¤¿×´‘B¤Ç¤Ï¥Þ¥¤¥Ê¥¹Ó›ºÅ */
.behavioral-field__list-item-accordion[open] .behavioral-field__list-item-accordion-title::before {
    content: '?';
}

/* PC°æ¤Ç¤Ïhover„¿¹û¤È¥¢¥¤¥³¥ó¤òŸo„¿»¯ */
@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-title:hover {
        opacity: 1;
    }
    
    .behavioral-field__list-item-accordion-title::before,
    .behavioral-field__list-item-accordion-title::after {
        display: none;
    }
    
    .behavioral-field__list-item-accordion-title {
        padding-right: 0;
    }
}

.behavioral-field__list-item-accordion-content {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background-color: var(--point-color);
}

/* é_¤¤¤Æ¤¤¤ë×´‘B¤Ç¤Ï¡¢JavaScript¤Ç„ӵĤ˸ߤµ¤òÔO¶¨ */
.behavioral-field__list-item-accordion[open] .behavioral-field__list-item-accordion-content {
    opacity: 1;
}

/* PC°æ¤Ç¤Ï¥¢¥Ë¥á©`¥·¥ç¥ó¤òŸo„¿»¯ */
@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content {
        transition: none;
        max-height: none;
        opacity: 1;
    }
}



/* SP¤Î¤ß¥¢¥³©`¥Ç¥£¥ª¥ó™CÄܤòÓЄ¿¤Ë¤¹¤ë */
@media (min-width: 768px) {
    .behavioral-field__list-item-accordion[open] .behavioral-field__list-item-accordion-content,
    .behavioral-field__list-item-accordion:not([open]) .behavioral-field__list-item-accordion-content {
        display: block;
    }
    
    .behavioral-field__list-item-accordion .behavioral-field__list-item-accordion-title {
        pointer-events: none;
    }
    
    .behavioral-field__list-item-accordion .behavioral-field__list-item-accordion-title::marker {
        display: none;
    }
}

.behavioral-field__list-item-accordion-content-primary {
    padding: 30px 25px 25px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-primary {
        padding: calc(20 / 1280 * 100vw) calc(44 / 1280 * 100vw) calc(21 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-accordion-content-primary {
        padding: 20px 44px 21px;
    }
}


.behavioral-field__list-item-accordion-content-primary-list {
    display: grid;
    grid-auto-flow: column;
    /* grid-template-rows: repeat(3, auto); */
    gap: 5px 25px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-primary-list {
        grid-template-rows: auto;
        gap: calc(30 / 1280 * 100vw);
        justify-content: flex-start;
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-accordion-content-primary-list {
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .behavioral-field__list-item-accordion-content-primary-list--rows-2 {
        grid-template-rows: repeat(2, auto);
    }

    .behavioral-field__list-item-accordion-content-primary-list--rows-3 {
        grid-template-rows: repeat(3, auto);
    }
}

.behavioral-field__list-item-accordion-content-primary-list-item {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    list-style: none;
    padding-left: 15px;
    text-indent: -15px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-primary-list-item {
        position: relative;
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}


.behavioral-field__list-item-accordion-content-primary-list-item::before {
    content: "¡ñ";
    color: var(--key-color-2);
    padding-right: 5px;
    vertical-align: 1px;
    font-size: 10px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-primary-list-item::before {
        vertical-align: 3px;
        font-size: 8px;
    }
}

.behavioral-field__list-item-accordion-content-primary-list-item-marker {
    display: inline;
    /* padding: 0; */
    background-color: var(--color-white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.75;
}

.behavioral-field__list-item-accordion-content-secondary {
    position: relative;
    margin: 6px;
    padding: 19px;
    background-color: var(--color-white);
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary {
        padding: calc(14 / 1280 * 100vw) calc(44 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-accordion-content-secondary {
        padding: 14px 44px;
    }
}

.behavioral-field__list-item-accordion-content-secondary-title {
    margin: 0 0 12px;
    color: var(--key-color-2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary-title {
        margin-bottom: calc(10 / 1280 * 100vw);
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        text-align: left;
    }
}

@media (min-width: 1280px) {
    .behavioral-field__list-item-accordion-content-secondary-title {
        margin-bottom: 10px;
    }
}

.behavioral-field__list-item-accordion-content-secondary-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary-text {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}


.behavioral-field__list-item-accordion-content-secondary::before {
    position: absolute;
    top: -23px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-bottom: 23px solid var(--color-white);
}

.behavioral-field__list-item-accordion-content-secondary--01::before,
.behavioral-field__list-item-accordion-content-secondary--02::before {
    left: 70px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary--01::before {
        display: none;
    }
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary--02::before {
       display: none;
    }
}

.behavioral-field__list-item-accordion-content-secondary--03::before {
    left: 200px;
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-secondary--03::before {
       display: none;
    }
}

@media (min-width: 768px) {
    .behavioral-field__list-item-accordion-content-primary-list-item--arrow-pc::after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -27px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        border-bottom: 23px solid var(--color-white);
        z-index: 1;
    }
}

/* ======================================================
// behavioral-growth
// ====================================================== */
.behavioral-growth {
    position: relative;
    padding-top: 60px;
    padding-bottom: 77px;
    /* background-color: var(--sub-color-1); */
}

@media (min-width: 768px) {
    .behavioral-growth {
        padding-top: calc(118 / 1280 * 100vw);
        padding-bottom: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth {
        padding-top: 118px;
        padding-bottom: 100px;
    }
}

.behavioral-growth__inner {
    position: relative;
}

.behavioral-growth__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -102px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-growth__inner::after {
        top: calc(-156 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__inner::after {
        top: -156px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}

.behavioral-growth__content {
    position: relative;
    z-index: 2;
}

.behavioral-growth::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave02_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-growth::before {
        /* top: -152px; */
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave02_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth::before {
        height: 152px;
    }
}

.behavioral-growth::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% + 44px);
    background-color: var(--sub-color-1);
}

@media (min-width: 768px) {
    .behavioral-growth::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% + calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-growth::after {
        top: 152px;
        height: calc(100% + 152px);
    }
}

.behavioral-growth__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-growth__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(30 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__title {
        margin-bottom: 30px;
    }
}

.behavioral-growth__text01 {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    z-index: 2;
}

@media (min-width: 768px) {
    .behavioral-growth__text01 {
        width: calc(480 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__text01 {
        width: 480px;
    }
}

.behavioral-growth__box01 {
    position: relative;
    background-image: url(/lp/econ/img/bg_behavioral-growth_img01_sp.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    height: 853px;
    margin-top: -33px;
    margin-bottom: 25px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01 {
        height: calc(853 / 375 * 100vw);
        margin-top: calc(-33 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
    }
}


@media (min-width: 768px) {
    .behavioral-growth__box01 {
        background-image: url(/lp/econ/img/bg_behavioral-growth_img01.svg);
        width: calc(980 / 1280 * 100vw);
        height: calc(866 / 1280 * 100vw);
        margin: calc(-66 / 1280 * 100vw) auto calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01 {
        width: 980px;
        height: 866px;
        margin-top: -66px;
        margin-bottom: 50px;
    }
}


.behavioral-growth__box01-item {
    width: 275px;
    padding: 15px 15px 0;
    margin-right: 25px;
    margin-left: 25px;
    left: 0;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item {
        width: calc(275 / 375 * 100vw);
        margin-right: calc(25 / 375 * 100vw);
        margin-left: calc(25 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box01-item {
        width: calc(880 / 1280 * 100vw);
        margin-right: calc(50 / 1280 * 100vw);
        margin-left: calc(50 / 1280 * 100vw);
        padding: calc(25 / 1280 * 100vw) calc(40 / 1280 * 100vw) calc(0 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item {
        width: 880px;
        margin-right: 50px;
        margin-left: 50px;
        padding: 25px 40px 0;
    }
}

.behavioral-growth__box01-item--01 {
    position: absolute;
    top: 193px;
    height: 181px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item--01 {
        top: calc(193 / 375 * 100vw);
        height: calc(181 / 375 * 100vw);
    }
}


@media (min-width: 768px) {
    .behavioral-growth__box01-item--01 {
        top: calc(293 / 1280 * 100vw);
        height: calc(139 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item--01 {
        top: 293px;
        height: 139px;
    }
}

.behavioral-growth__box01-item--02 {
    position: absolute;
    top: 365px;
    height: 235px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item--02 {
        top: calc(365 / 375 * 100vw);
        height: calc(235 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box01-item--02 {
        top: calc(410 / 1280 * 100vw);
        height: calc(200 / 1280 * 100vw);
        padding-top: calc(35 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item--02 {
        top: 410px;
        height: 200px;
        padding-top: 35px;
    }
}

.behavioral-growth__box01-item--03 {
    position: absolute;
    top: 591px;
    height: 171px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item--03 {
        top: calc(591 / 375 * 100vw);
        height: calc(171 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box01-item--03 {
        top: calc(590 / 1280 * 100vw);
        height: calc(172 / 1280 * 100vw);
        padding-top: calc(30 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item--03 {
        top: 590px;
        height: 172px;
        padding-top: 30px;
    }
}

.behavioral-growth__box01-item--04 {
    position: absolute;
    top: 753px;
    height: 75px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item--04 {
        top: calc(753 / 375 * 100vw);
        height: calc(75 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box01-item--04 {
        top: calc(742 / 1280 * 100vw);
        height: calc(92 / 1280 * 100vw);
        padding-top: calc(30 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item--04 {
        top: 742px;
        height: 92px;
        padding-top: 30px;
    }
}

.behavioral-growth__box01-item-title {
    color: var(--key-color-2);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 12px;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item-title {
        font-size: calc(18 / 375 * 100vw);
        margin-bottom: calc(12 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box01-item-title {
        font-size: calc(27 / 1280 * 100vw);
        margin-bottom: calc(5 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item-title {
        font-size: 27px;
        margin-bottom: 5px;
    }
}

.behavioral-growth__box01-item-title--02 {
    color: var(--key-color-1);
}

.behavioral-growth__box01-item-title--03 {
    color: var(--key-color-4);
}

.behavioral-growth__box01-item-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 374px) {
    .behavioral-growth__box01-item-text {
        font-size: calc(14 / 375 * 100vw);
    }
}


@media (min-width: 768px) {
    .behavioral-growth__box01-item-text {
        font-size: calc(16 / 1280 * 100vw);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box01-item-text {
        font-size: 16px;
    }
}

.behavioral-growth__box02 {
    position: relative;
}

.behavioral-growth__box02-title {
    position: relative;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
    padding: 20px 25px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-title {
        font-size: clamp(18px, calc(27 / 1280 * 100vw), 27px);
        padding: calc(30 / 1280 * 100vw) calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-title {
        padding: 30px 50px;
    }
}

.behavioral-growth__box02-title::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--key-color-1);
    border-radius: 10px 10px 0 0;
    z-index: -2;
}

.behavioral-growth__box02-title-marker {
    display: inline-block;
    position: relative;
}

.behavioral-growth__box02-title-marker::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/lp/econ/img/bg_behavioral-growth_marker01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 0px;
    z-index: -1;
}

.behavioral-growth__box02-content {
    padding: 15px 25px 30px;
    background-color: var(--color-white);
    border-radius: 0 0 10px 10px;
}

@media (max-width: 374px) {
    .behavioral-growth__box02-content {
        padding: calc(15 / 375 * 100vw) calc(25 / 375 * 100vw) calc(30 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box02-content {
        padding: calc(34 / 1280 * 100vw) calc(75 / 1280 * 100vw) calc(30 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-content {
        padding: 34px 75px 30px;
    }
}

.behavioral-growth__box02-text01 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 30px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-text01 {
        margin-bottom: calc(23 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
        text-align: center;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-text01 {
        margin-bottom: 23px;
    }
}

.behavioral-growth__box02-list {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-right: 5px solid var(--key-color-1);
        border-left: 5px solid var(--key-color-1);
        margin-bottom: calc(40 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-list {
        margin-bottom: 40px;
    }
}

.behavioral-growth__box02-item {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item {
        padding-right: calc(20 / 1280 * 100vw);
        padding-left: calc(20 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-item  {
        padding-right: 20px;
        padding-left: 20px;
    }
}


.behavioral-growth__box02-item:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item:not(:last-child) {
        margin-bottom: 0;
        border-right: 5px solid var(--key-color-1);
    }
}

.behavioral-growth__box02-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--key-color-1);
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item::before {
        display: none;
    }
}

.behavioral-growth__box02-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 5px;
    height: 100%;
    background-color: var(--key-color-1);
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item::after {
        display: none;
    }
}

.behavioral-growth__box02-item-title {
    color: var(--key-color-1);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item-title {
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        margin-bottom: calc(15 / 1280 * 100vw);
    }
}

.behavioral-growth__box02-item-title-sub {
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item-title-sub {
        font-size: clamp(12px, calc(20 / 1280 * 100vw), 20px);
    }
}

.behavioral-growth__box02-item-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-item-text {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

.behavioral-growth__box02-fukidashi {
    background-image: url(/lp/econ/img/bg_behavioral-growth_fukidashi_sp.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom 0px;
    background-size: contain;
    width: 100%;
    height: 100%;
    margin-bottom: 13px;
    padding: 4px 0 4px 59px;
}

@media (max-width: 374px) {
    .behavioral-growth__box02-fukidashi {
        padding: calc(4 / 375 * 100vw) 0 calc(4 / 375 * 100vw) calc(59 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box02-fukidashi {
      position: relative;
      margin-bottom: 20px;
      padding: 0 0 0 53px;
      background: none;
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box02-fukidashi::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 56px;
        height: 100%;
        background-image: url(/lp/econ/img/bg_behavioral-growth_fukidashi.svg);
        background-size: 56px auto;
        background-repeat: no-repeat;
        background-position: left bottom;
        z-index: 10;
    }
}


.behavioral-growth__box02-fukidashi-text {
    color: var(--key-color-1);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-fukidashi-text {
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        text-align: center;
        border: 3px solid var(--key-color-1);
        background-color: var(--color-white);
        padding: calc(12 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-fukidashi-text {
        padding: 12px;
    }
}


@media (max-width: 374px) {
    .behavioral-growth__box02-fukidashi-text {
        font-size: calc(14 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item {
        padding: 30px 25px;
        border-radius: 10px;
        overflow: hidden;
        background-color: var(--sub-color-1);
    }
}

.behavioral-growth__box02-accordion-item:not(:last-child) {
    margin-bottom: 30px;
}

.behavioral-growth__box02-accordion-item-title {
    position: relative;
    width: 275px;
    height: 75px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.25;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

@media (max-width: 374px) {
    .behavioral-growth__box02-accordion-item-title {
        width: calc(275 / 375 * 100vw);
        height: calc(75 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
    }
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-title {
        width: auto;
        height: auto;
        margin-bottom: 6px;
        padding: 0;
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
        user-select: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        cursor: auto;
    }
}


.behavioral-growth__box02-accordion-item-title--01 {
    background-image: url(/lp/econ/img/bg_behavioral-growth_accordion01_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-title--01 {
        background-image: none;
    }
}

.behavioral-growth__box02-accordion-item-title--02 {
    background-image: url(/lp/econ/img/bg_behavioral-growth_accordion02_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-title--02 {
        background-image: none;
    }
}

.behavioral-growth__box02-accordion-item-title-text {
    position: absolute;
    top: 20px;
    left: 67px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-title-text {
       position: static;
    }
}


/* ¥¢¥¤¥³¥ó¤Î±³¾°ƒÒ */
.behavioral-growth__box02-accordion-item-title::after {
    content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    background-color: var(--color-white);
    border-radius: 50%;
    transition: all 0.3s ease-out;
}

/* ¥×¥é¥¹Ó›ºÅ */
.behavioral-growth__box02-accordion-item-title::before {
    content: '+';
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color);
    font-size: 16px;
    font-weight: 900;
    line-height: 21px;
    z-index: 1;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
}

/* é_¤¤¤¿×´‘B¤Ç¤Ï¥Þ¥¤¥Ê¥¹Ó›ºÅ */
.behavioral-growth__box02-accordion-item[open] .behavioral-growth__box02-accordion-item-title::before {
    content: '?';
}

/* PC°æ¤Ç¤Ïhover„¿¹û¤È¥¢¥¤¥³¥ó¤òŸo„¿»¯ */
@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-title:hover {
        opacity: 1;
    }
    
    .behavioral-growth__box02-accordion-item-title::before,
    .behavioral-growth__box02-accordion-item-title::after {
        display: none;
    }
    
    .behavioral-growth__box02-accordion-item-title {
        padding-right: 0;
    }
}

.behavioral-growth__box02-accordion-item-content {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background-color: var(--sub-color-1);
    padding: 0 5px 5px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content {
        padding: 0;
    }
}

.behavioral-growth__box02-accordion-item-content-inner {
    padding: 15px;
    border-top: 2px solid var(--color-white);
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content-inner {
        display: flex;
        align-items: flex-start;
        gap: calc(30 / 1280 * 100vw);
        padding: 0;
        border: none;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-accordion-item-content-inner {
        gap: 30px;
    }
}

/* é_¤¤¤Æ¤¤¤ë×´‘B¤Ç¤Ï¡¢JavaScript¤Ç„ӵĤ˸ߤµ¤òÔO¶¨ */
.behavioral-growth__box02-accordion-item[open] .behavioral-growth__box02-accordion-item-content {
    opacity: 1;
}

/* PC°æ¤Ç¤Ï¥¢¥Ë¥á©`¥·¥ç¥ó¤òŸo„¿»¯ */
@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content {
        transition: none;
        max-height: none;
        opacity: 1;
    }
}

/* SP¤Î¤ß¥¢¥³©`¥Ç¥£¥ª¥ó™CÄܤòÓЄ¿¤Ë¤¹¤ë */
@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item[open] .behavioral-growth__box02-accordion-item-content,
    .behavioral-growth__box02-accordion-item:not([open]) .behavioral-growth__box02-accordion-item-content {
        display: block;
    }
    
    .behavioral-growth__box02-accordion-item .behavioral-growth__box02-accordion-item-title {
        pointer-events: none;
    }
    
    .behavioral-growth__box02-accordion-item .behavioral-growth__box02-accordion-item-title::marker {
        display: none;
    }

    .behavioral-growth__box02-accordion-item .behavioral-growth__box02-accordion-item-title::-webkit-details-marker {
        display:none;
    }
}

.behavioral-growth__box02-accordion-item-content-text-wrapper {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content-text-wrapper {
        width: calc(476 / 1280 * 100vw);
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-accordion-item-content-text-wrapper {
        width: 476px;
    }
}

.behavioral-growth__box02-accordion-item-content-text01 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content-text01 {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}


.behavioral-growth__box02-accordion-item-content-note01 {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content-note01 {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
        line-height: 1.5;
    }
}


.behavioral-growth__box02-accordion-item-content-img01 {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .behavioral-growth__box02-accordion-item-content-img01 {
        width: calc(277 / 1280 * 100vw);
        margin-top: 0;
    }
}

@media (min-width: 1280px) {
    .behavioral-growth__box02-accordion-item-content-img01 {
        width: 277px;
    }
}


/* ======================================================
// behavioral-certification
// ====================================================== */
.behavioral-certification {
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .behavioral-certification {
        padding-top: calc(121 / 1280 * 100vw);
        padding-bottom: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification {
        padding-top: 121px;
        padding-bottom: 100px;
    }
}

.behavioral-certification__inner {
    position: relative;
}

.behavioral-certification__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -97px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-certification__inner::after {
        top: calc(-158 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__inner::after {
        top: -158px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}


.behavioral-certification__content {
    position: relative;
    z-index: 2;
}

.behavioral-certification::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave01_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-certification::before {
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave01_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification::before {
        height: 152px;
    }
}


.behavioral-certification::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% + 44px);
    background-color: var(--sub-color-2);
}

@media (min-width: 768px) {
    .behavioral-certification::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% + calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-certification::after {
        top: 152px;
        height: calc(100% + 152px);
    }
}

.behavioral-certification__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    .behavioral-certification__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(20 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__title {
        margin-bottom: 20px;
    }
}

.behavioral-certification__title-note {
    font-size: 0.8em;
    vertical-align: top;
}

.behavioral-certification__text {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-certification__text {
        margin-bottom: calc(40 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__text {
        margin-bottom: 40px;
    }
}

.behavioral-certification__box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 768px) {
    .behavioral-certification__box {
        grid-template-columns: 1fr 1fr;
        gap: calc(20 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box {
        gap: 20px;
    }
}

.behavioral-certification__box-item {
    padding: 15px 25px;
    border-radius: 10px;
    background-color: var(--color-white);
}

@media (min-width: 768px) {
    .behavioral-certification__box-item {
        padding: calc(30 / 1280 * 100vw) calc(48 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item {
        padding: 30px 48px;
    }
}

.behavioral-certification__box-item-note-wrapper--03 {
    
    grid-column: 1 / -1; /* SP°æ¤Ç¤Ïͨ³£¤ÎÅäÖá¢PC°æ¤Ç¤ÏÈ«·ù */
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-note-wrapper--03 {
        grid-column: 1 / -1; /* PC°æ¤ÇÈ«·ù¤ËÅäÖà */
    }
}

.behavioral-certification__box-item-title {
    margin-bottom: 12px;
    color: var(--key-color-3);
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-title {
        font-size: clamp(18px, calc(26 / 1280 * 100vw), 26px);
        margin-bottom: calc(20 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-title {
        margin-bottom: 20px;
    }
}

.behavioral-certification__box-item-list01-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
}

.behavioral-certification__box-item-list01 {
    margin: 0;
}

.behavioral-certification__box-item-list01 li {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0;
    width: 105%;
    list-style: none;
    padding-left: 15px;
    text-indent: -15px;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list01 li {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

.behavioral-certification__box-item-list01 li::before {
    content: "¡ñ";
    color: var(--key-color-3);
    padding-right: 5px;
    vertical-align: 1px;
    font-size: 6px;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list01 li::before {
        vertical-align: 1px;
        font-size: 7px;
    }
}

.behavioral-certification__box-item-text01 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-text01 {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        margin-bottom: calc(23 / 1280 * 100vw);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-text01 {
        margin-bottom: 23px;
    }
}

.behavioral-certification__box-item-title01 {
    position: relative;
    color: var(--key-color-3);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 8px;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-title01 {
        margin-bottom: calc(12 / 1280 * 100vw);
        font-size: clamp(18px, calc(26 / 1280 * 100vw), 26px);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-title01 {
        margin-bottom: 12px;
    }
}

.behavioral-certification__box-item-title01-marker {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.behavioral-certification__box-item-title01-marker::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/lp/econ/img/bg_behavioral-certification_marker01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: -1;
}

.behavioral-certification__box-item-text02 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-text02 {
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
    }
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list02 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: calc(40 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-list02 {
        gap: 40px;
    }
}

.behavioral-certification__box-item-list02-item {
    position: relative;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list02-item:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 0;
        right: calc(-20 / 1280 * 100vw);
        width: 3px;
        height: 100%;
        background-color: var(--key-color-3);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-list02-item:not(:last-child)::after {
       right: -20px;
    }
}

.behavioral-certification__box-item-list02-item:not(:last-child) {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list02-item:not(:last-child) {
        margin-bottom: 0;
    }
}



.behavioral-certification__box-item-list02-item-title {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 8px;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list02-item-title {
        margin-bottom: calc(20 / 1280 * 100vw);
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        line-height: 1.5;
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-list02-item-title {
        margin-bottom: 20px;
    }
}

.behavioral-certification__box-item-list02-item-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-list02-item-text {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

.behavioral-certification__box-item-note {
    margin-top: 10px;
    margin-left: 25px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-certification__box-item-note {
        margin-top: calc(24 / 1280 * 100vw);
        margin-left: 0;
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

@media (min-width: 1280px) {
    .behavioral-certification__box-item-note {
        margin-top: 24px;
    }
}


/* ======================================================
// behavioral-achievement
// ====================================================== */
.behavioral-achievement {
    position: relative;
    padding-top: 60px;
    padding-bottom: 100px;
}

@media (min-width: 768px) {
    .behavioral-achievement {
        padding-top: calc(118 / 1280 * 100vw);
        padding-bottom: calc(130 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement {
        padding-top: 118px;
        padding-bottom: 130px;
    }
}

.behavioral-achievement__inner {
    position: relative;
}

.behavioral-achievement__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -102px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-achievement__inner::after {
        top: calc(-156 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
        z-index: 2;
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__inner::after {
        top: -156px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}

.behavioral-achievement__content {
    position: relative;
    z-index: 2;
}

.behavioral-achievement::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-image: url(/lp/econ/common/img/bg_wave02_top_sp.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(1px);
}

@media (min-width: 768px) {
    .behavioral-achievement::before {
        /* top: -152px; */
        height: calc(152 / 1280 * 100vw);
        background-image: url(/lp/econ/common/img/bg_wave02_top.svg);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement::before {
        height: 152px;
    }
}

.behavioral-achievement::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: calc(100% - 44px);
    background-color: var(--sub-color-1);
}

@media (min-width: 768px) {
    .behavioral-achievement::after {
        top: calc(152 / 1280 * 100vw);
        height: calc(100% - calc(152 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement::after {
        top: 152px;
        height: calc(100% - 152px);
    }
}

.behavioral-achievement__title {
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 12px;
}

@media (min-width: 768px) {
    .behavioral-achievement__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        margin-bottom: calc(30 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__title {
        margin-bottom: 30px;
    }
}

.behavioral-achievement__text01 {
    position: relative;
    margin-bottom: 50px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    z-index: 2;
}

@media (min-width: 768px) {
    .behavioral-achievement__text01 {
        margin-bottom: calc(36 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__title {
        margin-bottom: 36px;
    }
}

.behavioral-achievement__wrapper:not(:last-of-type) {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .behavioral-achievement__wrapper:not(:last-of-type) {
        margin-bottom: calc(73 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__wrapper:not(:last-of-type) {
        margin-bottom: 73px;
    }
}


.behavioral-achievement__wrapper-title {
    margin: 0 calc(50% - 50vw);
    background-color: var(--key-color-3);
    color: var(--color-white);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    padding: 16px 25px 45px;
    text-align: center;
}

@media (min-width: 768px) {
    .behavioral-achievement__wrapper-title {
        font-size: clamp(18px, calc(26 / 1280 * 100vw), 26px);
        padding: calc(30 / 1280 * 100vw) calc(50 / 1280 * 100vw) calc(145 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__wrapper-title {
        padding: 30px 50px 145px;
    }
}

.behavioral-achievement__wrapper-title--02 {
    padding-bottom: 28px;
}

@media (min-width: 768px) {
    .behavioral-achievement__wrapper-title--02 {
        padding-bottom: calc(120 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__wrapper-title--02 {
        padding-bottom: 120px;
    }
}

.behavioral-achievement__wrapper-title-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-achievement__wrapper-title-small {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

.behavioral-achievement__box01 {
    margin-top: -34px;
    margin-bottom: 10px;
    background-color: var(--color-white);
    padding: 20px 25px;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01 {
        display: flex;
        justify-content: space-between;
        gap: 0 calc(104 / 1280 * 100vw);
        margin-top: calc(-118 / 1280 * 100vw);
        margin-bottom: calc(28 / 1280 * 100vw);
        padding: calc(30 / 1280 * 100vw) calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01 {
        gap: 0 104px;
        margin-top: -118px;
        margin-bottom: 28px;
        padding: 30px 50px;
    }
}


.behavioral-achievement__box01-head {
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--key-color-3);
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-head {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-head::after {
        content: '';
        position: absolute;
        top: 0;
        right: calc(-52 / 1280 * 100vw);
        width: 3px;
        height: 100%;
        background-color: var(--key-color-3);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-head::after {
        right: -52px;
    }
}


.behavioral-achievement__box01-title {
    color: var(--key-color-3);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 14px;
}

.behavioral-achievement__box01-title .text--small {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-title {
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        margin-bottom: calc(29 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-title {
        margin-bottom: 29px;
    }
}

.behavioral-achievement__box01-img01 {
    margin-bottom: 9px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-img01 {
        width: calc(353 / 1280 * 100vw);
        margin-top: calc(57 / 1280 * 100vw);
        margin-bottom: calc(12 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-img01 {
        width: 353px;
        margin-top: 57px;
        margin-bottom: 12px;
    }
}


.behavioral-achievement__box01-text01 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-text01 {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-body {
        width: calc(422 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-body {
        width: 422px;
    }
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-body-content {
        display: flex;
        justify-content: space-between;
        gap: 0 calc(29 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-body-content {
        gap: 0 29px;
    }
}



.behavioral-achievement__box01-body-primary {
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-body-primary {
        width: calc(232 / 1280 * 100vw);
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-body-primary {
        width: 232px;
    }
}


@media (min-width: 768px) {
    .behavioral-achievement__box01-body-secondary {
        width: calc(161 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box01-body-secondary {
        width: 161px;
    }
}

.behavioral-achievement__box01-body-secondary-note {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}

@media (min-width: 768px) {
    .behavioral-achievement__box01-body-secondary-note {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}


.behavioral-achievement__box02 {
    background-color: var(--color-white);
    padding: 20px 25px 0;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02 {
        display: grid;
        grid-template-columns: calc(383 / 1280 * 100vw) 1fr;
        padding: 0;
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02 {
        grid-template-columns: 383px 1fr;
    }
}


.behavioral-achievement__box02-content01 {
    padding-bottom: 35px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-content01 {
        padding: calc(30 / 1280 * 100vw) calc(50 / 1280 * 100vw) calc(25 / 1280 * 100vw) calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-content01 {
        padding: 30px 50px 25px 50px;
    }
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-content02 {
        position: relative;
    }
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-content02::before {
        content: '';
        position: absolute;
        top: 50%;
        left: calc(-39 / 1280 * 100vw);
        transform: translateY(-50%);
        width: calc(39 / 1280 * 100vw);
        height: calc(73 / 1280 * 100vw);
        background-color: var(--sub-color-2);
        clip-path: polygon(0% 50%, 100% 100%, 100% 0);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-content02::before {
        left: -38px;
        width: 39px;
        height: 73px;
    }
}

.behavioral-achievement__box02-title {
    color: var(--key-color-3);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 16px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-title {
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
        margin-bottom: calc(40 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-title {
        margin-bottom: 40px;
    }
}

.behavioral-achievement__box02-img01 {
    margin-bottom: 9px;
    text-align: center;
}

.behavioral-achievement__box02-text01 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-text01 {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
        width: 105%;
    }
}

.behavioral-achievement__box02-accordion {
    width: calc(100% + 50px);
    margin-left: -25px;
    background-color: var(--sub-color-2);
    border-radius: 0 0 10px 10px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion {
        width: 100%;
        height: 100%;
        margin-left: 0;
        border-radius: 0 10px 10px 0;
        padding: calc(30 / 1280 * 100vw) calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-accordion {
        padding: 30px 50px;
    }
}

.behavioral-achievement__box02-accordion-title {
    position: relative;
    height: 54px;
    background-color: var(--sub-color-2);
    border-radius: 0 0 10px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    line-height: 54px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-title {
        margin-bottom: calc(15 / 1280 * 100vw);
        height: auto;
        line-height: 1.5;
        background: none;
        border-radius: 0;
        user-select: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        cursor: auto;
        text-align: left;
        font-size: clamp(16px, calc(20 / 1280 * 100vw), 20px);
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-accordion-title {
        margin-bottom: 15px;
    }
}


.behavioral-achievement__box02-accordion-title-text {
    position: relative;
    display: block;
}

.behavioral-achievement__box02-accordion-title-text::before {
    content: '';
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 37px;
    height: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: var(--sub-color-2);
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-title-text::before {
        display: none;
    }
}


.behavioral-achievement__box02-accordion-title-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-title-small {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

/* ¥¢¥¤¥³¥ó¤Î±³¾°ƒÒ */
.behavioral-achievement__box02-accordion-title::after {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    background-color: var(--color-white);
    border-radius: 50%;
    transition: all 0.3s ease-out;
}

/* ¥×¥é¥¹Ó›ºÅ */
.behavioral-achievement__box02-accordion-title::before {
    content: '+';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color);
    font-size: 16px;
    font-weight: 900;
    line-height: 21px;
    z-index: 1;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
}

/* é_¤¤¤¿×´‘B¤Ç¤Ï¥Þ¥¤¥Ê¥¹Ó›ºÅ */
.behavioral-achievement__box02-accordion[open] .behavioral-achievement__box02-accordion-title::before {
    content: '?';
}

/* PC°æ¤Ç¤Ïhover„¿¹û¤È¥¢¥¤¥³¥ó¤òŸo„¿»¯ */
@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-title:hover {
        opacity: 1;
    }
    
    .behavioral-achievement__box02-accordion-title::before,
    .behavioral-achievement__box02-accordion-title::after {
        display: none;
    }
    
    .behavioral-achievement__box02-accordion-title {
        padding-right: 0;
    }
}

.behavioral-achievement__box02-accordion-content {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px 15px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-content {
        height: 100%;
        padding: 0;
    }
}

.behavioral-achievement__box02-accordion[open] .behavioral-achievement__box02-accordion-content {
    max-height: 1000px;
    opacity: 1;
}

.behavioral-achievement__box02-accordion-content-inner {
    display: grid;
    grid-template-columns: 6fr 4fr;
    gap: 0 6px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-content-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 0 6px;
    }
}

@media (min-width: 1280px) {
    .behavioral-achievement__box02-accordion-content-inner {
        gap: 0 6px;
    }
}

.behavioral-achievement__box02-accordion-content-list-item {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    list-style: none;
    padding-left: 15px;
    text-indent: -15px;
}

@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion-content-list-item {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

.behavioral-achievement__box02-accordion-content-list-item:before {
    content: "¡ð";
    color: var(--text-color);
    padding-right: 5px;
    vertical-align: 1px;
    font-size: 10px;
}
/* PC°æ¤Ç¤Ï³£¤Ëé_¤¤¤¿×´‘B */
@media (min-width: 768px) {
    .behavioral-achievement__box02-accordion {
        pointer-events: none;
    }
    
    .behavioral-achievement__box02-accordion-content {
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        transition: none !important;
    }
    
    .behavioral-achievement__box02-accordion .behavioral-achievement__box02-accordion-title {
        pointer-events: none;
    }
    
    .behavioral-achievement__box02-accordion .behavioral-achievement__box02-accordion-title::marker {
        display: none;
    }

    .behavioral-achievement__box02-accordion .behavioral-achievement__box02-accordion-title::-webkit-details-marker {
        display:none;
    }
}

.behavioral-achievement__slider {
    margin: -20px calc(50% - 50vw) 0;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider {
         margin-top: calc(-91 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider {
         margin-top: -91px;
    }
}

.behavioral-achievement__slider .behavioral-achievement__slider-item {
    background-color: var(--color-white);
    padding: 20px;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .behavioral-achievement__slider-item {
       padding: calc(30 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider .behavioral-achievement__slider-item {
        padding: 30px;
    }
}

.behavioral-achievement__slider .behavioral-achievement__slider-number {
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--key-color-1);
    color: var(--key-color-1);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .behavioral-achievement__slider-number {
        margin-bottom: calc(20 / 1920 * 100vw);
        padding-bottom: calc(10 / 1920 * 100vw);
        border-bottom: 2px solid var(--key-color-1);
        font-size: clamp(20px, calc(28 / 1920 * 100vw), 28px);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider .behavioral-achievement__slider-number {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
}


@media (min-width: 768px) {
    .behavioral-achievement__slider-wrapper {
        position: relative;
        min-height: calc(230 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider-wrapper {
        min-height: 230px;
    }
}

.behavioral-achievement__slider-title {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider-title {
        font-size: clamp(16px, calc(20 / 1920 * 100vw), 20px);
        margin-left: calc(260 / 1920 * 100vw);
        margin-bottom: calc(36 / 1920 * 100vw);
        line-height: 1.5;
        text-align: left;
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider-title {
        margin-left: 260px;
        margin-bottom: 36px;
    }
}



.behavioral-achievement__slider-img {
    display: block;
    margin: 0 auto 2px;
    width: 201px;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(230 / 1920 * 100vw);
        height: auto;
        margin: 0;
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider-img {
        width: 230px;
    }
}

.behavioral-achievement__slider-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider-text {
        margin-left: calc(260 / 1920 * 100vw);
        font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
        font-weight: 500;
        line-height: 1.5;
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider-text {
        margin-left: 260px;
    }
}


.behavioral-achievement__slider .splide__arrow {
    background-color: transparent;
    width: 48px;
    height: 48px;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .splide__arrow {
        width: calc(80 / 1920 * 100vw);
        height: calc(80 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider .splide__arrow {
        width: 80px;
        height: 80px;
    }
}

.behavioral-achievement__slider .splide__arrow--prev {
    left: 30px;
    background-image: url(/lp/econ/img/button_behavioral-achievement_slider_prev.svg);
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .splide__arrow--prev {
        left: calc(50% - calc(570 / 1920 * 100vw));
    }
}

@media (min-width:1280px) {
    .behavioral-achievement__slider .splide__arrow--prev {
        left: calc(50% - calc(460 / 1920 * 100vw));
    }
}


.behavioral-achievement__slider .splide__arrow--next {
    right: 30px;
    background-image: url(/lp/econ/img/button_behavioral-achievement_slider_next.svg);
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .splide__arrow--next {
        right: calc(50% - calc(570 / 1920 * 100vw));
    }
}

@media (min-width:1280px) {
    .behavioral-achievement__slider .splide__arrow--next {
        right: calc(50% - calc(460 / 1920 * 100vw));
    }
}

.behavioral-achievement__slider .splide__arrow:hover:not(:disabled) {
    opacity: 1;
}


@media (min-width: 768px) and (hover: hover) {
    .behavioral-achievement__slider .splide__arrow--prev::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/lp/econ/img/button_behavioral-achievement_slider_prev_hover.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: opacity 0.2s ease-out;
        pointer-events: none;
        z-index: 1;
    }

    .behavioral-achievement__slider .splide__arrow--next::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/lp/econ/img/button_behavioral-achievement_slider_next_hover.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: opacity 0.2s ease-out;
        pointer-events: none;
        z-index: 1;
    }

    .behavioral-achievement__slider .splide__arrow:hover::before {
        opacity: 1;
    }

    .behavioral-achievement__slider .splide__arrow:hover:not(:disabled) {
        opacity: 1;
    }
}

.behavioral-achievement__slider .splide__pagination {
    bottom: -41px;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .splide__pagination {
        bottom: calc(-51 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider .splide__pagination {
        bottom: -51px;
    }
}

.behavioral-achievement__slider .splide__pagination__page {
    width: 11px;
    height: 11px;
    margin: 0px 6px;
    background-color: rgba(255, 120, 100, 0.5);
    border-radius: 50%;
}

@media (min-width: 768px) {
    .behavioral-achievement__slider .splide__pagination__page {
        width: calc(15 / 1920 * 100vw);
        height: calc(15 / 1920 * 100vw);
        margin: 0 calc(7 / 1920 * 100vw) 0 calc(7 / 1920 * 100vw);
    }
}

@media (min-width: 1920px) {
    .behavioral-achievement__slider .splide__pagination__page {
        width: 15px;
        height: 15px;
        margin: 0 7px;
    }
}


.behavioral-achievement__slider .splide__pagination__page.is-active {
    background-color: var(--key-color-1);
}

.behavioral-achievement__slider .splide__pagination__page.is-active {
    transform: scale(1);
}


/* ======================================================
// behavioral-access
// ====================================================== */
.behavioral-access {
    padding-top: 70px;
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .behavioral-access {
        padding-top: calc(100 / 1280 * 100vw);
        padding-bottom: calc(90 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access {
        padding-top: 100px;
        padding-bottom: 90px;
    }
}

.behavioral-access__inner {
    position: relative;
}

.behavioral-access__inner::after {
    display: block;
    content: '';
    position: absolute;
    top: -55px;
    right: -116px;
    width: 204px;
    height: 234px;
    background-image: url(/lp/econ/common/img/bg_fluid_01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    mix-blend-mode: hard-light;
    z-index: 1;
}

@media (min-width: 768px) {
    .behavioral-access__inner::after {
        top: calc(-74 / 1280 * 100vw);
        right: calc(-208 / 1280 * 100vw);
        width: calc(408 / 1280 * 100vw);
        height: calc(469 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__inner::after {
        top: -74px;
        right: -208px;
        width: 408px;
        height: 469px;
    }
}


.behavioral-access__content {
    position: relative;
    z-index: 2;
}

.behavioral-access__content::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 22px;
    width: 3px;
    height: calc(100% - 100px);
    background-color: var(--key-color-3);
    border-radius: 1.5px;
    z-index: -1;
}

@media (min-width: 768px) {
    .behavioral-access__content::before {
        left: calc(46 / 1280 * 100vw);
        height: calc(100% - calc(93 / 1280 * 100vw));
    }
}

@media (min-width: 1280px) {
    .behavioral-access__content::before {
        left: 46px;
        height: calc(100% - 93px);
    }
}

@media (min-width: 768px) {
    .behavioral-access__content::after {
        display: block;
        content: '';
        position: absolute;
        bottom: calc(93 / 1280 * 100vw);
        left: calc(46 / 1280 * 100vw);
        width: calc(100% - calc(460 / 1280 * 100vw));
        height: 3px;
        background-color: var(--key-color-3);
        border-radius: 1.5px;
        z-index: -1;
    }
}

@media (min-width: 1280px) {
    .behavioral-access__content::after {
        bottom: 93px;
        left: 46px;
        width: calc(100% - 460px);
        height: 3px;
    }
}

.behavioral-access__title {
    margin-bottom: 26px;
    padding-left: 50px;
    color: var(--key-color-3);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-access__title {
        font-size: clamp(26px, calc(36 / 1280 * 100vw), 36px);
        padding-left: calc(80 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__title {
        padding-left: 80px;
    }
}

.behavioral-access__text01 {
    margin-bottom: 65px;
    padding-left: 50px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-access__text01 {
        margin-bottom: calc(83 / 1280 * 100vw);
        padding-left: calc(80 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
        line-height: 1.75;
    }
}

@media (min-width: 1280px) {
    .behavioral-access__text01 {
        margin-bottom: 83px;
        padding-left: 80px;
    }
}

.behavioral-access__img01 {
    position: absolute;
    top: 162px;
    right: 11px;
    width: 118px;
}

@media (min-width: 768px) {
    .behavioral-access__img01 {
        top: calc(-17 / 1280 * 100vw);
        right: calc(46 / 1280 * 100vw);
        width: calc(218 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__img01 {
        top: -17px;
        right: 46px;
        width: 218px;
    }
}

.behavioral-access__img02 {
    display: block;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .behavioral-access__img02 {
        margin-bottom: calc(28 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__img02 {
        margin-bottom: 28px;
    }
}

.behavioral-access__text02 {
    margin-bottom: 35px;
    padding-left: 45px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-access__text02 {
        margin-bottom: calc(74 / 1280 * 100vw);
        padding-left: calc(80 / 1280 * 100vw);
        font-size: clamp(14px, calc(16 / 1280 * 100vw), 16px);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__text02 {
        margin-bottom: 74px;
        padding-left: 80px;
    }
}

.behavioral-access__box01 {
    margin-bottom: 14px;
}

@media (min-width: 768px) {
    .behavioral-access__box01 {
        display: flex;
        justify-content: space-between;
        gap: 0 calc(29 / 1280 * 100vw);
        margin-bottom: calc(50 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__box01 {
        gap: 0 29px;
        margin-bottom: 50px;
    }
}

.behavioral-access__img03 {
    display: block;
    margin-bottom: 15px;
    padding-left: 34px;
}

@media (min-width: 768px) {
    .behavioral-access__img03 {
        margin-bottom: 0;
        padding-left: calc(100 / 1280 * 100vw);
    }
}

@media (min-width: 1280px) {
    .behavioral-access__img03 {
        padding-left: 100px;
    }
}

.behavioral-access__text03 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .behavioral-access__text03 {
        font-size: clamp(12px, calc(14 / 1280 * 100vw), 14px);
    }
}

/* ==============================
251210 Œg¾ÍšÂÊÏ÷³ý
==============================*/
@media (max-width: 767px) {
	.behavioral-achievement__box01-head {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
@media (min-width: 768px) {
	.behavioral-achievement__box01 {
		display: block;
	}
	.behavioral-achievement__box01-head {
		width: 353px;
		margin-left: auto;
		margin-right: auto;
	}
	.behavioral-achievement__box01-head::after {
		content: none;
	}
	.behavioral-achievement__box01-title {
		margin-bottom: 1em;
	}
	.behavioral-achievement__box01-img01 {
		margin-top: 0;
	}
}