.l-header-button__link,
.c-start__link {
    background-color: #F77911;
}

.l-header-button__link {
    box-shadow: unset;
    border-color: #F77911;
}

.c-start__link {
    border-color: #ffffff;
}

.c-start__link .c-start__link-arrow::before {
    border-right: 2px solid #F77911;
    border-top: 2px solid #F77911;
}


@media (hover: hover) and (pointer: fine) {

    .l-header-button__link:hover,
    .c-start__link:hover {
        color: #F77911 !important;
        background-color: #fff;
        border-color: #F77911;
    }

    .l-header-button__link:hover::after,
    .c-start__link:hover::after {
        border-right: 2px solid #F77911;
        border-top: 2px solid #F77911;
    }

    .c-start__link:hover .c-start__link-arrow {
        background-color: #F77911;
    }

    .c-start__link:hover .c-start__link-arrow::before {
        border-right: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
    }
}

.c-block__txt-acc,
.c-cassette__label {
    background-color: #225CFF;
}

@media screen and (max-width: 1023px) {
    .c-block__txt-acc {
        background-color: unset;
        color: #225CFF;
    }
}

.l-txt__red {
    color: #225CFF !important;
}

.c-kv__link {
    background-color: #F77911;
}

.c-kv__link {
    box-shadow: 0 8px 14px 0 rgba(90, 90, 90, 0.25);
}

.c-kv__link-arrow {
    background: #ffffff;
}

.c-kv__link-arrow::before {
    border-right: 2px solid #F77911;
    border-top: 2px solid #F77911;
}

.c-kv__img {
    bottom: -56px;
    left: -50px;
}

.c-kv__img img {
    max-width: 883px;
}


@media (hover: hover) and (pointer: fine) {

    .c-kv__link:hover {
        border-color: #F77911;
        color: #F77911;
    }

    .c-kv__link:hover .c-kv__link__txt {
        color: #F77911;
    }

    .c-kv__link:hover .c-kv__link-arrow {
        background: #F77911;
    }

    .c-kv__link:hover .c-kv__link-arrow::before {
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
    }
}

.c-lead__txt01-red {
    color: #225CFF !important;
}

.c-lead__txt01:before {
    border-color: #225CFF transparent transparent transparent;
    border-left: 13.5px solid transparent;
    border-right: 13.5px solid transparent;
    border-top: 17px solid #225CFF;
}

.c-about {
    background-color: #225CFF;
}

.c-about::before {
    background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/ld202608/img/icon_about_bg02.svg) center center repeat-x;
}

.c-about__txt-big {
    background: #FFE500;
    color: #000000;
}

.c-feature__subTxt {
    background-color: #225CFF;
}

.c-problem__fig-left {
    left: -70px;
}

.c-problem__fig-left img {
    width: 333px;
}

@media screen and (max-width: 1023px) {
    .c-problem__fig-left {
        width: 173px;
        left: 95px;
    }

    .c-problem__fig-left img {
        width: 173px;
    }
}

.c-support__img-block p:before {
    background: #225CFF;
}

.c-flow__subTxt {
    background-color: #225CFF;
}

/* ---------------------------------------------
*   c-block-step
--------------------------------------------- */
.c-block-step {
    position: relative;
    margin-top: min(45px, 45 / var(--design-width) * 100vw);
    background-color: #ECEFFF;
    padding-inline: calc(40 / 1200 * 100%);
    padding-block: min(48px, 48 / var(--design-width) * 100vw) min(75px, 75 / var(--design-width) * 100vw);
    border-radius: min(20px, 20 / var(--design-width) * 100vw);
}

@media screen and (max-width: 1023px) {
    .c-block-step {
        margin-top: calc(35 / var(--design-width) * 100vw);
        padding-block: calc(10 / var(--design-width) * 100vw) calc(42 / var(--design-width) * 100vw);
        border-radius: calc(3 / var(--design-width) * 100vw);
    }
}

.c-block-step__step-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
}

@media screen and (max-width: 1023px) {
    .c-block-step__step-items {
        display: block;
    }
}

.c-block-step__item {
    position: relative;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}

.c-block-step__item+.c-block-step__item {
    position: relative;
}

