@charset "utf-8";
/* triangle */
.box_triangle {
    width: 322rem;
    height: 161rem;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    background-image: linear-gradient( 180deg, rgb(253,108,30) 0%, rgb(250,159,1) 94%);
    margin: 68rem auto 0;
    padding-top: 35rem;
}
.box_triangle_txt {
    font-size: 40rem;
    line-height: calc(64/40);
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 74rem;
}
.box_triangle_inner_txt {
    font-size: 48rem;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 600;
    color: var(--color-white);
}

/* mv */
@media (min-width: 769px) {
    .mv_ttl {
        width: 469px;
        top: 172px;
        left: 44px;
    }
    .mv_txt {
        width: 311px;
        top: 535px;
        left: 54px;
    }
}
@media (max-width: 768px) {
    .mv_ttl {
        width: 614rem;
        top: 299rem;
        left: 69rem;
    }
    .mv_txt {
        width: 400rem;
        top: 778rem;
        left: 77rem;
    }
}

/* main_kv */
.main_kv {
    margin-top: -23rem;
    padding-bottom: 412rem;
    position: relative;
    z-index: 1;
}
.main_kv_txt_en {
    width: 268rem;
    position: absolute;
    top: -175rem;
    left: 95rem;
}
.main_kv_sun {
    width: 597rem;
    position: absolute;
    top: -203rem;
    left: 44rem;
}
.main_kv_deco_txt {
    font-size: 24rem;
    line-height: 1;
    position: absolute;
    writing-mode: vertical-rl;
    letter-spacing: 0.32em;
    top: 10rem;
    z-index: 2;
}
.main_kv_deco_txt_left {
    left: 20rem;
    rotate: 180deg;
}
.main_kv_deco_txt_right {
    right: 20rem;
}
.main_kv_ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    position: relative;
    z-index: 1;
}
.main_kv_ttl_txt_s {
    font-size: 48rem;
    display: inline-block;
    letter-spacing: 0.16em;
    margin-top: 30rem;
}
.main_kv_ttl_txt_m {
    font-size: 80rem;
    display: inline-block;
    line-height: calc(100/80);
}
.main_kv_ttl_txt_m_strong {
    position: relative;
    display: inline-block;
    font-weight: 600;
}
.main_kv_ttl_txt_m_strong::after {
    content: "";
    display: block;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background-color: var(--color-orange);
    position: absolute;
    top: -16rem;
    left: 0;
    right: 0;
    margin-inline: auto;
}
.main_kv_txt_box {
    margin-top: 50rem;
    width: 535rem;
    background-color: var(--color-white);
    padding-block: 30rem;
    margin-inline: auto;
    border-top: 2rem solid var(--color-black);
    border-bottom: 2rem solid var(--color-black);
}
.main_kv_txt {
    line-height: 1;
    font-size: 36rem;
    letter-spacing: 0.16em;
    text-align: center;
}
.main_kv_cloud {
    position: absolute;
    width: 100%;
    bottom: 259rem;
    left: 0;
    z-index: 1;
}
.main_kv_neko {
    position: absolute;
    width: 278rem;
    bottom: 0;
    left: 433rem;
    z-index: 2;
}
.main_kv_illust1 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.main_kv_illust2 {
    position: absolute;
    width: 351rem;
    bottom: 0;
    left: 305rem;
    z-index: 3;
}
.main_kv_dot {
    position: absolute;
    top: -364rem;
    left: -21rem;
}
.main_kv_mark {
    width: 435rem;
    height: 171rem;
    position: absolute;
    left: 51rem;
    bottom: 132rem;
    z-index: 1;
}
.main_kv_mark1 {
    position: absolute;
    top: 38rem;
    left: 0;
    width: 143rem;
}
.main_kv_mark2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 143rem;
}
.main_kv_mark1_arrow {
    position: absolute;
    top: 1rem;
    left: 149rem;
    width: 130rem;
}
.main_kv_mark2_arrow {
    position: absolute;
    bottom: 0;
    left: 160rem;
    width: 128rem;
}
/* main_kv animation */
.animation_ready .main_kv_mark1,
.animation_ready .main_kv_mark2,
.animation_ready .main_kv_mark1_arrow,
.animation_ready .main_kv_mark2_arrow {
    transition-delay: 0.3s;
}

