﻿@charset "utf-8";

:root {
    --spacing: clamp(2px, 1.568px + 0.14vw, 4px);
    --content-width: 1200px;

    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
    transition: 0.1s;
    text-decoration: none;
}

a:hover {
    opacity: 0.7;
}

.content-width-padding {
    --padding-min: clamp(16px, 12.544px + 1.08vw, 32px);
    padding-left: calc(max(var(--padding-min), (100% - var(--content-width)) / 2));
    padding-right: calc(max(var(--padding-min), (100% - var(--content-width)) / 2));
}

.content-width-padding--left {
    padding-right: var(--padding-min);
}

.content-width-padding--right {
    padding-left: var(--padding-min);
}

.content-width-margin {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--content-width);
}

.heading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(7.008px, 5.488px + 0.47vw, 14px);

    color: black;
    font-size: clamp(1.75rem, 1.453rem + 1.49vw, 3.125rem);
    font-family: "murecho", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    text-align: center;
}

.heading__strong {
    color: #A24C32;
    font-size: clamp(2.25rem, 1.791rem + 2.3vw, 4.375rem);
    word-break: keep-all;
}

.heading--white {
    color: white;
}

.heading--left {
    justify-content: flex-start;
    text-align: left;
}

.heading--small {
    font-size: clamp(1.5rem, 1.284rem + 1.08vw, 2.5rem);
}

.heading--small .heading__strong {
    font-size: clamp(1.75rem, 1.399rem + 1.76vw, 3.375rem);
}

.heading--white>.heading__strong {
    color: white;
}

.heading-secondary {
    color: #B75717;
    font-size: clamp(1.25rem, 0.98rem + 1.35vw, 2.5rem);
    font-family: "murecho", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    text-align: center;
}

/*--------------------------------------
    margin
--------------------------------------*/

.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
}

.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
}

.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}

.mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
}

.mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
}

.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
}

.mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
}

.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
}

.mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
}

.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
}

.mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
}

/*--------------------------------------
arrow
--------------------------------------*/

.transition-arrow {
    display: block;

    aspect-ratio: 66 / 206;
    background: url(../images/arrow.svg) no-repeat center center / contain;

    margin: 0 auto;

    width: clamp(40px, 34.384px + 1.76vw, 66px);
}

/*--------------------------------------
    button
--------------------------------------*/

.large-button {
    --button-width: clamp(300px, 235.136px + 20.27vw, 600px);
    --button-height: clamp(40px, 31.344px + 2.7vw, 80px);
    --button-float: clamp(4px, 3.136px + 0.27vw, 8px);
    --button-color: #B75717;
    --button-shadow-color: #D9A37F;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    background-image: url(../images/icon_button_proceed.svg);
    background-repeat: no-repeat;
    background-position: right 35px center;
    background-size: clamp(18px, 14.112px + 1.22vw, 36px) auto;
    background-color: var(--button-color);

    border: none;
    border-radius: clamp(20px, 15.68px + 1.35vw, 40px);
    box-shadow: var(--button-float) var(--button-float) 0 0 var(--button-shadow-color);

    color: #FFFFFF;
    font-size: clamp(1.25rem, 1.115rem + 0.68vw, 1.875rem);
    font-weight: bold;

    position: relative;

    height: var(--button-height);
    width: var(--button-width);
    z-index: 40;

    transition: 0.2s;
}

.large-button:not(:disabled):hover {
    opacity: 1;
    box-shadow: 0 0 0 0 var(--button-shadow-color);
    transform: translate(var(--button-float), var(--button-float));
}

.large-button:disabled {
    filter: saturate(0);
}

/*--------------------------------------
    header
--------------------------------------*/

.header {
    display: flex;
    align-items: center;

    /* same-as visual-area::after */
    background: linear-gradient(#A24C32, #C05C0A);
    background-attachment: fixed;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 9995;

    margin: auto;

    height: 100px;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 10px 9px 10px;
}

.header__logo {
    margin-right: auto;
    z-index: 9999;
    height: 100%;
}

.header__logo>a>img {
    height: 100%;
    width: auto;
}

.header__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    background: white;
    border-radius: 9999px;

    z-index: 9999;

    height: 90%;
    width: auto;
    aspect-ratio:1 / 1;
    margin-right: 10px;
}

.header__contact__img {
    height: 40%;
    width: auto;
}

@media (max-width: 768px) {
    .header {

    height: 70px;
}

    .header__contact {
        aspect-ratio: 1 / 1;
        padding: 0;
    }

    .header__contact__text {
        display: none;
    }
}

@media (max-width: 480px) {
    .header__contact {
        display: none;
    }
}

.header .gnav ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px;
    margin-right: 20px;
}
.header .gnav ul li{
    list-style: none;
}
.header .gnav ul li a span{
    color:#FFFFFF;
    font-weight: bold;
}
.header__hamburger {
    display: none;
    aspect-ratio: 1 / 1;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;

    position: relative;
    z-index: 9999;

    height: 90%;
    width: auto;

    transition: 0.3s;
}

.header__hamburger:hover {
    opacity: 0.7;
}

.header__hamburger>span {
    display: inline-block;

    background-color: #A24C32;

    position: absolute;
    left: 0;
    right: 0;
    margin: auto;

    width: 42%;
    height: 3px;

    transition: all 0.3s;
}

.header__hamburger>span:nth-of-type(1) {
    top: calc(100% * (27 / 90) - 1.5px);
}

.header__hamburger>span:nth-of-type(2) {
    top: calc(100% * (45 / 90) - 1.5px);
}

.header__hamburger>span:nth-of-type(3) {
    top: calc(100% * (64 / 90) - 1.5px);
}

.header__hamburger--open>span:nth-of-type(1) {
    top: 50%;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
}

.header__hamburger--open>span:nth-of-type(2) {
    opacity: 0;
}

.header__hamburger--open>span:nth-of-type(3) {
    top: 50%;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
}

.header__menu {
    display: none;
    justify-content: center;
    align-items: center;

    background: url("../images/bg_menu.jpg") no-repeat center center/cover;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;

    overflow-y: auto;
    margin: auto;

    height: 100vh;
    width: 100%;

    transform: translate(0, -100%);
    transition: all 0.3s;
}

.header__menu--open {
    transform: translate(0, 0);
}

.header__menu>ul {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: clamp(20px, -2.272px + 6.96vw, 123.008px);
    row-gap: 16px;

    position: relative;

    width: clamp(280px, 81.088px + 62.16vw, 1200px);
}

.header__menu>ul>li {
    display: contents;
}

.header__menu>ul>li>a {
    grid-column: span 2;

    display: grid;
    align-items: center;
    grid-template-columns: subgrid;

    position: relative;

    color: #FFFFFF;
    font-size: clamp(1.125rem, 1.071rem + 0.27vw, 1.375rem);
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    word-break: auto-phrase;
}

.header__menu>ul>li>a>span {
    display: block;
    font-size: clamp(2rem, 1.568rem + 2.16vw, 4rem);
    font-weight: 600;
    line-height: 1;
}

@media (max-width: 1024px) {
    .header .gnav{
        display: none;
    }
    .header__hamburger {
        display: block;
    }

    .header__menu {
        display: flex;
        overflow-y: auto;
    }

    .header__menu>ul {
        grid-template-columns: 1fr;
    }

    .header__menu>ul>li>a {
        grid-column: 1;
        grid-template-rows: auto auto;
    }
}

/*--------------------------------------
    visualArea
--------------------------------------*/

.visual-area {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(auto, 50%) auto;
    column-gap: 4px;
    row-gap: clamp(32px, 25.088px + 2.16vw, 64px);

    overflow: hidden;
    position: relative;
    z-index: 110;

    padding-top: clamp(102px, 79.952px + 6.89vw, 204px);
    padding-left: clamp(10px, -10.752px + 6.49vw, 106px);
    padding-right: clamp(10px, -7.296px + 5.41vw, 90px);
    padding-bottom: clamp(124px, 97.184px + 8.38vw, 248px);
    margin-bottom: calc(clamp(124px, 97.184px + 8.38vw, 248px) * -1);
}