.c-block-step__item+.c-block-step__item::before {
    content: "";
    position: absolute;
    top: min(170px, 170 / 1200 * 100vw);
    left: -2.5%;
    width: min(14px, 14 / var(--design-width) * 100vw);
    height: min(21px, 21 / var(--design-width) * 100vw);
    background-image: url(/sites/default/files/media/jp/service/yahoo-ads/lp/lp202607/img/icon_step.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 100;
}

@media screen and (max-width: 1023px) {
    .c-block-step__item+.c-block-step__item::before {
        width: calc(18 / var(--design-width) * 100vw);
        height: calc(15 / var(--design-width) * 100vw);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        top: -6.5%;
    }
}

.c-block-step__item--1 .c-block-step__txt-wrap {
    width: calc(285 / 335 * 100%);
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--1 .c-block-step__txt-wrap {
        width: calc(290 / var(--design-width) * 100vw);
    }
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--2 {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}

.c-block-step__item--2 .c-block-step__txt-wrap {
    width: calc(275 / 335 * 100%);
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--2 .c-block-step__txt-wrap {
        width: calc(290 / var(--design-width) * 100vw);
    }
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--3 {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}

.c-block-step__item--3 .c-block-step__txt-wrap {
    width: calc(280 / 340 * 100%);
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--3 .c-block-step__txt-wrap {
        width: calc(290 / var(--design-width) * 100vw);
    }
}

@media screen and (max-width: 1023px) {
    .c-block-step__item--3 .c-block-step__img {
        width: 95%;
        margin-left: 1%;
    }
}

.c-block-step__img {
    width: 100%;
}

@media screen and (max-width: 1023px) {
    .c-block-step__img {
        width: 106%;
        margin-left: -3%;
    }
}

.c-block-step__img img {
    display: block;
    width: 93%;
    margin: 0 auto;
}

.c-block-step__txt-wrap {
    margin-inline: auto;
    margin-top: min(26px, 26 / var(--design-width) * 100vw);
}

@media screen and (max-width: 1023px) {
    .c-block-step__txt-wrap {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}

.c-block-step__txt {
    font-size: min(14px, 14 / var(--design-width) * 100vw);
    font-family: var(--ff-line-regular);
    line-height: 1.7142857143;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 1023px) {
    .c-block-step__txt {
        font-size: calc(14 / var(--design-width) * 100vw);
        line-height: 1.5714285714;
    }
}

.c-block-step__txt-acc1 {
    color: var(--color-blue-2);
    font-family: var(--ff-line-bold);
}

.c-block-step__txt-acc2 {
    color: var(--color-red-1);
    font-family: var(--ff-line-bold);
}

.c-start__sub {
    width: min(445px, 445 / var(--design-width) * 100vw);
    margin-inline: auto;
    color: #FFE500;
    font-size: min(16px, 16 / var(--design-width) * 100vw);
}

.c-start__sub::after {
    content: '';
    width: 1px;
    height: min(40px, 40 / var(--design-width) * 100vw);
    background-color: #FFE500;
    transform: translateX(10px) rotate(14deg);
}

.c-start__sub::before {
    content: '';
    width: 1px;
    height: 33px;
    background-color: #FFE500;
    transform: translateX(-10px) rotate(-14deg);
}

.c-problem__txt {
    line-height: calc(58 / 34);
}

.c-footer {
    background-color: #225CFF;
}

.c-footer__sub {
    width: 375px;
    margin-inline: auto;
    color: #FFE500;
    font-size: 16px;
}

.c-footer__sub::after {
    content: '';
    width: 1px;
    height: 33px;
    background-color: #FFE500;
    transform: translateX(10px) rotate(14deg);
}

.c-footer__sub::before {
    content: '';
    width: 1px;
    height: 33px;
    background-color: #FFE500;
    transform: translateX(-10px) rotate(-14deg);
}

@media screen and (max-width: 1023px) {
    .c-footer__sub {
        width: 100%;
        font-size: 12px;
    }
}


.c-acc__title {
    gap: 6px !important;
}

.c-acc__title:after {
    /* position: absolute; */
    content: "";
    background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/lp202607/img/icon_acc.svg) 0 0 no-repeat !important;
    border-bottom: none !important;
    border-right: none !important;
    display: block !important;
    width: 8px !important;
    height: 5px !important;
    transform: rotate(-180deg) !important;
}

.c-acc__title.open:after {
    transform: rotate(0) !important;
}

.c-acc__link {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #252FEB;
    font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
    .c-acc__link {
        text-decoration: none;
    }
}

.c-block-bnr__container {
    max-width: 1440px;
    padding-inline: min(var(--contents-side-padding) * 1px, var(--contents-side-padding) / var(--contents-width) * 100%);
}

.c-voice {
    background: #fff;
    margin-top: 0;
    padding-block: 88px 0;
}


.c-voice__subTxt {
    background-color: #225CFF;
}

.c-voice-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(20px, 20 / var(--design-width) * 100vw);
    list-style: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.c-voice-item {
    display: flex;
    align-items: center;
    padding-top: min(30px, 30 / var(--design-width) * 100vw);
    padding-right: min(32px, 32 / var(--design-width) * 100vw);
    padding-bottom: min(36px, 36 / var(--design-width) * 100vw);
    padding-left: min(32px, 32 / var(--design-width) * 100vw);
    background-color: #F2F4F8;
    border-radius: 10px;
    gap: min(24px, 24 / var(--design-width) * 100vw);
}

.c-voice-item__metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: min(190px, 190 / var(--design-width) * 100vw);
    text-align: center;
}

.c-voice-item__metric-label {
    display: block;
    font-size: min(23px, 23 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a1a;
}

.c-voice-item__metric-value {
    display: block;
    color: #225CFF;
    font-weight: 700;
    line-height: 1;
    margin-top: 6px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.c-voice-item__metric-num {
    font-size: min(50px, 50 / var(--design-width) * 100vw);
    letter-spacing: -0.02em;
}

.c-voice-item__metric-unit {
    font-size: min(28px, 28 / var(--design-width) * 100vw);
    letter-spacing: 0;
}

.c-voice-item__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-self: stretch;
    justify-content: space-between;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.c-voice-item__txt {
    font-size: min(14px, 14 / var(--design-width) * 100vw);
    line-height: 1.8;
    color: #333;
}

.c-voice-item__company {
    font-size: min(14px, 14 / var(--design-width) * 100vw);
    letter-spacing: 0.03em;
    line-height: 1.4;
    color: #000;
    opacity: 0.4;
    text-align: right;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

@media screen and (max-width: 1023px) {
    .c-voice-list {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
    }

    .c-voice-item {
        padding-top: 24px;
        padding-right: 20px;
        padding-bottom: 24px;
        padding-left: 20px;
        gap: 16px;
    }

    .c-voice-item__metric {
        width: 130px;
    }

    .c-voice-item__metric-label {
        font-size: 13px;
    }

    .c-voice-item__metric-num {
        font-size: 36px;
    }

    .c-voice-item__metric-unit {
        font-size: 20px;
    }

    .c-voice-item__body {
        padding-left: 16px;
    }

    .c-voice-item__txt {
        font-size: 13px;
        line-height: 1.7;
    }

    .c-voice-item__company {
        font-size: 12px;
        margin-top: 12px;
    }
}

.c-block-start__container {
    align-items: center;
}

/* -- /c-voice -- */

.c-acc-faq__body::before {
    background-image: url(/sites/default/files/media/jp/service/yahoo-ads/lp/lp202607/img/icon_a.svg);
}

.c-faq__subTxt {
    background-color: #225CFF;
}

.c-footer__link {
    background-color: #F77911;
}

.c-footer__link {
    border-color: #ffffff;
}

.c-footer__link .c-footer__link-arrow::before {
    border-right: 2px solid #F77911;
    border-top: 2px solid #F77911;
}


@media (hover: hover) and (pointer: fine) {

    .c-footer__link:hover {
        color: #F77911 !important;
        background-color: #fff;
        border-color: #F77911;
    }

    .c-footer__link:hover::after {
        border-right: 2px solid #F77911;
        border-top: 2px solid #F77911;
    }

    .c-footer__link:hover .c-footer__link-arrow {
        background-color: #F77911;
    }

    .c-footer__link:hover .c-footer__link-arrow::before {
        border-right: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
    }
}

@media screen and (max-width: 1023px) {
    .c-start__sub {
        width: 100%;
    }

}

.c-kv__note {
    padding-left: 28px;
}

@media screen and (max-width: 1023px) {
    .c-kv__note {
        padding-left: 0;
    }
}

.l-header-btn__login-link {
    align-items: center;
    background-color: #fff;
    border-radius: 3px;
    color: #000048;
    display: flex;
    flex-direction: column;
    font-family: "LINESeedJPStd Bold";
    font-size: 0.625rem;
    height: 47px;
    justify-content: center;
    text-decoration: none;
    transition: all .2s var(--transition-default);
    width: 52px;
    line-height: 1;
    margin-left: 80px;
}

.l-header-btn__login-link::before {
    align-items: center;
    background: url(/sites/default/files/media/jp/img/common/icon_login.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    height: 14px;
    justify-content: center;
    line-height: 1;
    margin-bottom: 6px;
    margin-right: 4px;
    width: 17px;
}

@media (max-width: 1023px) {
    .l-header-btn__login-link {
        display: none;
    }
}

/* ==============================================
   アコーディオン アニメーション
============================================== */
.js-acc-target {
    --acc-body-height: 0px;
    height: 0;
    overflow: hidden;
}

.js-acc-scope.is-close .js-acc-target {
    animation: closeAccAnim 0.5s forwards;
}

.js-acc-scope.is-open .js-acc-target {
    animation: openAccAnim 0.5s forwards;
}

@keyframes openAccAnim {
    0% {
        height: 0px;
        visibility: hidden;
    }
    99% {
        height: var(--acc-body-height);
        visibility: visible;
    }
    100% {
        height: auto;
    }
}

@keyframes closeAccAnim {
    0% {
        height: var(--acc-body-height);
    }
    99% {
        visibility: visible;
    }
    100% {
        height: 0px;
        visibility: hidden;
    }
}