/* doubt */
.doubt_deco_dot1 {
    top: -22rem;
    right: -49rem;
}
.doubt_fukidashi_neko_block {
    width: 100%;
    height: 293rem;
    position: relative;
    margin-top: 125rem;
}
.doubt_fukidashi_neko {
    width: 366rem;
    height: 265rem;
    position: absolute;
    top: -2rem;
    left: 73rem;
    background: url(../images/02/doubt_fukidashi_neko_bg.svg) no-repeat center / contain;
    display: flex;
    justify-content: center;
    align-items: center;
}
.doubt_fukidashi_neko_txt {
    font-size: 28rem;
    line-height: calc(44/28);
    letter-spacing: 0.1em;
    font-weight: 700;
}
.doubt_fukidashi_neko_img_wrap {
    position: absolute;
    width: 179rem;
    top: 0;
    left: 472rem;
}
.doubt_fukidashi_neko_deco {
    width: 93rem;
    position: absolute;
    top: -62rem;
    left: 49rem;
}
.doubt_fukidashi_list {
    display: flex;
    flex-direction: column;
    gap: 24rem;
    margin-top: 78rem;
}
.doubt_fukidashi_list li {
    width: 543rem;
    height: 246rem;
    padding-bottom: 37rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 37rem 69rem;
}
.doubt_fukidashi_list li:nth-child(even) {
    margin-left: auto;
}
.doubt_fukidashi_list .doubt_fukidashi_list_2 {
    padding-left: 60rem;
}
.doubt_fukidashi_list_2 .doubt_fukidashi_list_txt {
    width: 450rem;
}
.doubt_fukidashi_list_3 {
    justify-content: center;
}
.doubt_fukidashi_list_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.doubt_fukidashi_list_bg_path {
    fill-rule: evenodd;
}
.doubt_fukidashi_list li:nth-child(even) .doubt_fukidashi_list_bg {
    scale: -1 1;
}
.doubt_fukidashi_list li:nth-child(odd) .doubt_fukidashi_list_bg_path {
    fill: #fd6818;
}
.doubt_fukidashi_list li:nth-child(even) .doubt_fukidashi_list_bg_path {
    fill: #8cd601;
}
.doubt_fukidashi_list_txt {
    position: relative;
    z-index: 1;
    font-size: 32rem;
    line-height: calc(56/32);
    color: var(--color-white);
    width: 400rem;
}
.doubt_fukidashi_list li:nth-child(odd) .doubt_fukidashi_list_txt {
    color: var(--color-white);
}
.doubt_fukidashi_list li:nth-child(even) .doubt_fukidashi_list_txt {
    color: var(--color-black);
}
.doubt_fukidashi_list li::after {
    content: "";
    display: block;
    position: absolute;
}
.doubt_fukidashi_list li:nth-child(odd)::after {
    width: 47rem;
    height: 75rem;
    top: 24rem;
    right: -72rem;
    background: url(../images/01/doubt_fukidashi_list_deco_odd.svg) no-repeat center / contain;
}
.doubt_fukidashi_list li:nth-child(even)::after {
    width: 81rem;
    height: 123rem;
    top: 34rem;
    left: -100rem;
    background: url(../images/01/doubt_fukidashi_list_deco_even.svg) no-repeat center / contain;
}
.doubt_fukidashi_area_bottom {
    margin-top: 64rem;
    font-size: 48rem;
    font-weight: 600;
}
.doubt_fukidashi_area_bottom_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.doubt_fukidashi_area_bottom_ttl_txt {
    font-size: 48rem;
    line-height: 1;
    padding-inline: 10rem;
    padding-bottom: 32rem;
    position: relative;
}
.doubt_fukidashi_area_bottom_ttl_txt::after {
    content: "";
    display: block;
    width: 100%;
    height: 4rem;
    border-bottom: dotted 4rem var(--color-black);
    position: absolute;
    bottom: 0;
    left: 0;
}
.doubt_fukidashi_area_bottom_ttl_txt + .doubt_fukidashi_area_bottom_ttl_txt {
    margin-top: 32rem;
}
.doubt_fukidashi_area_bottom_txt {
    line-height: calc(88/48);
    margin-top: 37rem;
    text-align: center;
}
.doubt_fukidashi_area_bottom_neko {
    margin-top: 76rem;
}
.doubt_fukidashi_area_bottom_neko_img {
    width: 711rem;
    margin-left: auto;
    position: relative;
}
.doubt_fukidashi_area_bottom_neko_deco_wrap {
    width: 94rem;
    height: 117rem;
    position: absolute;
    top: -35rem;
    left: 158rem;
}
.doubt_fukidashi_area_bottom_neko_deco {
    position: absolute;
}
.doubt_fukidashi_area_bottom_neko_deco1 {
    top: 0;
    left: 0;
    width: 94rem;
}
.doubt_fukidashi_area_bottom_neko_deco2 {
    top: 85rem;
    left: 44rem;
    width: 19rem;
}
.doubt_fukidashi_area_bottom_neko_deco3 {
    bottom: 0;
    left: 59rem;
    width: 17rem;
}
.doubt_feed_top {
    margin-top: 188rem;
}
.doubt_feed_top_txt {
    font-size: 48rem;
    line-height: calc(72/48);
    letter-spacing: 0.1em;
    text-align: center;
}
.doubt_feed_top_txt_l {
    background-color: var(--color-white);
    font-size: 72rem;
    line-height: calc(110/72);
    letter-spacing: 0.02em;
    display: inline-block;
    padding-inline: 3rem;
}
.doubt_feed_top_illust {
    width: 635rem;
    margin: 54rem 0 0 46rem;
}
.doubt_feed {
    margin-top: 122rem;
}
.doubt_feed_box {
    margin-top: 113rem;
    position: relative;
}
.doubt_feed_box_en {
    width: 342rem;
    position: absolute;
    top: -50rem;
    right: 23rem;
}
.doubt_feed_box_ttl {
    text-align: center;
    font-size: 40rem;
    font-weight: 600;
    line-height: calc(64/40);
    letter-spacing: 0.1em;
    padding-bottom: 72rem;
    background: url(../images/common/fukidashi_line.svg) no-repeat bottom center / 100% auto;
}
.doubt_feed_box_txt {
    margin-top: 35rem;
    text-align: center;
    font-size: 28rem;
    line-height: calc(64/28);
    letter-spacing: -0.01em;
}
.doubt_feed_box_txt strong {
    font-weight: 600;
    font-size: 44rem;
    line-height: calc(60/44);
}
.doubt_feed_dot1 {
    top: 269rem;
    left: -23rem;
}
.doubt_feed_dot2 {
    top: 890rem;
    right: -93rem;
}
/* doubt animation */
.animation_ready.animation_loaded .doubt_fukidashi_neko_block.is_animated .doubt_fukidashi_neko_img {
    animation: doubt_fukidashi_neko_img 1s linear forwards;
    transform-origin: bottom center;
    --doubt-neko-rotate: -3deg;
}
@keyframes doubt_fukidashi_neko_img {
    0%, 20%, 40%, 60%, 80%, 100% {
        rotate: 0deg;
    }
    10%, 30%, 70%, 90% {
        rotate: var(--doubt-neko-rotate);
    }
}
.animation_ready .doubt_fukidashi_area_bottom_ttl_txt::after {
    transition: clip-path 0.3s;
    clip-path: var(--clip-path-zero);
}
.animation_ready.animation_loaded .doubt_fukidashi_area_bottom_ttl_txt.is_animated::after {
    clip-path: var(--clip-path-full);
}
.animation_ready .doubt_fukidashi_area_bottom_neko_deco {
    opacity: 0;
    transition: opacity 0.6s;
}
.animation_ready.animation_loaded .doubt_fukidashi_area_bottom_neko_img.is_animated .doubt_fukidashi_area_bottom_neko_deco {
    opacity: 1;
}
.animation_ready .doubt_fukidashi_area_bottom_neko_deco2 {
    transition-delay: 0.2s;
}
.animation_ready .doubt_fukidashi_area_bottom_neko_deco1 {
    transition-delay: 0.4s;
}