.visual-area::after {
    display: block;
    content: "";

    aspect-ratio: 180 / 108;
    background: linear-gradient(#A24C32, #C05C0A);
    background-attachment: fixed;
    clip-path: polygon(11.05% 100%, 11.05% 100%, 10.566% 99.995%, 10.07% 99.979%, 9.563% 99.952%, 9.042% 99.915%, 8.507% 99.867%, 7.958% 99.808%, 7.394% 99.737%, 6.814% 99.656%, 6.219% 99.563%, 5.606% 99.458%, 5.606% 99.458%, 5.035% 99.356%, 4.465% 99.247%, 3.895% 99.132%, 3.327% 99.012%, 2.761% 98.889%, 2.199% 98.762%, 1.641% 98.632%, 1.088% 98.502%, 0.54% 98.37%, 0% 98.239%, 0% 0%, 100% 0%, 100% 85.681%, 100% 85.681%, 98.831% 85.251%, 97.657% 84.865%, 96.478% 84.524%, 95.296% 84.228%, 94.11% 83.977%, 92.922% 83.771%, 91.731% 83.61%, 90.539% 83.494%, 89.345% 83.423%, 88.15% 83.398%, 88.15% 83.398%, 87.789% 83.4%, 87.428% 83.407%, 87.069% 83.418%, 86.711% 83.434%, 86.354% 83.455%, 85.999% 83.479%, 85.646% 83.508%, 85.295% 83.541%, 84.946% 83.579%, 84.6% 83.62%, 84.6% 83.62%, 83.782% 83.739%, 82.989% 83.882%, 82.219% 84.05%, 81.471% 84.242%, 80.742% 84.461%, 80.03% 84.706%, 79.334% 84.977%, 78.651% 85.277%, 77.979% 85.605%, 77.317% 85.962%, 77.317% 85.962%, 77.045% 86.118%, 76.774% 86.279%, 76.503% 86.447%, 76.229% 86.62%, 75.954% 86.801%, 75.676% 86.989%, 75.394% 87.185%, 75.107% 87.39%, 74.815% 87.605%, 74.517% 87.829%, 74.517% 87.829%, 74.249% 88.034%, 73.982% 88.241%, 73.716% 88.452%, 73.449% 88.665%, 73.182% 88.881%, 72.914% 89.1%, 72.644% 89.322%, 72.373% 89.547%, 72.099% 89.775%, 71.822% 90.006%, 71.822% 90.006%, 71.673% 90.131%, 71.524% 90.256%, 71.373% 90.381%, 71.221% 90.506%, 71.068% 90.632%, 70.914% 90.759%, 70.759% 90.886%, 70.604% 91.014%, 70.447% 91.143%, 70.289% 91.273%, 70.289% 91.273%, 70.134% 91.397%, 69.978% 91.517%, 69.821% 91.635%, 69.664% 91.749%, 69.506% 91.861%, 69.347% 91.97%, 69.188% 92.076%, 69.028% 92.179%, 68.867% 92.279%, 68.706% 92.376%, 68.706% 92.376%, 68.549% 92.465%, 68.392% 92.55%, 68.234% 92.633%, 68.076% 92.713%, 67.917% 92.79%, 67.758% 92.864%, 67.599% 92.935%, 67.439% 93.003%, 67.278% 93.068%, 67.117% 93.131%, 67.117% 93.131%, 66.957% 93.187%, 66.797% 93.241%, 66.636% 93.292%, 66.476% 93.339%, 66.315% 93.384%, 66.154% 93.425%, 65.993% 93.463%, 65.831% 93.497%, 65.669% 93.529%, 65.506% 93.557%, 65.506% 93.557%, 65.346% 93.581%, 65.186% 93.604%, 65.024% 93.624%, 64.861% 93.642%, 64.697% 93.657%, 64.532% 93.669%, 64.366% 93.679%, 64.2% 93.686%, 64.033% 93.691%, 63.867% 93.692%, 63.867% 93.692%, 63.625% 93.689%, 63.383% 93.682%, 63.142% 93.669%, 62.9% 93.651%, 62.659% 93.628%, 62.418% 93.6%, 62.177% 93.567%, 61.936% 93.53%, 61.696% 93.487%, 61.456% 93.44%, 61.456% 93.44%, 61.218% 93.392%, 60.977% 93.338%, 60.733% 93.28%, 60.485% 93.217%, 60.234% 93.15%, 59.979% 93.078%, 59.72% 93.002%, 59.457% 92.92%, 59.189% 92.834%, 58.917% 92.744%, 58.917% 92.744%, 58.67% 92.658%, 58.418% 92.568%, 58.162% 92.475%, 57.902% 92.377%, 57.636% 92.275%, 57.365% 92.168%, 57.088% 92.056%, 56.806% 91.939%, 56.517% 91.817%, 56.222% 91.689%, 56.222% 91.689%, 55.973% 91.58%, 55.716% 91.467%, 55.453% 91.349%, 55.181% 91.227%, 54.9% 91.099%, 54.609% 90.965%, 54.307% 90.826%, 53.994% 90.679%, 53.667% 90.525%, 53.328% 90.364%, 53.328% 90.364%, 52.115% 89.815%, 50.899% 89.324%, 49.681% 88.89%, 48.461% 88.514%, 47.241% 88.195%, 46.021% 87.935%, 44.801% 87.732%, 43.582% 87.587%, 42.365% 87.5%, 41.15% 87.471%, 41.15% 87.471%, 40.093% 87.474%, 39.318% 87.483%, 38.773% 87.497%, 38.41% 87.518%, 38.18% 87.545%, 38.033% 87.578%, 37.92% 87.617%, 37.791% 87.662%, 37.597% 87.713%, 37.289% 87.771%, 37.289% 87.771%, 36.911% 87.835%, 36.533% 87.904%, 36.155% 87.98%, 35.778% 88.061%, 35.402% 88.147%, 35.027% 88.239%, 34.654% 88.336%, 34.282% 88.439%, 33.912% 88.548%, 33.544% 88.661%, 33.544% 88.661%, 33.264% 88.753%, 32.985% 88.849%, 32.707% 88.949%, 32.431% 89.053%, 32.156% 89.162%, 31.882% 89.274%, 31.608% 89.39%, 31.335% 89.511%, 31.062% 89.635%, 30.789% 89.764%, 30.789% 89.764%, 30.546% 89.884%, 30.303% 90.008%, 30.059% 90.135%, 29.815% 90.265%, 29.571% 90.399%, 29.325% 90.536%, 29.078% 90.678%, 28.83% 90.824%, 28.58% 90.974%, 28.328% 91.128%, 28.328% 91.128%, 27.863% 91.425%, 27.403% 91.729%, 26.95% 92.039%, 26.501% 92.355%, 26.058% 92.674%, 25.619% 92.996%, 25.184% 93.32%, 24.752% 93.644%, 24.325% 93.969%, 23.9% 94.292%, 23.9% 94.292%, 23.591% 94.528%, 23.279% 94.765%, 22.965% 95.003%, 22.648% 95.241%, 22.33% 95.478%, 22.009% 95.715%, 21.686% 95.95%, 21.362% 96.184%, 21.035% 96.415%, 20.706% 96.643%, 20.706% 96.643%, 20.528% 96.763%, 20.353% 96.881%, 20.18% 96.996%, 20.009% 97.108%, 19.84% 97.218%, 19.672% 97.326%, 19.505% 97.432%, 19.339% 97.535%, 19.175% 97.636%, 19.011% 97.736%, 19.011% 97.736%, 18.827% 97.845%, 18.644% 97.952%, 18.461% 98.057%, 18.28% 98.159%, 18.099% 98.26%, 17.918% 98.358%, 17.737% 98.455%, 17.557% 98.549%, 17.376% 98.642%, 17.194% 98.733%, 17.194% 98.733%, 17.06% 98.798%, 16.924% 98.863%, 16.786% 98.925%, 16.646% 98.986%, 16.505% 99.045%, 16.362% 99.102%, 16.218% 99.157%, 16.072% 99.211%, 15.926% 99.263%, 15.778% 99.313%, 15.778% 99.313%, 15.634% 99.359%, 15.488% 99.403%, 15.341% 99.447%, 15.192% 99.488%, 15.042% 99.528%, 14.89% 99.567%, 14.737% 99.603%, 14.583% 99.638%, 14.428% 99.67%, 14.272% 99.7%, 14.272% 99.7%, 14.121% 99.729%, 13.968% 99.756%, 13.814% 99.782%, 13.657% 99.806%, 13.499% 99.829%, 13.34% 99.851%, 13.179% 99.871%, 13.017% 99.89%, 12.853% 99.907%, 12.689% 99.923%, 12.689% 99.923%, 12.531% 99.936%, 12.372% 99.948%, 12.21% 99.959%, 12.048% 99.967%, 11.883% 99.975%, 11.718% 99.98%, 11.551% 99.985%, 11.383% 99.988%, 11.214% 99.99%, 11.044% 99.99%);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: -1;
}

.visual-area__inner {
    display: flex;
    flex-direction: column;
    row-gap: clamp(12px, 9.408px + 0.81vw, 24px);
}

.visual-area__img {
    display: contents;
}

.visual-area__img>img {
    max-width: 100%;
}

@media (max-width: 1480px) {
    .visual-area {
        grid-template-columns: 1fr;
    }

    .visual-area::after {
        width: auto;
    }

    .visual-area__img>img {
        margin: 0 auto;
        width: clamp(240px, 121.296px + 37.09vw, 789px);
    }
}

.visual-title {
    background-color: white;
    color: #A24C32;
    font-size: clamp(1.5rem, 1.014rem + 2.43vw, 3.75rem);
    font-family: "murecho", sans-serif;
    font-weight: 900;
    line-height: 1;
    word-break: keep-all;

    padding: clamp(14px, 10.976px + 0.95vw, 28px) clamp(10px, 7.84px + 0.68vw, 20px);

    width: min-content;
}

.visual-title>wbr {
    display: none;
}

@media (max-width: 768px) {
    .visual-title>wbr {
        display: initial;
    }
}

.visual-phrase {
    color: white;
    font-size: clamp(1.75rem, 1.047rem + 3.51vw, 5rem);
    font-family: "murecho", sans-serif;
    font-weight: 900;
    line-height: 1.375;
}

.visual-phrase::after {
    content: ' +';
    color: white;
    font-size: clamp(1.75rem, 0.777rem + 4.86vw, 6.25rem);
    font-family: "heisei-maru-gothic-std", sans-serif;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
}

.visual-description {
    color: white;
    font-size: clamp(1.125rem, 0.882rem + 1.22vw, 2.25rem);
    font-family: "murecho", sans-serif;
    font-weight: 900;
    line-height: 1.6666;
}

/*--------------------------------------
    problemArea
--------------------------------------*/

.problem-area {
    overflow: hidden;
    position: relative;
    padding-top: clamp(176px, 158.704px + 5.41vw, 256px);
}

.problem-area::after {
    display: block;
    content: "";

    aspect-ratio: 180 / 155;
    background-image: url(../images/problem_bg_left.svg), url(../images/problem_bg_right.svg);
    background-size: auto 70%, auto 80%;
    background-position: left -10% top, right calc(clamp(100px, 78.384px + 6.76vw, 200px) * -1) top -20%;
    background-repeat: no-repeat, no-repeat;
    background-color: #F9F9F9;
    clip-path: polygon(89.867% 100%, 89.866% 100%, 89.866% 100%, 89.696% 100%, 89.527% 99.998%, 89.359% 99.996%, 89.192% 99.993%, 89.026% 99.989%, 88.862% 99.984%, 88.699% 99.978%, 88.538% 99.971%, 88.378% 99.963%, 88.22% 99.954%, 88.22% 99.954%, 88.056% 99.944%, 87.894% 99.933%, 87.732% 99.921%, 87.571% 99.908%, 87.412% 99.894%, 87.254% 99.879%, 87.098% 99.863%, 86.943% 99.846%, 86.79% 99.828%, 86.638% 99.809%, 86.638% 99.809%, 86.482% 99.788%, 86.327% 99.766%, 86.173% 99.743%, 86.02% 99.719%, 85.868% 99.694%, 85.718% 99.667%, 85.569% 99.64%, 85.422% 99.611%, 85.277% 99.582%, 85.133% 99.551%, 85.133% 99.551%, 84.985% 99.518%, 84.839% 99.484%, 84.693% 99.449%, 84.549% 99.412%, 84.406% 99.374%, 84.265% 99.335%, 84.125% 99.295%, 83.987% 99.253%, 83.85% 99.211%, 83.715% 99.167%, 83.715% 99.167%, 83.534% 99.107%, 83.354% 99.046%, 83.173% 98.983%, 82.993% 98.919%, 82.812% 98.854%, 82.632% 98.787%, 82.45% 98.719%, 82.268% 98.65%, 82.085% 98.578%, 81.901% 98.505%, 81.901% 98.505%, 81.736% 98.439%, 81.57% 98.371%, 81.404% 98.303%, 81.237% 98.232%, 81.068% 98.161%, 80.899% 98.087%, 80.728% 98.012%, 80.555% 97.936%, 80.38% 97.857%, 80.204% 97.777%, 80.204% 97.777%, 79.875% 97.626%, 79.548% 97.472%, 79.223% 97.316%, 78.901% 97.16%, 78.58% 97.002%, 78.262% 96.844%, 77.945% 96.686%, 77.631% 96.527%, 77.319% 96.369%, 77.009% 96.212%, 77.007% 96.211%, 77.007% 96.211%, 76.583% 95.996%, 76.156% 95.78%, 75.725% 95.564%, 75.29% 95.349%, 74.851% 95.135%, 74.408% 94.923%, 73.959% 94.713%, 73.505% 94.507%, 73.045% 94.305%, 72.58% 94.108%, 72.58% 94.108%, 72.328% 94.004%, 72.079% 93.904%, 71.831% 93.807%, 71.585% 93.712%, 71.34% 93.621%, 71.095% 93.532%, 70.851% 93.445%, 70.608% 93.361%, 70.364% 93.28%, 70.12% 93.2%, 70.12% 93.2%, 69.847% 93.114%, 69.573% 93.031%, 69.3% 92.951%, 69.027% 92.873%, 68.753% 92.799%, 68.478% 92.727%, 68.202% 92.658%, 67.925% 92.591%, 67.646% 92.527%, 67.365% 92.465%, 67.365% 92.465%, 66.997% 92.389%, 66.627% 92.316%, 66.255% 92.246%, 65.882% 92.181%, 65.507% 92.119%, 65.131% 92.062%, 64.755% 92.008%, 64.377% 91.958%, 64% 91.913%, 63.621% 91.871%, 63.621% 91.871%, 63.24% 91.833%, 62.857% 91.799%, 62.473% 91.769%, 62.088% 91.743%, 61.701% 91.721%, 61.314% 91.703%, 60.927% 91.688%, 60.539% 91.678%, 60.151% 91.672%, 59.763% 91.67%, 59.763% 91.67%, 58.549% 91.69%, 57.332% 91.748%, 56.113% 91.845%, 54.894% 91.98%, 53.673% 92.154%, 52.453% 92.366%, 51.233% 92.616%, 50.015% 92.904%, 48.799% 93.231%, 47.585% 93.595%, 47.585% 93.595%, 47.247% 93.702%, 46.921% 93.804%, 46.608% 93.901%, 46.306% 93.994%, 46.016% 94.083%, 45.734% 94.168%, 45.462% 94.249%, 45.198% 94.327%, 44.942% 94.402%, 44.692% 94.474%, 44.692% 94.474%, 44.396% 94.558%, 44.106% 94.638%, 43.823% 94.716%, 43.546% 94.79%, 43.275% 94.861%, 43.009% 94.929%, 42.749% 94.994%, 42.493% 95.056%, 42.242% 95.116%, 41.995% 95.172%, 41.995% 95.172%, 41.723% 95.232%, 41.456% 95.289%, 41.194% 95.343%, 40.935% 95.394%, 40.681% 95.441%, 40.43% 95.486%, 40.183% 95.527%, 39.939% 95.565%, 39.698% 95.601%, 39.459% 95.633%, 39.459% 95.633%, 39.219% 95.664%, 38.978% 95.692%, 38.737% 95.716%, 38.496% 95.738%, 38.255% 95.756%, 38.014% 95.771%, 37.772% 95.783%, 37.531% 95.792%, 37.289% 95.797%, 37.047% 95.8%, 37.047% 95.8%, 36.88% 95.799%, 36.712% 95.796%, 36.546% 95.792%, 36.38% 95.785%, 36.215% 95.777%, 36.051% 95.767%, 35.888% 95.755%, 35.726% 95.742%, 35.566% 95.727%, 35.406% 95.71%, 35.406% 95.71%, 35.244% 95.69%, 35.083% 95.669%, 34.921% 95.646%, 34.76% 95.62%, 34.599% 95.593%, 34.438% 95.563%, 34.277% 95.532%, 34.117% 95.498%, 33.957% 95.463%, 33.797% 95.425%, 33.797% 95.425%, 33.636% 95.385%, 33.475% 95.342%, 33.315% 95.298%, 33.155% 95.251%, 32.996% 95.202%, 32.837% 95.151%, 32.679% 95.098%, 32.521% 95.043%, 32.364% 94.986%, 32.207% 94.927%, 32.207% 94.927%, 32.046% 94.863%, 31.885% 94.797%, 31.725% 94.729%, 31.565% 94.659%, 31.407% 94.586%, 31.249% 94.512%, 31.091% 94.436%, 30.935% 94.357%, 30.779% 94.277%, 30.624% 94.194%, 30.624% 94.194%, 30.466% 94.108%, 30.309% 94.023%, 30.153% 93.938%, 29.998% 93.853%, 29.844% 93.768%, 29.691% 93.684%, 29.54% 93.6%, 29.389% 93.517%, 29.239% 93.434%, 29.091% 93.352%, 29.091% 93.352%, 28.815% 93.199%, 28.543% 93.048%, 28.272% 92.899%, 28.003% 92.752%, 27.735% 92.606%, 27.468% 92.462%, 27.202% 92.32%, 26.935% 92.18%, 26.667% 92.041%, 26.399% 91.905%, 26.399% 91.905%, 26.1% 91.755%, 25.807% 91.613%, 25.52% 91.476%, 25.238% 91.345%, 24.959% 91.22%, 24.683% 91.1%, 24.41% 90.984%, 24.139% 90.873%, 23.868% 90.766%, 23.597% 90.663%, 23.597% 90.663%, 22.935% 90.425%, 22.263% 90.208%, 21.581% 90.009%, 20.885% 89.828%, 20.173% 89.666%, 19.445% 89.521%, 18.697% 89.393%, 17.927% 89.282%, 17.134% 89.188%, 16.316% 89.109%, 16.316% 89.109%, 15.969% 89.081%, 15.621% 89.056%, 15.27% 89.033%, 14.916% 89.014%, 14.562% 88.998%, 14.205% 88.985%, 13.847% 88.974%, 13.487% 88.967%, 13.127% 88.962%, 12.766% 88.961%, 12.766% 88.961%, 12.114% 88.966%, 11.463% 88.98%, 10.812% 89.004%, 10.161% 89.036%, 9.511% 89.077%, 8.861% 89.127%, 8.211% 89.187%, 7.563% 89.255%, 6.915% 89.332%, 6.267% 89.418%, 6.267% 89.418%, 5.635% 89.51%, 5.004% 89.61%, 4.373% 89.72%, 3.744% 89.837%, 3.117% 89.964%, 2.49% 90.099%, 1.865% 90.243%, 1.242% 90.396%, 0.62% 90.557%, -0% 90.727%, -0% 0%, 100% 0%, 100% 98.98%, 100% 98.98%, 98.991% 99.137%, 97.974% 99.289%, 96.951% 99.434%, 95.924% 99.568%, 94.898% 99.689%, 93.874% 99.793%, 92.856% 99.88%, 91.847% 99.945%, 90.85% 99.986%, 89.867% 100%);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: -1;
}

@media (max-width: 1096px) {
    .problem-area::after {
        background-size: 0 0, clamp(480px, 445.408px + 10.81vw, 640px) auto;
        background-position: left top, right calc(clamp(80px, 71.344px + 2.7vw, 120px) * -1) top calc(clamp(40px, 35.68px + 1.35vw, 60px) * -1);
        left: auto;
        right: 0;
        width: auto;
    }
}

.problem-items {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr auto auto 1fr;
    column-gap: clamp(18px, 14.112px + 1.22vw, 36px);
}

.problem-items::after {
    content: "";
    align-self: end;
    grid-row: 2 / 4;
    grid-column: 2 / 4;

    display: block;

    aspect-ratio: 299 / 542;
    background-image: url(../images/img_problem.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    margin: 0 auto;

    width: clamp(160px, 129.952px + 9.39vw, 299.008px);
}

.problem-items__text {
    display: flex;
    align-items: center;
    justify-content: center;

    aspect-ratio: 360 / 278;

    font-size: clamp(1.125rem, 1.044rem + 0.41vw, 1.5rem);
    font-weight: bold;
    line-height: 1.75;
    text-align: center;

    padding-top: 16px;
    padding-bottom: clamp(16px, 14.272px + 0.54vw, 24px);

    width: clamp(280px, 262.704px + 5.41vw, 360px);
}

.problem-items__text:nth-of-type(2n) {
    justify-self: left;
    background: url("../images/icon_balloon_right.png") no-repeat center center / contain;
    padding-left: clamp(24px, 21.408px + 0.81vw, 36px);
    padding-right: clamp(16px, 14.272px + 0.54vw, 24px);
}

.problem-items__text:nth-of-type(2n+1) {
    justify-self: right;
    background: url("../images/icon_balloon_left.png") no-repeat center center / contain;
    padding-right: clamp(24px, 21.408px + 0.81vw, 36px);
    padding-left: clamp(16px, 14.272px + 0.54vw, 24px);
}

.problem-items__text:nth-of-type(3),
.problem-items__text:nth-of-type(4) {
    margin-top: calc(var(--spacing) * -4);
}

.problem-items__text:nth-of-type(5),
.problem-items__text:nth-of-type(6) {
    margin-top: calc(var(--spacing) * 8);
}

.problem-items__text:nth-of-type(1) {
    grid-column: 1 / 3;
}

.problem-items__text:nth-of-type(2) {
    grid-column: 3 / 5;
}

.problem-items__text:nth-of-type(3) {
    grid-column: 1;
}

.problem-items__text:nth-of-type(4) {
    grid-column: 4;
}

.problem-items__text:nth-of-type(5) {
    grid-column: 1;
    margin-right: calc(var(--spacing) * 12);
}

.problem-items__text:nth-of-type(6) {
    grid-column: 4;
    margin-left: calc(var(--spacing) * 12);
}

@media (max-width: 1096px) {
    .problem-items {
        grid-template-columns: 1fr 1fr;
        row-gap: calc(var(--spacing) * 8);
    }

    .problem-items::after {
        grid-row: 4;
        grid-column: 1 / 3;
    }

    .problem-items__text:nth-of-type(3),
    .problem-items__text:nth-of-type(4) {
        margin-top: 0;
    }

    .problem-items__text:nth-of-type(5),
    .problem-items__text:nth-of-type(6) {
        margin-top: 0;
    }

    .problem-items__text:nth-of-type(1),
    .problem-items__text:nth-of-type(3),
    .problem-items__text:nth-of-type(5) {
        grid-column: 1;
    }

    .problem-items__text:nth-of-type(2),
    .problem-items__text:nth-of-type(4),
    .problem-items__text:nth-of-type(6) {
        grid-column: 2;
    }

    .problem-items__text:nth-of-type(5) {
        margin-right: 0;
    }

    .problem-items__text:nth-of-type(6) {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .problem-items {
        grid-template-columns: 1fr;
    }

    .problem-items::after {
        grid-row: 7;
        grid-column: 1;
    }

    .problem-items__text {
        margin: 0 auto;
    }

    .problem-items__text:nth-of-type(1),
    .problem-items__text:nth-of-type(3),
    .problem-items__text:nth-of-type(5) {
        grid-column: 1;
    }

    .problem-items__text:nth-of-type(2),
    .problem-items__text:nth-of-type(4),
    .problem-items__text:nth-of-type(6) {
        grid-column: 1;
    }

    .problem-items__text:nth-of-type(5) {
        margin-right: auto;
    }

    .problem-items__text:nth-of-type(6) {
        margin-left: auto;
    }
}

/*--------------------------------------
    bannerArea
--------------------------------------*/

.banner-area {
    display: grid;
    grid-template-columns: auto 1fr;
}

.banner-area::after {
    content: "";

    display: block;

    aspect-ratio: 62 / 37;
    background: url(../images/img_link.png) no-repeat center / contain;

    width: clamp(280px, 206.48px + 22.97vw, 620px);
}

.banner-area__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.banner-text {
    font-size: clamp(1rem, 0.919rem + 0.41vw, 1.375rem);
    font-weight: bold;
    line-height: 1.65;
    text-align: center;
    margin-bottom: clamp(9.008px, 7.056px + 0.61vw, 18px);
}

.banner-text-strong {
    font-size: clamp(1.25rem, 1.034rem + 1.08vw, 2.25rem);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    word-break: keep-all;
    margin-bottom: clamp(27.008px, 21.168px + 1.82vw, 54px);
}

.banner-button {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (max-width: 1096px) {
    .banner-area {
        grid-template-columns: 1fr;
        row-gap: clamp(32px, 25.088px + 2.16vw, 64px);
        margin-bottom: clamp(32px, 25.088px + 2.16vw, 64px);
    }

    .banner-area::after {
        grid-row: 1;
        margin: 0 auto;
    }

    .banner-button {
        margin-bottom: 0;
    }
}

/*--------------------------------------
    pointArea
--------------------------------------*/

.point-area {
    overflow: hidden;
    position: relative;

    padding-top: clamp(45.008px, 35.264px + 3.04vw, 90px);
    padding-bottom: clamp(136px, 106.592px + 9.19vw, 272px);
    margin-bottom: calc(clamp(128px, 114.16px + 4.32vw, 192px) * -1);

    z-index: 5;
}

.point-area::after {
    display: block;
    content: "";

    aspect-ratio: 180 / 213;
    background-image: url(../images/point_bg_left.svg), url(../images/point_bg_right.svg);
    background-position: left calc(clamp(135.008px, 105.808px + 9.12vw, 270px) * -1) top, right calc(clamp(135.008px, 105.808px + 9.12vw, 270px) * -1) top 25px;
    background-repeat: no-repeat, no-repeat;
    background-size: clamp(240px, 188.112px + 16.22vw, 480px) auto, clamp(235.008px, 184.192px + 15.88vw, 470px) auto;
    background-color: #B75717;
    clip-path: polygon(11.048% 100%, 11.048% 100%, 10.564% 99.997%, 10.069% 99.99%, 9.561% 99.977%, 9.041% 99.959%, 8.506% 99.935%, 7.957% 99.907%, 7.393% 99.873%, 6.813% 99.833%, 6.217% 99.789%, 5.604% 99.739%, 5.604% 99.739%, 5.034% 99.689%, 4.463% 99.636%, 3.893% 99.58%, 3.325% 99.522%, 2.76% 99.463%, 2.197% 99.402%, 1.64% 99.339%, 1.087% 99.276%, 0.54% 99.213%, 0% 99.15%, 0% 0%, 100% 0%, 100% 93.059%, 100% 93.059%, 98.83% 92.851%, 97.656% 92.664%, 96.477% 92.499%, 95.295% 92.355%, 94.11% 92.234%, 92.921% 92.134%, 91.731% 92.055%, 90.538% 91.999%, 89.344% 91.965%, 88.148% 91.952%, 88.148% 91.952%, 87.787% 91.953%, 87.426% 91.957%, 87.067% 91.962%, 86.709% 91.97%, 86.352% 91.979%, 85.997% 91.991%, 85.644% 92.005%, 85.293% 92.021%, 84.944% 92.04%, 84.598% 92.06%, 84.598% 92.06%, 84.377% 92.074%, 84.157% 92.089%, 83.939% 92.105%, 83.722% 92.122%, 83.508% 92.14%, 83.294% 92.158%, 83.083% 92.178%, 82.874% 92.198%, 82.667% 92.219%, 82.463% 92.241%, 82.463% 92.241%, 82.267% 92.262%, 82.073% 92.285%, 81.88% 92.308%, 81.688% 92.332%, 81.497% 92.357%, 81.308% 92.383%, 81.12% 92.41%, 80.933% 92.437%, 80.748% 92.465%, 80.565% 92.494%, 80.565% 92.494%, 80.236% 92.549%, 79.907% 92.606%, 79.58% 92.668%, 79.253% 92.732%, 78.928% 92.8%, 78.603% 92.872%, 78.28% 92.947%, 77.958% 93.026%, 77.637% 93.108%, 77.317% 93.193%, 77.317% 93.193%, 77.046% 93.268%, 76.775% 93.346%, 76.504% 93.427%, 76.23% 93.512%, 75.955% 93.599%, 75.676% 93.691%, 75.394% 93.786%, 75.107% 93.886%, 74.814% 93.99%, 74.515% 94.098%, 74.515% 94.098%, 74.247% 94.198%, 73.979% 94.299%, 73.712% 94.401%, 73.446% 94.505%, 73.179% 94.61%, 72.911% 94.716%, 72.642% 94.823%, 72.371% 94.932%, 72.098% 95.042%, 71.823% 95.153%, 71.816% 95.156%, 71.816% 95.156%, 71.668% 95.216%, 71.519% 95.276%, 71.369% 95.336%, 71.218% 95.397%, 71.066% 95.458%, 70.912% 95.52%, 70.758% 95.581%, 70.603% 95.643%, 70.447% 95.705%, 70.289% 95.767%, 70.289% 95.767%, 70.134% 95.827%, 69.979% 95.886%, 69.822% 95.943%, 69.665% 95.999%, 69.507% 96.053%, 69.348% 96.106%, 69.189% 96.157%, 69.029% 96.207%, 68.868% 96.255%, 68.706% 96.301%, 68.706% 96.301%, 68.55% 96.344%, 68.392% 96.386%, 68.235% 96.426%, 68.076% 96.465%, 67.918% 96.502%, 67.758% 96.538%, 67.598% 96.572%, 67.438% 96.604%, 67.278% 96.635%, 67.116% 96.665%, 67.116% 96.665%, 66.957% 96.692%, 66.797% 96.718%, 66.637% 96.742%, 66.476% 96.765%, 66.315% 96.787%, 66.154% 96.807%, 65.993% 96.825%, 65.831% 96.842%, 65.669% 96.858%, 65.507% 96.872%, 65.507% 96.872%, 65.348% 96.885%, 65.187% 96.896%, 65.025% 96.906%, 64.862% 96.914%, 64.698% 96.921%, 64.534% 96.927%, 64.368% 96.932%, 64.201% 96.935%, 64.034% 96.937%, 63.866% 96.938%, 63.866% 96.938%, 63.624% 96.936%, 63.383% 96.932%, 63.141% 96.926%, 62.9% 96.917%, 62.658% 96.906%, 62.417% 96.893%, 62.176% 96.877%, 61.935% 96.859%, 61.695% 96.839%, 61.455% 96.817%, 61.455% 96.817%, 61.216% 96.793%, 60.975% 96.767%, 60.731% 96.739%, 60.483% 96.709%, 60.233% 96.677%, 59.978% 96.642%, 59.72% 96.605%, 59.457% 96.566%, 59.19% 96.525%, 58.918% 96.481%, 58.918% 96.481%, 58.672% 96.439%, 58.42% 96.396%, 58.165% 96.351%, 57.904% 96.303%, 57.638% 96.254%, 57.367% 96.202%, 57.09% 96.148%, 56.807% 96.092%, 56.518% 96.033%, 56.221% 95.971%, 56.221% 95.971%, 55.972% 95.919%, 55.715% 95.864%, 55.452% 95.808%, 55.18% 95.748%, 54.898% 95.686%, 54.607% 95.622%, 54.306% 95.554%, 53.993% 95.483%, 53.667% 95.409%, 53.328% 95.331%, 53.328% 95.331%, 52.115% 95.065%, 50.899% 94.827%, 49.681% 94.617%, 48.461% 94.435%, 47.241% 94.28%, 46.02% 94.154%, 44.8% 94.055%, 43.582% 93.984%, 42.365% 93.942%, 41.151% 93.928%, 41.151% 93.928%, 40.763% 93.929%, 40.375% 93.934%, 39.987% 93.941%, 39.6% 93.951%, 39.213% 93.965%, 38.826% 93.981%, 38.441% 94%, 38.057% 94.022%, 37.674% 94.046%, 37.292% 94.074%, 37.292% 94.074%, 36.914% 94.104%, 36.537% 94.138%, 36.159% 94.174%, 35.783% 94.213%, 35.407% 94.255%, 35.032% 94.3%, 34.659% 94.348%, 34.287% 94.398%, 33.917% 94.452%, 33.549% 94.508%, 33.549% 94.508%, 33.268% 94.553%, 32.989% 94.599%, 32.711% 94.648%, 32.436% 94.698%, 32.161% 94.751%, 31.887% 94.805%, 31.614% 94.861%, 31.34% 94.92%, 31.067% 94.98%, 30.794% 95.043%, 30.794% 95.043%, 30.55% 95.101%, 30.306% 95.161%, 30.063% 95.222%, 29.819% 95.285%, 29.574% 95.35%, 29.329% 95.416%, 29.083% 95.485%, 28.835% 95.556%, 28.586% 95.629%, 28.334% 95.705%, 28.334% 95.705%, 27.869% 95.848%, 27.409% 95.996%, 26.955% 96.146%, 26.506% 96.299%, 26.063% 96.453%, 25.624% 96.609%, 25.189% 96.766%, 24.758% 96.924%, 24.331% 97.081%, 23.907% 97.238%, 23.906% 97.238%, 23.906% 97.238%, 23.596% 97.352%, 23.284% 97.467%, 22.97% 97.583%, 22.653% 97.699%, 22.335% 97.814%, 22.014% 97.929%, 21.691% 98.043%, 21.366% 98.156%, 21.039% 98.268%, 20.71% 98.379%, 20.71% 98.379%, 20.533% 98.438%, 20.359% 98.495%, 20.186% 98.55%, 20.015% 98.605%, 19.845% 98.658%, 19.677% 98.711%, 19.51% 98.762%, 19.344% 98.812%, 19.178% 98.862%, 19.013% 98.91%, 19.013% 98.91%, 18.829% 98.963%, 18.645% 99.015%, 18.463% 99.066%, 18.282% 99.116%, 18.101% 99.164%, 17.921% 99.212%, 17.74% 99.258%, 17.56% 99.304%, 17.379% 99.349%, 17.198% 99.392%, 17.198% 99.392%, 17.063% 99.424%, 16.927% 99.455%, 16.789% 99.485%, 16.649% 99.515%, 16.507% 99.543%, 16.365% 99.571%, 16.22% 99.597%, 16.075% 99.623%, 15.929% 99.648%, 15.781% 99.672%, 15.781% 99.672%, 15.637% 99.695%, 15.492% 99.716%, 15.344% 99.737%, 15.196% 99.757%, 15.046% 99.776%, 14.894% 99.795%, 14.741% 99.812%, 14.587% 99.829%, 14.432% 99.845%, 14.275% 99.86%, 14.275% 99.86%, 14.124% 99.874%, 13.971% 99.887%, 13.816% 99.9%, 13.659% 99.911%, 13.502% 99.922%, 13.342% 99.933%, 13.182% 99.942%, 13.02% 99.951%, 12.857% 99.959%, 12.694% 99.966%, 12.694% 99.966%, 12.536% 99.973%, 12.376% 99.978%, 12.215% 99.983%, 12.052% 99.988%, 11.888% 99.992%, 11.722% 99.995%, 11.555% 99.997%, 11.387% 99.999%, 11.218% 100%, 11.048% 100%);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: -1;
}

.point-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 15.68px + 1.35vw, 40px);
}

.point-items__item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    gap: clamp(11px, 8.624px + 0.74vw, 22px);

    background-color: white;
    border-radius: clamp(15.008px, 11.76px + 1.01vw, 30px);

    padding: clamp(23.008px, 18.032px + 1.55vw, 46px) clamp(20px, 15.68px + 1.35vw, 40px) clamp(20px, 15.68px + 1.35vw, 40px);
}

.point-items__item__img {
    aspect-ratio: 503 / 265;
    object-fit: cover;
    width: 100%;
}

.point-items__item__heading {
    display: flex;
    align-items: center;
    column-gap: clamp(9.008px, 7.056px + 0.61vw, 18px);

    color: #A24C32;
    font-size: clamp(1.125rem, 1.044rem + 0.41vw, 1.5rem);
    font-weight: bold;
    line-height: 1;
}

.point-items__item__heading__number {
    --fix-font-spacing: calc(var(--spacing) * 1.25);

    display: flex;
    align-items: center;
    column-gap: clamp(9.008px, 7.056px + 0.61vw, 18px);

    color: #A24C32;
    font-size: clamp(1.75rem, 1.399rem + 1.76vw, 3.375rem);
    font-family: "murecho", sans-serif;
    font-weight: 600;
    line-height: 1;

    margin-top: calc(var(--fix-font-spacing) * -1);
    padding-bottom: var(--fix-font-spacing);
}

.point-items__item__heading__number::after {
    content: "";
    display: block;
    background: #A24C32;
    width: 1px;
    height: clamp(24px, 19.456px + 1.42vw, 45px);
    margin-top: var(--fix-font-spacing);
}

.point-items__item__text {
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .point-area::after {
        left: 0;
        right: auto;
        width: auto;
    }

    .point-items {
        justify-content: center;
        grid-template-columns: minmax(auto, clamp(300px, 196.224px + 32.43vw, 780px));
    }
}

/*--------------------------------------
    supportArea
--------------------------------------*/

.support-area {
    --z-index-content: 1;
    --z-index-decoration: -1;
    --z-index-bg-card: -2;
    --z-index-bg-wave: -3;
    --bg-clip-path: polygon(100% 100%, 100% 100%, 99.805% 99.915%, 99.608% 99.831%, 99.41% 99.748%, 99.21% 99.667%, 99.007% 99.587%, 98.803% 99.509%, 98.597% 99.433%, 98.39% 99.357%, 98.18% 99.284%, 97.969% 99.212%, 97.969% 99.212%, 97.747% 99.138%, 97.524% 99.066%, 97.299% 98.995%, 97.072% 98.926%, 96.844% 98.858%, 96.615% 98.792%, 96.384% 98.728%, 96.152% 98.665%, 95.919% 98.603%, 95.684% 98.543%, 95.684% 98.543%, 95.51% 98.5%, 95.336% 98.458%, 95.161% 98.418%, 94.985% 98.378%, 94.808% 98.339%, 94.631% 98.302%, 94.453% 98.265%, 94.274% 98.23%, 94.094% 98.196%, 93.914% 98.163%, 93.914% 98.163%, 93.741% 98.132%, 93.567% 98.103%, 93.393% 98.075%, 93.219% 98.047%, 93.044% 98.021%, 92.868% 97.997%, 92.692% 97.973%, 92.515% 97.95%, 92.338% 97.929%, 92.16% 97.908%, 92.16% 97.908%, 91.808% 97.872%, 91.455% 97.839%, 91.101% 97.811%, 90.745% 97.786%, 90.389% 97.765%, 90.033% 97.749%, 89.676% 97.736%, 89.318% 97.727%, 88.96% 97.722%, 88.602% 97.722%, 88.602% 97.722%, 88.42% 97.722%, 88.237% 97.723%, 88.053% 97.725%, 87.867% 97.728%, 87.679% 97.732%, 87.489% 97.736%, 87.297% 97.742%, 87.102% 97.748%, 86.905% 97.755%, 86.705% 97.763%, 86.705% 97.763%, 86.518% 97.771%, 86.33% 97.78%, 86.139% 97.789%, 85.945% 97.799%, 85.749% 97.81%, 85.55% 97.822%, 85.347% 97.834%, 85.142% 97.847%, 84.932% 97.861%, 84.719% 97.876%, 84.719% 97.876%, 84.294% 97.907%, 83.863% 97.941%, 83.428% 97.976%, 82.991% 98.013%, 82.552% 98.052%, 82.112% 98.092%, 81.672% 98.133%, 81.235% 98.175%, 80.8% 98.217%, 80.37% 98.258%, 80.37% 98.258%, 80.065% 98.289%, 79.758% 98.32%, 79.449% 98.353%, 79.138% 98.386%, 78.824% 98.421%, 78.507% 98.456%, 78.187% 98.492%, 77.865% 98.529%, 77.539% 98.566%, 77.209% 98.604%, 77.206% 98.604%, 77.205% 98.604%, 77.205% 98.604%, 76.773% 98.654%, 76.339% 98.703%, 75.903% 98.752%, 75.465% 98.801%, 75.025% 98.849%, 74.585% 98.896%, 74.145% 98.941%, 73.704% 98.985%, 73.264% 99.027%, 72.825% 99.067%, 72.825% 99.067%, 72.59% 99.087%, 72.36% 99.106%, 72.134% 99.124%, 71.912% 99.142%, 71.693% 99.158%, 71.479% 99.173%, 71.267% 99.187%, 71.059% 99.2%, 70.853% 99.212%, 70.65% 99.223%, 70.65% 99.223%, 70.425% 99.234%, 70.203% 99.245%, 69.985% 99.254%, 69.771% 99.261%, 69.56% 99.268%, 69.352% 99.273%, 69.147% 99.277%, 68.944% 99.28%, 68.744% 99.282%, 68.546% 99.283%, 68.546% 99.283%, 68.427% 99.282%, 68.308% 99.282%, 68.191% 99.281%, 68.074% 99.279%, 67.958% 99.277%, 67.843% 99.275%, 67.729% 99.272%, 67.616% 99.268%, 67.504% 99.264%, 67.394% 99.26%, 67.394% 99.26%, 67.279% 99.255%, 67.166% 99.25%, 67.052% 99.244%, 66.94% 99.238%, 66.829% 99.231%, 66.718% 99.223%, 66.609% 99.215%, 66.5% 99.207%, 66.393% 99.198%, 66.287% 99.189%, 66.287% 99.189%, 66.181% 99.179%, 66.075% 99.169%, 65.969% 99.158%, 65.863% 99.146%, 65.758% 99.133%, 65.652% 99.121%, 65.548% 99.107%, 65.443% 99.093%, 65.338% 99.078%, 65.234% 99.062%, 65.234% 99.062%, 65.133% 99.047%, 65.033% 99.03%, 64.932% 99.013%, 64.832% 98.995%, 64.733% 98.977%, 64.634% 98.958%, 64.535% 98.938%, 64.437% 98.917%, 64.34% 98.896%, 64.242% 98.874%, 64.242% 98.874%, 63.99% 98.814%, 63.739% 98.752%, 63.489% 98.688%, 63.241% 98.623%, 62.994% 98.555%, 62.749% 98.486%, 62.506% 98.415%, 62.264% 98.343%, 62.024% 98.268%, 61.785% 98.192%, 61.785% 98.192%, 61.555% 98.118%, 61.327% 98.042%, 61.1% 97.966%, 60.874% 97.889%, 60.65% 97.812%, 60.427% 97.735%, 60.206% 97.657%, 59.986% 97.579%, 59.768% 97.502%, 59.551% 97.425%, 59.549% 97.424%, 59.549% 97.424%, 59.252% 97.318%, 58.953% 97.212%, 58.652% 97.107%, 58.348% 97.001%, 58.04% 96.896%, 57.73% 96.792%, 57.416% 96.689%, 57.098% 96.588%, 56.777% 96.489%, 56.451% 96.392%, 56.451% 96.392%, 56.275% 96.341%, 56.101% 96.292%, 55.927% 96.244%, 55.755% 96.198%, 55.583% 96.153%, 55.412% 96.109%, 55.242% 96.067%, 55.071% 96.026%, 54.901% 95.986%, 54.73% 95.947%, 54.73% 95.947%, 54.541% 95.905%, 54.351% 95.864%, 54.16% 95.825%, 53.969% 95.787%, 53.776% 95.75%, 53.583% 95.715%, 53.389% 95.681%, 53.194% 95.648%, 52.999% 95.616%, 52.803% 95.586%, 52.803% 95.586%, 52.544% 95.548%, 52.284% 95.512%, 52.024% 95.478%, 51.763% 95.446%, 51.502% 95.416%, 51.239% 95.388%, 50.976% 95.362%, 50.712% 95.337%, 50.448% 95.315%, 50.183% 95.294%, 50.183% 95.294%, 49.915% 95.276%, 49.646% 95.259%, 49.376% 95.244%, 49.106% 95.231%, 48.836% 95.22%, 48.566% 95.212%, 48.296% 95.205%, 48.025% 95.2%, 47.755% 95.197%, 47.484% 95.196%, 47.484% 95.196%, 46.634% 95.205%, 45.783% 95.234%, 44.93% 95.281%, 44.077% 95.348%, 43.223% 95.433%, 42.369% 95.537%, 41.516% 95.66%, 40.663% 95.801%, 39.813% 95.961%, 38.964% 96.14%, 38.964% 96.14%, 38.727% 96.193%, 38.499% 96.243%, 38.28% 96.29%, 38.068% 96.336%, 37.865% 96.379%, 37.668% 96.421%, 37.478% 96.461%, 37.293% 96.499%, 37.114% 96.536%, 36.939% 96.571%, 36.939% 96.571%, 36.732% 96.612%, 36.53% 96.652%, 36.332% 96.69%, 36.138% 96.726%, 35.948% 96.761%, 35.762% 96.795%, 35.58% 96.827%, 35.401% 96.857%, 35.225% 96.886%, 35.053% 96.914%, 35.053% 96.914%, 34.877% 96.942%, 34.701% 96.968%, 34.525% 96.994%, 34.348% 97.018%, 34.171% 97.041%, 33.993% 97.063%, 33.815% 97.084%, 33.636% 97.104%, 33.457% 97.123%, 33.278% 97.14%, 33.278% 97.14%, 33.11% 97.155%, 32.943% 97.169%, 32.775% 97.181%, 32.606% 97.191%, 32.437% 97.2%, 32.268% 97.208%, 32.099% 97.214%, 31.93% 97.218%, 31.76% 97.221%, 31.591% 97.222%, 31.591% 97.222%, 31.476% 97.221%, 31.36% 97.22%, 31.245% 97.218%, 31.13% 97.215%, 31.015% 97.211%, 30.9% 97.206%, 30.786% 97.2%, 30.671% 97.194%, 30.557% 97.186%, 30.443% 97.177%, 30.443% 97.177%, 30.328% 97.168%, 30.215% 97.157%, 30.101% 97.146%, 29.988% 97.133%, 29.875% 97.12%, 29.762% 97.105%, 29.65% 97.09%, 29.539% 97.074%, 29.427% 97.056%, 29.317% 97.038%, 29.317% 97.038%, 29.203% 97.018%, 29.089% 96.997%, 28.976% 96.975%, 28.864% 96.952%, 28.752% 96.928%, 28.641% 96.903%, 28.531% 96.877%, 28.421% 96.85%, 28.312% 96.822%, 28.204% 96.793%, 28.204% 96.793%, 28.09% 96.761%, 27.976% 96.729%, 27.862% 96.695%, 27.75% 96.66%, 27.639% 96.625%, 27.529% 96.588%, 27.419% 96.551%, 27.311% 96.513%, 27.203% 96.474%, 27.097% 96.434%, 27.097% 96.434%, 26.986% 96.392%, 26.876% 96.35%, 26.767% 96.308%, 26.659% 96.266%, 26.551% 96.225%, 26.444% 96.184%, 26.338% 96.142%, 26.232% 96.102%, 26.128% 96.061%, 26.024% 96.021%, 26.024% 96.021%, 25.831% 95.946%, 25.64% 95.872%, 25.451% 95.799%, 25.263% 95.726%, 25.075% 95.655%, 24.889% 95.584%, 24.702% 95.515%, 24.515% 95.446%, 24.328% 95.378%, 24.14% 95.311%, 24.14% 95.311%, 23.951% 95.244%, 23.76% 95.178%, 23.567% 95.113%, 23.373% 95.05%, 23.178% 94.989%, 22.981% 94.928%, 22.783% 94.869%, 22.583% 94.812%, 22.382% 94.756%, 22.18% 94.701%, 22.18% 94.701%, 21.96% 94.645%, 21.738% 94.59%, 21.514% 94.537%, 21.289% 94.487%, 21.062% 94.439%, 20.834% 94.393%, 20.604% 94.349%, 20.373% 94.308%, 20.141% 94.268%, 19.907% 94.231%, 19.907% 94.231%, 19.779% 94.212%, 19.65% 94.193%, 19.519% 94.174%, 19.388% 94.156%, 19.255% 94.139%, 19.122% 94.122%, 18.987% 94.106%, 18.852% 94.09%, 18.716% 94.075%, 18.58% 94.06%, 18.58% 94.06%, 18.437% 94.046%, 18.292% 94.032%, 18.146% 94.018%, 17.998% 94.005%, 17.849% 93.993%, 17.698% 93.981%, 17.547% 93.969%, 17.394% 93.959%, 17.24% 93.949%, 17.086% 93.939%, 17.086% 93.939%, 16.838% 93.925%, 16.59% 93.913%, 16.342% 93.902%, 16.094% 93.892%, 15.845% 93.884%, 15.597% 93.878%, 15.348% 93.872%, 15.099% 93.869%, 14.851% 93.867%, 14.602% 93.866%, 14.602% 93.866%, 14.135% 93.869%, 13.668% 93.876%, 13.202% 93.888%, 12.736% 93.905%, 12.271% 93.926%, 11.807% 93.952%, 11.343% 93.982%, 10.88% 94.017%, 10.419% 94.056%, 9.959% 94.1%, 9.959% 94.1%, 9.503% 94.148%, 9.049% 94.199%, 8.597% 94.256%, 8.147% 94.316%, 7.699% 94.381%, 7.253% 94.45%, 6.809% 94.523%, 6.367% 94.601%, 5.927% 94.683%, 5.49% 94.769%, 5.49% 94.769%, 5.233% 94.822%, 4.977% 94.876%, 4.722% 94.933%, 4.469% 94.99%, 4.216% 95.05%, 3.964% 95.11%, 3.714% 95.173%, 3.465% 95.236%, 3.217% 95.302%, 2.971% 95.369%, 2.971% 95.369%, 2.733% 95.435%, 2.496% 95.503%, 2.261% 95.573%, 2.028% 95.644%, 1.796% 95.717%, 1.566% 95.791%, 1.337% 95.867%, 1.11% 95.944%, 0.885% 96.023%, 0.661% 96.104%, 0.661% 96.104%, 0.594% 96.129%, 0.526% 96.154%, 0.459% 96.179%, 0.392% 96.205%, 0.326% 96.23%, 0.26% 96.255%, 0.194% 96.281%, 0.129% 96.306%, 0.064% 96.332%, 0% 96.358%, 0% 0%, 100% 0%);

    overflow: hidden;
    position: relative;

    padding-top: clamp(150px, 117.568px + 10.14vw, 300px);
}

.support-area::before {
    display: block;
    content: "";

    aspect-ratio: 180 / 322;
    background-image: url(../images/support_bg_left.svg), url(../images/support_bg_right.svg);
    background-size: auto 87.5%, auto 95%;
    background-position: left calc(clamp(12.5rem, 9.797rem + 13.51vw, 25rem) * -1) top, right calc(clamp(6.25rem, 4.899rem + 6.76vw, 12.5rem) * -1) top calc(clamp(6.25rem, 4.899rem + 6.76vw, 12.5rem) * -1);
    background-repeat: no-repeat, no-repeat;
    clip-path: var(--bg-clip-path);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: var(--z-index-decoration);
}

.support-area::after {
    display: block;
    content: "";

    aspect-ratio: 180 / 322;
    background-color: #F9F9F9;
    clip-path: var(--bg-clip-path);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: var(--z-index-bg-wave);
}

.support-area__content {
    z-index: var(--z-index-content);
}

.support-description {
    font-size: clamp(1.125rem, 1.017rem + 0.54vw, 1.625rem);
    font-weight: bold;
}

.support-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(30px, 23.52px + 2.03vw, 60px);

    overflow: hidden;
    position: relative;

    padding-top: clamp(42px, 32.912px + 2.84vw, 84px);
    padding-bottom: clamp(42px, 32.912px + 2.84vw, 84px);
}