/* how */
.how_dot {
    top: -222rem;
    left: -49rem;
}
.how_deco_triangle {
    top: -329rem;
    right: -160rem;
    width: 334rem;
    height: 667rem;
}
.how_neko_fukidashi_area {
    width: 100%;
    height: 298rem;
    display: flex;
    justify-content: center;
    gap: 10rem;
    margin-top: 64rem;
}
.how_neko_fukidashi {
    width: 366rem;
    height: 265rem;
    background: url(../images/02/how_fukidashi_neko_bg.svg) no-repeat center / contain;
    display: flex;
    justify-content: center;
    align-items: center;
}
.how_neko_fukidashi_img {
    width: 239rem;
}
.how_neko_fukidashi_txt {
    font-size: 28rem;
    font-weight: 700;
    line-height: calc(44/28);
}
.how_fit_box {
    margin-top: 110rem;
}
.how_fit_ttl {
    line-height: 1;
    text-align: center;
    font-weight: 600;
}
.how_fit_ttl_txt {
    font-size: 120rem;
    letter-spacing: 0.1em;
    display: block;
}
.how_fit_ttl_sub {
    display: block;
    font-size: 24rem;
    margin-top: 34rem;
    letter-spacing: 0.1em;
}
.how_fit_txt {
    font-size: 40rem;
    line-height: calc(80/40);
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-top: 44rem;
}
.how_fit_graph {
    margin-top: 43rem;
}
.how_fit_graph_note {
    line-height: 1;
    font-size: 24rem;
    letter-spacing: 0.04em;
    text-align: right;
    margin-top: 16rem;
}
.how_fit_graph_txt {
    margin-top: 20rem;
    font-size: 28rem;
    line-height: calc(64/28);
    letter-spacing: 0.04em;
}
.how_fit_graph_txt_note {
    font-size: 24rem;
    line-height: 1;
    letter-spacing: 0.04em;
    margin-top: 5rem;
    text-align: right;
}
.how_update {
    margin-top: 80rem;
}
.how_update_ttl {
    width: 470rem;
    border-radius: 36rem;
    background-color: var(--color-white);
    font-size: 40rem;
    line-height: calc(56 / 40);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    padding-block: 16rem 18rem;
    position: relative;
    margin-inline: auto;
}
.how_update_ttl::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 3rem);
    margin-inline: auto;
    inset-inline: 0;
    width: 403rem;
    height: 33rem;
    background: url(../images/common/explanation_border.svg) no-repeat center / contain;
}
.how_update_txt_wrap {
    display: flex;
    justify-content: center;
    margin-top: 45rem;
}
.how_update_txt {
    font-weight: 600;
}
.how_update_txt_l {
    font-size: 42rem;
    line-height: calc(80/42);
    letter-spacing: 0.02em;
}
.how_update_txt_m {
    font-size: 40rem;
    line-height: calc(88/40);
    letter-spacing: 0.02em;
}
.how_update_txt_s {
    font-size: 32rem;
    line-height: calc(80/32);
    letter-spacing: 0.02em;
}
.how_update_txt_strong {
    font-size: 44rem;
    line-height: calc(88/44);
    letter-spacing: 0.02em;
    font-weight: 600;
}
.how_update_txt_strong_dot {
    display: inline-block;
    position: relative;
}
.how_update_txt_strong_dot::after {
    content: "";
    display: block;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background-color: var(--color-orange);
    position: absolute;
    top: 0;
    inset-inline: 0;
    margin-inline: auto;
}
.how_update_graph {
    margin-top: 41rem;
}
.how_update_graph_txt {
    font-size: 28rem;
    line-height: calc(56/28);
    letter-spacing: 0.04em;
    margin-top: 40rem;
}
.how_update_illust {
    width: 100%;
    height: 511rem;
    position: relative;
    margin-top: 42rem;
}
.how_update_illust_img {
    position: absolute;
    bottom: 0;
    left: 83rem;
    width: 584rem;
}
.how_update_illust_deco {
    position: absolute;
    width: 638rem;
    top: 145rem;
    left: 50rem;
    z-index: 2;
}
.how_update_illust_icon1 {
    position: absolute;
    width: 279rem;
    top: 118rem;
    left: 147rem;
    z-index: 1;
}
.how_update_illust_icon2 {
    position: absolute;
    width: 275rem;
    top: 117rem;
    left: 307rem;
    z-index: 1;
}
.how_update_illust_fukidashi {
    position: absolute;
    top: 0;
    left: 280rem;
    width: 420rem;
    height: 184rem;
    background: url(../images/02/how_update_illust_fukidashi.svg) no-repeat center / contain;
    padding: 30rem 0 0 57rem;
}
.how_update_illust_fukidashi_txt {
    font-size: 28rem;
    line-height: calc(44/28);
    font-weight: 700;
    letter-spacing: 0.1em;
}
.how_explanation {
    margin-top: 84rem;
}
.how_explanation_dot {
    top: 162rem;
    right: -86rem;
}
/* how animation */
.animation_ready.animation_loaded .how_neko_fukidashi_area.is_animated .how_neko_fukidashi_img {
    animation: how_neko_fukidashi_img 1s linear forwards;
}
@keyframes how_neko_fukidashi_img {
    0%, 20%, 40%, 60%, 80%, 100% {
        translate: 0 0rem;
    }
    10%, 30%, 70%, 90% {
        translate: 0 -15rem;
    }
}
.animation_ready .how_update_illust_icon1,
.animation_ready .how_update_illust_icon2 {
    transition-delay: 0.2s;
}
.animation_ready .how_update_illust_deco {
    opacity: 0;
    transition: 0s 0.6s;
}
.animation_ready.animation_loaded .how_update_illust.is_animated .how_update_illust_deco {
    opacity: 1;
}

/* thinking */
.thinking_dot {
    left: -98rem;
    top: -239rem;
}
.thinking_deco_triangle {
    width: 225rem;
    height: 450rem;
    top: -273rem;
    right: -123rem;
}
.thinking .section_ttl {
    letter-spacing: 0.04em;
}
.thinking_ttl_sub {
    width: 298rem;
    padding-block: 8rem;
    letter-spacing: 0.1em;
    line-height: 1;
    border: 2rem solid var(--color-black);
    text-align: center;
    margin-inline: auto;
    font-weight: 600;
    border-radius: 16rem;
    margin-top: 46rem;
}
.thinking_ttl {
    margin-top: 40rem;
}
.thinking_compare {
    margin-top: 59rem;
}
.thinking_compare_price {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.thinking_compare_block {
    width: 280rem;
}
.thinking_compare_icon_area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14rem;
}
.thinking_compare_icon {
    width: 70rem;
}
.thinking_compare_icon_txt {
    font-size: 40rem;
    line-height: calc(50/40);
    letter-spacing: 0.04em;
}
.thinking_compare_block_cont {
    padding-block: 40rem;
    display: flex;
    justify-content: center;
    background-color: var(--color-white);
    margin-top: 18rem;
    position: relative;
}
.thinking_compare_block_cont::before,
.thinking_compare_block_cont::after {
    content: "";
    display: block;
    width: 100%;
    height: 28rem;
    border-left: 4rem solid var(--color-black);
    border-right: 4rem solid var(--color-black);
    position: absolute;
    left: 0;
}
.thinking_compare_block_cont::before {
    border-top: 4rem solid var(--color-black);
    top: 0;
}
.thinking_compare_block_cont::after {
    border-bottom: 4rem solid var(--color-black);
    bottom: 0;
}
.thinking_compare_txt {
    font-size: 40rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.04em;
}
.thinking_compare_price_txt {
    line-height: 1;
    font-size: 40rem;
    letter-spacing: 0.04em;
    color: var(--thinking-compare-color);
}
.thinking_compare_price_num {
    font-size: 120rem;
}
.thinking_compare_price_txt sup {
    font-size: 0.7em;
}
.thinking_compare_block_use {
    --thinking-compare-color: var(--color-orange);
}
.thinking_compare_block_sale {
    --thinking-compare-color: var(--color-green);
}
.thinking_compare_block_arrow {
    width: 57rem;
    margin-bottom: 40rem;
}
.thinking_compare_note {
    margin-top: 30rem;
}
.thinking_compare_note li {
    font-size: 24rem;
    line-height: calc(40/24);
    letter-spacing: 0.04em;
    padding-left: 2em;
    text-indent: -2em;
}
.thinking_otoku {
    margin-top: 70rem;
}
.thinking_otoku_ttl {
    font-size: 40rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 56rem;
    position: relative;
    background: url(../images/02/thinking_otoku_ttl_line.svg) no-repeat center bottom / auto 33rem;
}
.thinking_otoku_illust {
    width: 100%;
    height: 388rem;
    position: relative;
    margin-top: 13rem;
}
.thinking_otoku_illust_img {
    width: 236rem;
    position: absolute;
    bottom: 0;
    left: 203rem;
    z-index: 1;
}
.thinking_otoku_illust_fukidashi1 {
    position: absolute;
    width: 344rem;
    height: 219rem;
    top: 0;
    left: -30rem;
    background: url(../images/02/thinking_otoku_illust_fukidashi_bg1.svg) no-repeat center / contain;
    padding: 43rem 0 0 34rem;
}
.thinking_otoku_illust_fukidashi2 {
    position: absolute;
    width: 304rem;
    height: 253rem;
    top: 0;
    left: 362rem;
    background: url(../images/02/thinking_otoku_illust_fukidashi_bg2.svg) no-repeat center / contain;
    padding: 40rem 0 0 63rem;
}
.thinking_otoku_illust_fukidashi_txt {
    font-size: 28rem;
    line-height: calc(44/28);
    letter-spacing: 0.1em;
    font-weight: 700;
}
.thinking_table {
    margin-top: 64rem;
}
.thinking_table th,
.thinking_table td {
    font-size: 28rem;
    line-height: calc(35/28);
    text-align: center;
    white-space: nowrap;
    padding-block: 14rem;
}
.thinking_table th {
    color: var(--color-white);
}
.thinking_table td {
    min-height: 160rem;
}
.thinking_table th:nth-of-type(1) {
    width: 136rem;
}
.thinking_table th:nth-of-type(2),
.thinking_table th:nth-of-type(3),
.thinking_table th:nth-of-type(4) {
    width: 168rem;
}
.thinking_table tr:nth-of-type(1) {
    background-color: var(--color-simulate-orange);
}
.thinking_table tr:nth-of-type(2),
.thinking_table tr:nth-of-type(4) {
    background-color: var(--color-white);
}
.thinking_table tr:nth-of-type(3) {
    background-color: #fceab1;
}
.thinking_table th:not(:last-child) {
    border-right: 4rem dotted var(--color-white);
}
.thinking_table td:not(:last-child) {
    border-right: 4rem dotted #ccc;
}
.thinking_box_ttl {
    font-size: 48rem;
    text-align: center;
    line-height: calc(72/48);
    letter-spacing: 0.02em;
    font-weight: 600;
    white-space: nowrap;
    padding-bottom: 77rem;
    background: url(../images/common/fukidashi_line.svg) no-repeat center bottom / 100% auto;
}
.thinking_box_txt {
    margin-top: 30rem;
    font-size: 28rem;
    line-height: calc(64/28);
    letter-spacing: 0.04em;
}