.support-items::after {
    --tx: clamp(52px, 40.752px + 3.51vw, 104px);

    display: block;
    content: "";

    background-color: #EEECEC;
    border-radius: clamp(38px, 29.776px + 2.57vw, 76px);

    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(max(10px, (100% - var(--content-width)) / 2) + var(--tx));

    height: 100%;
    width: 100%;

    z-index: var(--z-index-bg-card);
}

.support-items__item {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto 1fr;
    column-gap: clamp(17px, 13.328px + 1.15vw, 34px);
    row-gap: clamp(12px, 9.408px + 0.81vw, 24px);

    background-color: white;
    border-radius: clamp(15px, 11.76px + 1.01vw, 30px);

    padding: clamp(22px, 17.024px + 1.55vw, 45.008px) clamp(20px, 15.68px + 1.35vw, 40px);
}

.support-items__item__img {
    grid-column: 1;
    grid-row: 1 / 3;

    background-color: #FFDFDF;
    border-radius: clamp(12px, 9.408px + 0.81vw, 24px);
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.support-items__item__heading {
    display: flex;
    align-items: center;
    column-gap: clamp(9.008px, 7.056px + 0.61vw, 18px);

    color: black;
    font-size: clamp(1.5rem, 1.419rem + 0.41vw, 1.875rem);
    font-weight: bold;
    line-height: 1.2;
}

.support-items__item__heading__number {
    --fix-font-spacing: calc(var(--spacing) * 1.25);

    display: flex;
    align-items: center;
    column-gap: clamp(9.008px, 7.056px + 0.61vw, 18px);

    color: #A24C32;
    font-size: clamp(1.75rem, 1.399rem + 1.76vw, 3.375rem);
    font-family: "murecho", sans-serif;
    font-weight: 600;
    line-height: 1;

    margin-top: calc(var(--fix-font-spacing) * -1);
    padding-bottom: var(--fix-font-spacing);
}

.support-items__item__heading__number::after {
    content: "";
    display: block;
    background: #A24C32;
    width: 1px;
    height: clamp(24px, 19.456px + 1.42vw, 45px);
    margin-top: var(--fix-font-spacing);
}

.support-items__item__heading__underlined {
    text-decoration: solid underline #A24C3244 13px;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}

.support-items__item__text {
    font-size: clamp(1rem, 0.973rem + 0.14vw, 1.125rem);
    font-weight: 500;
    line-height: 1.75;
}

@media (max-width: 1096px) {

    .support-area::before,
    .support-area::after {
        left: auto;
        right: 0;
        width: auto;
    }

    .support-area::before {
        background-size: 0 0, 70vw auto;
    }

    .support-items__item {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
    }

    .support-items__item__img {
        grid-column: 1;
        grid-row: 1;

        margin: 0 auto;
        aspect-ratio: 5 / 3;
        width: clamp(280px, 171.888px + 33.78vw, 780px);
    }
}

/*--------------------------------------
    planArea
--------------------------------------*/

.plan-area {
    overflow: hidden;
    position: relative;

    padding-top: clamp(50px, 39.184px + 3.38vw, 100px);
    padding-bottom: clamp(135.008px, 105.808px + 9.12vw, 270px);
    margin-bottom: calc(clamp(100px, 78.384px + 6.76vw, 200px) * -1);

    z-index: 5;
}

.plan-area::after {
    display: block;
    content: "";

    aspect-ratio: 180 / 371;
    background:
        url(../images/plan_bg_lt.svg) no-repeat left calc(clamp(66px, 51.728px + 4.46vw, 132px) * -1) top calc(clamp(66px, 51.728px + 4.46vw, 132px) * -1) / clamp(343.008px, 268.832px + 23.18vw, 686px) auto,
        url(../images/plan_bg_rt.svg) no-repeat right calc(clamp(86px, 67.408px + 5.81vw, 172px) * -1) top calc(clamp(80px, 62.704px + 5.41vw, 160px) * -1) / clamp(425.008px, 333.104px + 28.72vw, 850px) auto,
        url(../images/plan_bg_lb.svg) no-repeat left calc(clamp(190px, 148.912px + 12.84vw, 380px) * -1) bottom / clamp(445.008px, 348.784px + 30.07vw, 890px) auto,
        url(../images/plan_bg_rb.svg) no-repeat right calc(clamp(65.008px, 50.944px + 4.39vw, 130px) * -1) bottom clamp(105.008px, 82.304px + 7.09vw, 210px) / clamp(260px, 203.776px + 17.57vw, 520px) auto,
        url(../images/plan_bg_left.svg) repeat-y left center / clamp(45.008px, 35.056px + 3.11vw, 91.008px) auto,
        url(../images/plan_bg_right.svg) repeat-y right center / clamp(110px, 85.568px + 7.64vw, 223.008px) auto,
        #FCFBF2;
    clip-path: polygon(11.048% 100%, 11.048% 100%, 10.565% 99.999%, 10.07% 99.994%, 9.562% 99.987%, 9.041% 99.976%, 8.506% 99.963%, 7.957% 99.946%, 7.393% 99.927%, 6.813% 99.904%, 6.217% 99.879%, 5.604% 99.85%, 5.604% 99.85%, 5.034% 99.822%, 4.463% 99.791%, 3.894% 99.759%, 3.326% 99.726%, 2.76% 99.692%, 2.198% 99.657%, 1.64% 99.621%, 1.087% 99.585%, 0.54% 99.549%, 0% 99.512%, 0% 0%, 100% 0%, 100% 96.02%, 100% 96.02%, 98.83% 95.9%, 97.656% 95.793%, 96.477% 95.699%, 95.295% 95.616%, 94.11% 95.547%, 92.921% 95.489%, 91.73% 95.444%, 90.538% 95.412%, 89.343% 95.392%, 88.148% 95.385%, 88.148% 95.385%, 87.787% 95.386%, 87.426% 95.388%, 87.067% 95.391%, 86.709% 95.395%, 86.352% 95.401%, 85.997% 95.408%, 85.644% 95.416%, 85.293% 95.425%, 84.944% 95.435%, 84.598% 95.447%, 84.598% 95.447%, 84.377% 95.455%, 84.157% 95.464%, 83.939% 95.473%, 83.723% 95.483%, 83.508% 95.493%, 83.295% 95.504%, 83.083% 95.515%, 82.874% 95.526%, 82.667% 95.538%, 82.462% 95.551%, 82.462% 95.551%, 82.267% 95.563%, 82.073% 95.576%, 81.88% 95.589%, 81.688% 95.603%, 81.497% 95.618%, 81.307% 95.632%, 81.119% 95.648%, 80.933% 95.663%, 80.748% 95.68%, 80.565% 95.696%, 80.565% 95.696%, 80.236% 95.727%, 79.907% 95.76%, 79.58% 95.795%, 79.253% 95.833%, 78.928% 95.872%, 78.603% 95.913%, 78.28% 95.956%, 77.957% 96.001%, 77.636% 96.048%, 77.316% 96.097%, 77.316% 96.097%, 77.046% 96.14%, 76.775% 96.185%, 76.503% 96.231%, 76.23% 96.279%, 75.955% 96.33%, 75.676% 96.382%, 75.394% 96.437%, 75.106% 96.494%, 74.814% 96.554%, 74.515% 96.616%, 74.515% 96.616%, 74.247% 96.673%, 73.98% 96.731%, 73.713% 96.789%, 73.447% 96.849%, 73.18% 96.909%, 72.913% 96.97%, 72.644% 97.031%, 72.374% 97.093%, 72.101% 97.156%, 71.826% 97.22%, 71.823% 97.221%, 71.817% 97.222%, 71.817% 97.222%, 71.669% 97.256%, 71.52% 97.291%, 71.37% 97.326%, 71.218% 97.361%, 71.066% 97.396%, 70.913% 97.431%, 70.758% 97.466%, 70.603% 97.502%, 70.447% 97.537%, 70.29% 97.573%, 70.29% 97.573%, 70.135% 97.607%, 69.979% 97.641%, 69.822% 97.674%, 69.665% 97.706%, 69.507% 97.737%, 69.348% 97.767%, 69.189% 97.796%, 69.029% 97.825%, 68.868% 97.852%, 68.706% 97.879%, 68.706% 97.879%, 68.55% 97.904%, 68.393% 97.928%, 68.235% 97.951%, 68.076% 97.973%, 67.918% 97.994%, 67.758% 98.015%, 67.599% 98.034%, 67.438% 98.053%, 67.278% 98.071%, 67.116% 98.088%, 67.116% 98.088%, 66.957% 98.103%, 66.797% 98.118%, 66.637% 98.132%, 66.476% 98.145%, 66.315% 98.158%, 66.154% 98.169%, 65.993% 98.18%, 65.831% 98.189%, 65.669% 98.198%, 65.507% 98.206%, 65.507% 98.206%, 65.348% 98.214%, 65.187% 98.22%, 65.026% 98.226%, 64.863% 98.231%, 64.699% 98.235%, 64.534% 98.238%, 64.368% 98.241%, 64.201% 98.243%, 64.034% 98.244%, 63.866% 98.244%, 63.866% 98.244%, 63.625% 98.243%, 63.383% 98.241%, 63.141% 98.237%, 62.9% 98.232%, 62.658% 98.226%, 62.417% 98.218%, 62.176% 98.209%, 61.936% 98.199%, 61.695% 98.188%, 61.455% 98.175%, 61.455% 98.175%, 61.216% 98.161%, 60.975% 98.146%, 60.731% 98.13%, 60.484% 98.113%, 60.233% 98.094%, 59.979% 98.075%, 59.72% 98.054%, 59.458% 98.031%, 59.19% 98.007%, 58.918% 97.982%, 58.918% 97.982%, 58.672% 97.958%, 58.42% 97.934%, 58.165% 97.908%, 57.904% 97.88%, 57.638% 97.852%, 57.367% 97.822%, 57.09% 97.791%, 56.807% 97.759%, 56.518% 97.725%, 56.222% 97.69%, 56.222% 97.69%, 55.972% 97.66%, 55.716% 97.629%, 55.452% 97.596%, 55.18% 97.562%, 54.899% 97.527%, 54.608% 97.49%, 54.306% 97.451%, 53.993% 97.41%, 53.667% 97.367%, 53.328% 97.323%, 53.328% 97.323%, 52.115% 97.17%, 50.899% 97.034%, 49.681% 96.913%, 48.461% 96.809%, 47.241% 96.72%, 46.02% 96.648%, 44.8% 96.591%, 43.582% 96.551%, 42.365% 96.526%, 41.151% 96.518%, 41.151% 96.518%, 40.763% 96.519%, 40.375% 96.522%, 39.987% 96.526%, 39.599% 96.532%, 39.212% 96.539%, 38.826% 96.548%, 38.441% 96.559%, 38.056% 96.572%, 37.674% 96.586%, 37.292% 96.602%, 37.292% 96.602%, 36.914% 96.619%, 36.537% 96.639%, 36.159% 96.659%, 35.783% 96.682%, 35.407% 96.706%, 35.032% 96.732%, 34.659% 96.759%, 34.287% 96.788%, 33.917% 96.818%, 33.549% 96.851%, 33.549% 96.851%, 33.268% 96.876%, 32.989% 96.903%, 32.712% 96.931%, 32.436% 96.96%, 32.161% 96.99%, 31.887% 97.021%, 31.614% 97.053%, 31.34% 97.087%, 31.067% 97.122%, 30.794% 97.158%, 30.794% 97.158%, 30.55% 97.191%, 30.306% 97.225%, 30.062% 97.26%, 29.819% 97.296%, 29.574% 97.333%, 29.329% 97.372%, 29.083% 97.411%, 28.835% 97.452%, 28.586% 97.494%, 28.334% 97.537%, 28.334% 97.537%, 27.869% 97.619%, 27.409% 97.704%, 26.955% 97.79%, 26.506% 97.878%, 26.063% 97.966%, 25.623% 98.056%, 25.189% 98.146%, 24.758% 98.236%, 24.331% 98.326%, 23.907% 98.416%, 23.905% 98.416%, 23.905% 98.416%, 23.595% 98.482%, 23.283% 98.548%, 22.968% 98.614%, 22.652% 98.681%, 22.334% 98.747%, 22.013% 98.813%, 21.691% 98.878%, 21.366% 98.943%, 21.039% 99.007%, 20.71% 99.071%, 20.71% 99.071%, 20.533% 99.104%, 20.358% 99.137%, 20.185% 99.169%, 20.014% 99.2%, 19.845% 99.231%, 19.676% 99.261%, 19.509% 99.29%, 19.343% 99.319%, 19.178% 99.347%, 19.013% 99.375%, 19.013% 99.375%, 18.828% 99.406%, 18.645% 99.435%, 18.463% 99.465%, 18.282% 99.493%, 18.101% 99.521%, 17.92% 99.548%, 17.74% 99.575%, 17.56% 99.601%, 17.379% 99.627%, 17.198% 99.652%, 17.198% 99.652%, 17.063% 99.67%, 16.927% 99.688%, 16.788% 99.705%, 16.649% 99.722%, 16.507% 99.738%, 16.365% 99.754%, 16.22% 99.769%, 16.075% 99.784%, 15.929% 99.798%, 15.781% 99.812%, 15.781% 99.812%, 15.637% 99.825%, 15.491% 99.837%, 15.344% 99.849%, 15.196% 99.861%, 15.045% 99.872%, 14.894% 99.882%, 14.741% 99.893%, 14.587% 99.902%, 14.432% 99.911%, 14.276% 99.92%, 14.276% 99.92%, 14.124% 99.928%, 13.971% 99.935%, 13.816% 99.943%, 13.66% 99.949%, 13.502% 99.956%, 13.343% 99.961%, 13.182% 99.967%, 13.021% 99.972%, 12.858% 99.977%, 12.694% 99.981%, 12.694% 99.981%, 12.536% 99.984%, 12.377% 99.988%, 12.215% 99.991%, 12.052% 99.993%, 11.888% 99.995%, 11.722% 99.997%, 11.556% 99.998%, 11.388% 99.999%, 11.218% 100%, 11.048% 100%);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    margin: 0 auto;

    height: 100%;
    width: 100%;
    z-index: -1;
}

@media (max-width: 1096px) {
    .plan-area {
        margin-bottom: calc(clamp(150px, 117.568px + 10.14vw, 300px) * -1);
    }

    .plan-area::after {
        left: auto;
        right: 0;
        width: auto;
    }
}

.plan-description {
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.plan-list {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: clamp(12px, 9.408px + 0.81vw, 24px);
    row-gap: clamp(15.008px, 11.76px + 1.01vw, 30px);
}

.plan-list>dt {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    color: white;
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 1;
    text-align: center;

    padding: 6px clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}

.plan-list>dt:nth-of-type(1) {
    background-color: #CEB29F;
}

.plan-list>dt:nth-of-type(2) {
    background-color: #C18B67;
}

.plan-list>dt:nth-of-type(3) {
    background-color: #B75717;
}

.plan-list>dd {
    color: black;
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 2;
}

@media (max-width: 768px) {
    .plan-list {
        grid-template-columns: 1fr;
    }

    .plan-list>dt {
        padding: 12px clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
    }
}

.plan-table {
    border-spacing: 0;

    min-width: 800px;
    width: 100%;
}

.plan-table thead th:not(:empty) {
    background: #FFE2CF;
    border-radius: clamp(7.008px, 5.264px + 0.54vw, 15.008px) clamp(7.008px, 5.264px + 0.54vw, 15.008px) 0 0;

    color: #B75717;
    font-size: clamp(1.125rem, 0.963rem + 0.81vw, 1.875rem);
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    height: clamp(35px, 27.44px + 2.36vw, 70px);
}

.plan-table tbody th {
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    text-align: left;
    vertical-align: middle;

    padding: 1em 0.5em;

    width: clamp(150px, 117.568px + 10.14vw, 300px);
}

.plan-table tbody td {
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    padding: 1em 0.5em;

    width: clamp(150px, 117.568px + 10.14vw, 300px);
    height: clamp(50px, 39.184px + 3.38vw, 100px);
}

.plan-table tbody tr td:nth-of-type(1) {
    background: #ECECEC;
}

.plan-table tbody tr td:nth-of-type(2) {
    background: #E8E1E1;
}

.plan-table tbody tr td:nth-of-type(3) {
    background: #DEDCDC;
}

.plan-table tbody tr:first-child td {
    color: white;
    font-size: clamp(1.125rem, 0.963rem + 0.81vw, 1.875rem);
    font-weight: bold;
    height: clamp(75.008px, 63.104px + 3.72vw, 130px);
}

.plan-table tbody tr:first-child td:nth-of-type(1) {
    background: #CEB29F;
}

.plan-table tbody tr:first-child td:nth-of-type(2) {
    background: #C18B67;
}

.plan-table tbody tr:first-child td:nth-of-type(3) {
    background: #B75717;
}

.plan-table tbody tr td[colspan="3"] {
    background: #FFF2F2;
    width: auto;
}

.plan-table tbody td span.mark {
    font-size: clamp(1.25rem, 0.98rem + 1.35vw, 2.5rem);
    font-family: "kozuka-gothic-pro", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    text-align: center;
}

.plan-table tbody td span.comment {
    font-size: 0.875rem;
}

/*--------------------------------------
    flowArea
--------------------------------------*/

.flow-area {
    background: #B75717;
    padding-top: clamp(150px, 117.568px + 10.14vw, 300px);
    padding-bottom: clamp(55.008px, 43.104px + 3.72vw, 110px);
}

.flow-description {
    color: white;
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

.flow-items {
    display: grid;
    align-items: end;
    justify-content: center;
    grid-template-columns: repeat(6, auto);
    column-gap: clamp(14px, 10.976px + 0.95vw, 28px);
    row-gap: clamp(32px, 25.088px + 2.16vw, 64px);
}

.flow-items__item {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: 140px auto;
    grid-template-rows: auto 92px 1fr;
    column-gap: 10px;
    row-gap: clamp(15.008px, 11.76px + 1.01vw, 30px);

    height: 100%;
}

.flow-items__item::after {
    grid-column: 2;
    grid-row: 3;

    display: block;
    content: "";

    aspect-ratio: 44 / 14;
    background: url("../images/icon_flow.png") no-repeat center center / contain;

    margin-bottom: 4px;

    width: clamp(24px, 19.024px + 1.55vw, 47px);
}

.flow-items__item:last-child::after {
    width: 0;
}

.flow-items__item__number {
    grid-column: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;
    border-radius: 22px;

    color: #B75717;
    font-size: clamp(1.125rem, 1.071rem + 0.27vw, 1.375rem);
    font-weight: bold;
    line-height: 1;
    text-align: center;

    position: relative;

    padding: 8px;
    width: 100%;
}

.flow-items__item__image {
    grid-column: 1;

    object-fit: contain;
    height: 100%;
    width: 100%;
}

.flow-items__item__image--1 {
    aspect-ratio: 95 / 70;
    max-width: 95px;
}

.flow-items__item__image--2 {
    aspect-ratio: 90 / 92;
    max-width: 90px;
}

.flow-items__item__image--3 {
    aspect-ratio: 112 / 73;
    max-width: 112px;
}

.flow-items__item__image--4 {
    aspect-ratio: 72 / 91;
    max-width: 72px;
}

.flow-items__item__image--5 {
    aspect-ratio: 97 / 93;
    max-width: 97px;
}

.flow-items__item__image--6 {
    aspect-ratio: 98 / 93;
    max-width: 98px;
}

.flow-items__item__text {
    grid-column: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;

    color: white;
    font-size: clamp(1.125rem, 1.071rem + 0.27vw, 1.375rem);
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.flow-items__item__text__small {
    font-size: clamp(0.75rem, 0.696rem + 0.27vw, 1rem);
}

@media (max-width: 1440px) {
    .flow-items {
        grid-template-columns: repeat(3, auto);
    }

    .flow-items__item:nth-child(3):after {
        width: 0;
    }
}

@media (max-width: 768px) {
    .flow-items {
        grid-template-columns: repeat(2, auto);
    }

    .flow-items__item::after {
        width: 0;
    }
}

/*--------------------------------------
    faqArea
--------------------------------------*/

.faq-area {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(auto, 38fr) 75fr;
    gap: clamp(35.008px, 27.44px + 2.36vw, 70px);


    background:
        url("../images/faq_bg_lt.svg") no-repeat left top / clamp(123.008px, 96.4px + 8.31vw, 246px) clamp(123.008px, 96.4px + 8.31vw, 246px),
        url("../images/faq_bg_rb.svg") no-repeat right bottom / clamp(123.008px, 96.4px + 8.31vw, 246px) clamp(123.008px, 96.4px + 8.31vw, 246px),
        #F1F1F1;

    padding-top: clamp(65.008px, 50.944px + 4.39vw, 130px);
    padding-bottom: clamp(65.008px, 50.944px + 4.39vw, 130px);
}

@media (max-width: 1096px) {
    .faq-area {
        grid-template-columns: 1fr;
        background:
            url("../images/faq_bg_rb.svg") no-repeat right bottom / clamp(123.008px, 96.4px + 8.31vw, 246px) clamp(123.008px, 96.4px + 8.31vw, 246px),
            #F1F1F1;
    }
}

.faq-items {
    display: grid;
    gap: clamp(20px, 15.68px + 1.35vw, 40px);
    width: 100%;
}

.faq-items__item {
    border-radius: 20px;
    background: #FFFFFF;
}

.faq-items__item>dt {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: white;
    border-radius: clamp(10px, 7.84px + 0.68vw, 20px);

    cursor: pointer;
    user-select: none;

    color: #B75717;
    font-size: clamp(1.125rem, 1.071rem + 0.27vw, 1.375rem);
    font-weight: bold;
    line-height: 1.1;

    position: relative;
    padding: clamp(22px, 17.248px + 1.49vw, 44px) clamp(40px, 31.344px + 2.7vw, 80px) clamp(18px, 14.112px + 1.22vw, 36px) 30px;

    width: 100%;

    transition: all 0.1s;
}

.faq-items__item>dt::before,
.faq-items__item>dt::after {
    display: block;
    content: "";

    aspect-ratio: 35 / 5;
    background-color: currentColor;

    position: absolute;
    top: 50%;
    right: clamp(15.008px, 11.76px + 1.01vw, 30px);

    height: auto;
    width: clamp(20px, 16.752px + 1.01vw, 35.008px);

    transition: all 0.1s;
}

.faq-items__item>dt::before {
    transform: translate(0%, -50%);
}

.faq-items__item>dt::after {
    transform-origin: 50% 50%;
    transform: translate(0%, -50%) rotate(90deg);
}

.faq-items__item--open>dt {
    color: white;
    background: #B75717;
}

.faq-items__item--open>dt::after {
    transform: translate(0%, -50%) rotate(0);
}

.faq-items__item>dd {
    display: none;
    font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
    font-weight: bold;
    line-height: 2;
    text-align: left;
    padding: clamp(17.008px, 13.104px + 1.22vw, 35.008px) clamp(20px, 15.68px + 1.35vw, 40px) clamp(20px, 15.68px + 1.35vw, 40px);
}

.blogArea{
    grid-column: 1 / 3;
}

.blog-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(20px, 15.68px + 1.35vw, 40px);
    width: 100%;
    margin-top: 40px;
}

.blog-items__item {
    display: block;
    background: #FFFFFF;
    padding: clamp(22px, 17.248px + 1.49vw, 44px) 30px clamp(18px, 14.112px + 1.22vw, 36px) 30px;
    border-radius: clamp(10px, 7.84px + 0.68vw, 20px);
}

.blog-items__item__heading {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

.blog-items__item__heading__underlined {
    text-decoration: solid underline #A24C3244 13px;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}

.blog-items__item__text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.75;
    margin-top: 20px;
}

.blog-button {
    width:200px;
    height:40px;
    margin: 20px auto 0 auto;
}
.blog-button a{
    font-size:14px;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color:#FFFFFF;
    background: #A24C32;
    font-weight: bold;
}

@media (max-width: 1096px) {
.blogArea{
    grid-column: 1 / 2;
}

.blog-items {
    grid-template-columns: 1fr;
}

}

/*--------------------------------------
    contactArea
--------------------------------------*/

.contact-area {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(auto, 32fr) 82fr;
    gap: clamp(28px, 21.952px + 1.89vw, 56px);

    background: url(../images/contact_bg_lb.svg) no-repeat left bottom / clamp(12.5rem, 5.595rem + 34.53vw, 44.438rem) auto;

    padding-top: clamp(50px, 39.184px + 3.38vw, 100px);
    padding-bottom: clamp(50px, 39.184px + 3.38vw, 100px);
}

@media (max-width: 1096px) {
    .contact-area {
        grid-template-columns: 1fr;
    }
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
    background-color: #F1F1F1;
    border: none;

    font-size: clamp(1.125rem, 1.098rem + 0.14vw, 1.25rem);
    line-height: 2;

    padding: clamp(3.008px, 2.56px + 0.14vw, 5.008px);
    width: 100%;
}

.contact-form input[type="checkbox"] {
    appearance: none;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    background-color: #F1F1F1;
    border: none;

    position: relative;

    width: clamp(1.875rem, 1.74rem + 0.68vw, 2.5rem);
}

.contact-form input[type="checkbox"]::after {
    display: block;
    content: "";
    background: transparent;
    mask-image: none;
    width: 100%;
    height: 100%;
    transition: background-color 0.1s ease;
}

.contact-form input[type="checkbox"]:checked::after {
    background-color: #B75717;
    mask-image: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.00039 10.8001L3.20039 8.00012L2.26672 8.93345L6.00039 12.6668L14.0004 4.66679L13.0671 3.73345L6.00039 10.8001Z"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.contact-form__fields {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: clamp(12px, 9.408px + 0.81vw, 24px);

    margin-bottom: clamp(24px, 18.816px + 1.62vw, 48px);
}

.contact-form__fields br {
    display: none;
}

.contact-form__fields>p {
    display: contents;
}

.contact-form__fields>p>label {
    display: grid;
    grid-column: span 2;
    grid-template-columns: subgrid;
}

.contact-form__fields>p>label:not(:last-of-type) {
    border-bottom: 1px dashed #707070;
    padding-bottom: clamp(25.008px, 19.6px + 1.69vw, 50px);
    margin-bottom: clamp(25.008px, 19.6px + 1.69vw, 50px);
}

.contact-form__fields>p>label>span:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(8px, 6.272px + 0.54vw, 16px);

    font-size: clamp(1.125rem, 1.098rem + 0.14vw, 1.25rem);
    font-weight: bold;
    line-height: 2;
}

.contact-form__fields>p>label:last-child>span:nth-of-type(1) {
    align-self: baseline;
}

.contact-form__fields>p>label>span:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
}

.contact-form__acceptance {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-rows: auto auto;
    gap: clamp(12px, 9.408px + 0.81vw, 24px);

    margin-bottom: clamp(27.008px, 21.168px + 1.82vw, 54px);
}

.contact-form__acceptance br {
    display: none;
}

.contact-form__acceptance>p {
    display: contents;
}

.contact-form__acceptance>p>label {
    display: contents;
}

.contact-form__acceptance>p>label>span:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 6.272px + 0.54vw, 16px);
}

.contact-form__acceptance .wpcf7-form-control-wrap,
.contact-form__acceptance .wpcf7-form-control,
.contact-form__acceptance .wpcf7-list-item {
    display: contents;
}

.contact-form__acceptance label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 6.272px + 0.54vw, 16px);
}