/* merit */
.merit_dot {
    top: -142rem;
    left: -49rem;
}
.merit_deco_triangle {
    width: 225rem;
    height: 451rem;
    top: -189rem;
    right: -72rem;
}
.merit_important {
    margin-top: 80rem;
}
.merit_important_txt {
    margin-top: 27rem;
    text-align: center;
    font-weight: 600;
}
.merit_important_txt_s {
    font-size: 40rem;
    line-height: calc(80/40);
    letter-spacing: 0.1em;
}
.merit_important_txt_l {
    font-size: 56rem;
    line-height: calc(80/56);
    letter-spacing: 0.1em;
    font-weight: 600;
}
.merit_important_txt_dot {
    position: relative;
    display: inline-block;
}
.merit_important_txt_dot::after {
    content: "";
    display: block;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background-color: var(--color-orange);
    position: absolute;
    top: -4rem;
    inset-inline: 0;
    margin-inline: auto;
}
.merit_content {
    margin-top: 108rem;
}
.merit_content_top {
    position: relative;
}
.merit_content_top_dot {
    top: 210rem;
    right: -74rem;
}
.merit_content_top_illust {
    position: relative;
    z-index: 1;
}
.merit_content_top_txt {
    font-size: 48rem;
    line-height: calc(72/48);
    letter-spacing: 0.04em;
    text-align: center;
    white-space: nowrap;
    margin-top: 45rem;
}
.merit_can_use_list_wrap {
    position: relative;
    margin-top: 68rem;
}
.merit_can_use_list_dot {
    top: 599rem;
    left: -45rem;
}
.merit_can_use_list {
    display: flex;
    flex-direction: column;
    gap: 40rem;
    padding-inline: 40rem;
    position: relative;
    z-index: 1;
}
.merit_can_use_list li {
    width: 646rem;
    border-radius: 40rem;
    background-color: var(--color-white);
    padding: 57rem 57rem 50rem;
}
.merit_can_use_list li:nth-child(even) {
    margin-left: auto;
}
.merit_can_use_ttl {
    letter-spacing: 0.06em;
    font-size: 40rem;
    line-height: calc(55/40);
    font-weight: 600;
    padding-bottom: 24rem;
    border-bottom: 4rem dotted var(--color-black);
}
.merit_can_use_ttl_l {
    font-size: 44rem;
    line-height: calc(55/44);
}
.merit_can_use_txt {
    font-size: 28rem;
    line-height: calc(56/28);
    letter-spacing: 0.04em;
    margin-top: 20rem;
}
.merit_box {
    margin-top: 55rem;
    position: relative;
}
.merit_box_ttl {
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 600;
}
.merit_box_ttl_s {
    font-size: 28rem;
    line-height: calc(56/28);
}
.merit_box_ttl_l {
    background: linear-gradient(transparent 75%, #fffc00 75%);
    font-size: 56rem;
    line-height: calc(88/56);
}
.merit_box_txt {
    font-size: 28rem;
    line-height: calc(56/28);
    letter-spacing: 0.04em;
    margin-top: 33rem;
}
.merit .outline_more_list {
    margin-top: 110rem;
}
.merit .outline_more_list li:nth-child(1) a {
    box-shadow: 16rem 18rem 0px 0px rgba(238, 77, 0, 1);
}
.merit .outline_more_list_txt {
    margin-top: 0;
}
.merit .outline_more_list_name {
    margin-top: 24rem;
}
.merit_fukidashi_list_wrap {
    position: relative;
    margin-top: 80rem;
}
.merit_fukidashi_list_dot {
    top: -176rem;
    left: -108rem;
}
.merit_fukidashi_list_deco_triangle {
    top: -446rem;
    right: -112rem;
    width: 225rem;
    height: 450rem;
}
.merit_fukidashi_list {
    display: flex;
    flex-direction: column;
    gap: 22rem;
}
.merit_fukidashi_list li {
    width: 545rem;
    height: 247rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 54rem 35rem 60rem;
}
.merit_fukidashi_list_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.merit_fukidashi_list li:nth-child(odd) {
    color: var(--color-white);
}
.merit_fukidashi_list li:nth-child(even) {
    color: var(--color-black);
    margin-left: auto;
}
.merit_fukidashi_list li:nth-child(odd) path {
    fill: #fd6818;
}
.merit_fukidashi_list li:nth-child(even) path {
    fill: #8cd601;
}
.merit_fukidashi_list_txt {
    position: relative;
    z-index: 1;
    font-size: 32rem;
    line-height: calc(56/32);
    letter-spacing: 0.04em;
}
.merit_fukidashi_list li:nth-child(1) .merit_fukidashi_list_txt {
    font-size: 28rem;
    line-height: calc(42/28);
}
.merit_fukidashi_list li:nth-child(even) .merit_fukidashi_list_bg {
    scale: -1 1;
}
.merit_explanation {
    margin-top: 120rem;
}
.merit_explanation_dot {
    top: 162rem;
    right: -104rem;
}

/* outline */
.outline_dot {
    top: -157rem;
    left: -80rem;
}
.outline_deco_triangle {
    top: -167rem;
    right: -93rem;
    width: 225rem;
    height: 450rem;
}
.outline_cont_dot {
    top: 308rem;
}
.outline_neko {
    width: 672rem;
    height: 540rem;
    position: relative;
    margin-top: 60rem;
}
.outline_neko_img {
    width: 239rem;
    position: absolute;
    bottom: 0;
    left: 225rem;
}
.outline_neko_txt {
    width: 44rem;
    position: absolute;
    bottom: 110rem;
    left: 194rem;
}
.outline_neko_fukidashi {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.outline_neko_fukidashi_txt {
    text-align: center;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: calc(40/26);
}
.outline_neko_fukidashi1 {
    width: 289rem;
    height: 225rem;
    padding-bottom: 7rem;
    background: url(../images/02/outline_neko_fukidashi_bg1.webp) no-repeat center / contain;
    top: 57rem;
    left: 0;
}
.outline_neko_fukidashi2 {
    width: 289rem;
    height: 225rem;
    padding-bottom: 7rem;
    background: url(../images/02/outline_neko_fukidashi_bg2.webp) no-repeat center / contain;
    top: 0;
    left: 226rem;
}
.outline_neko_fukidashi3 {
    width: 242rem;
    height: 181rem;
    background: url(../images/02/outline_neko_fukidashi_bg3.webp) no-repeat center / contain;
    top: 134rem;
    right: 0;
}
/* outline animation */
.animation_ready.animation_loaded .outline_neko_fukidashi1 {
    transition-delay: 0.1s;
}
.animation_ready.animation_loaded .outline_neko_fukidashi3 {
    transition-delay: 0.2s;
}
.animation_ready.animation_loaded .outline_neko_img.is_animated {
    animation: future_neko_img 1s linear forwards;
}
@keyframes future_neko_img {
    0%, 20%, 40%, 60%, 80%, 100% {
        translate: 0 0;
    }
    10%, 30%, 70%, 90% {
        translate: 0 -10rem;
    }
}

/* bank_bnr */
.bank_bnr {
    margin-top: 100rem;
    font-weight: 600;
}
.bank_bnr_ttl {
    font-size: 32rem;
    letter-spacing: 0.1em;
}
.bank_bnr_list {
    margin-top: 46rem;
    display: grid;
    place-content: center;
}
.bank_bnr_list > li + li {
    margin-top: 80rem;
}
.bank_bnr_ttl {
    text-align: center;
}
.bank_bnr_link {
    display: block;
}
.bank_bnr_list_txt {
    text-align: center;
    margin-top: 20rem;
    font-size: 20rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}
@media (min-width: 769px) {
    .bank_bnr_link {
        transition: opacity 0.3s;
    }
    @media(hover:hover){
        .bank_bnr_link:hover {
            opacity: 0.7;
        }
    }
}