.contact-form__acceptance label>span {
    font-size: clamp(1.125rem, 1.098rem + 0.14vw, 1.25rem);
    font-weight: bold;
    line-height: 1.3;
}

.contact-form__policy {
    font-size: clamp(1.125rem, 1.098rem + 0.14vw, 1.25rem);
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.contact-form__policy>a {
    color: #121FDF;
    text-decoration: underline;
}

.contact-form__submit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 9.408px + 0.81vw, 24px);
}

.contact-form__submit>p {
    display: contents;
}

.contact-form-required {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #B75717;

    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    word-break: keep-all;

    padding: clamp(4px, 3.136px + 0.27vw, 8px) 14px;
}

@media (max-width: 1024px) {
    .contact-form__fields {
        grid-template-columns: 1fr;
    }

    .contact-form__fields>p>label {
        display: grid;
        grid-column: 1;
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
}

/*--------------------------------------
    footer
--------------------------------------*/

.footer {
    background:
        url("../images/footer_bg_left.svg") no-repeat left calc(clamp(150px, 117.568px + 10.14vw, 300px) * -1) top calc(clamp(100px, 78.384px + 6.76vw, 200px) * -1) / clamp(50px, -90.544px + 43.92vw, 700px) auto,
        url("../images/footer_bg_right.svg") no-repeat right calc(clamp(60px, 47.024px + 4.05vw, 120px) * -1) top calc(clamp(50px, 39.184px + 3.38vw, 100px) * -1) / clamp(320px, 250.816px + 21.62vw, 640px) auto,
        #B75717;
    padding-top: clamp(40px, 31.344px + 2.7vw, 80px);
    padding-bottom: clamp(45.008px, 35.264px + 3.04vw, 90px);
}

.footer-profile {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: calc(var(--spacing) * 7);
}

.footer-profile__img {
    display: flex;
    align-items: center;
    gap: 18px;
}

.footer-profile__details {
    display: grid;
    grid-template-rows: auto auto 1fr;
}

.footer-profile__details__qualification {
    color: white;
    font-size: clamp(1.125rem, 1.098rem + 0.14vw, 1.25rem);
    font-weight: bold;
}

.footer-profile__details__name {
    color: white;
    font-size: clamp(1.5rem, 1.392rem + 0.54vw, 2rem);
    font-weight: bold;
}

.footer-profile__details__description {
    color: white;
    font-size: clamp(1rem, 0.973rem + 0.14vw, 1.125rem);
    font-weight: bold;
    line-height: 1.6666;
    margin-top: auto;
}

.footer-access {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--spacing) * 10);
}

.footer-access__map>iframe {
    width: 100%;
    height: 100%;
}

.footer-access__details {
    display: grid;
    grid-template-rows: auto auto;
    row-gap: calc(var(--spacing) * 4);
}

.footer-access__details__img {
    aspect-ratio: 58 / 30;
    width: 100%;
}

.footer-access__details__address {
    color: white;
    font-size: clamp(1rem, 0.973rem + 0.14vw, 1.125rem);
    font-weight: bold;
    line-height: 1.6;
}

.footer-access__details__address__url {
    color: white;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .footer-profile {
        grid-template-columns: 1fr;
    }

    .footer-access {
        grid-template-columns: 1fr;
    }

    .footer-access__map {
        grid-row: 2;

        aspect-ratio: 58 / 30;
        width: 100%;
    }

    .footer-access__details {
        grid-row: 1;
    }

    .footer-access__details__img {
        grid-row: 2;
    }

    .footer-access__details__address {
        grid-row: 1;
    }
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: white;

    font-size: 1rem;
    line-height: 1;

    height: 54px;
}