section
{
    position: relative;

    width: 100%;
}

.breadcrumbs
{
    position: relative;
    z-index: 1;
}

.lead
{
    position: relative;

    width: 100%;
    margin: 0 auto 80px;

    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .lead
    {
        margin-bottom: 0;
        padding-bottom: max(10vw, 60px);
    }
}
.lead__bg
{
    position: absolute;
}
.lead__bg--left
{
    bottom: 0;
    left: 0;

    width: clamp(7.813rem, -9.046rem + 26.32vw, 15.625rem);

    transform: translateY(50%);
}
@media screen and (max-width: 1024px)
{
    .lead__bg--left
    {
        width: min(250px, 40vw);

        transform: translateY(100%);
    }
}
.lead__bg--center
{
    top: 15%;
    left: 50%;

    width: 100%;

    transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px)
{
    .lead__bg--center
    {
        top: 50%;
    }
}
.lead__bg img
{
    width: 100%;
}
.lead__inner
{
    position: relative;
    z-index: 2;

    width: 90%;
    margin: 0 auto;
}
.lead__ttl
{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.6666666667;

    margin-bottom: 20px;

    letter-spacing: .03em;

    color: var(--c_bl);
}
@media screen and (max-width: 1024px)
{
    .lead__ttl
    {
        font-size: 20px;

        margin-bottom: 10px;
    }
}
.lead__text
{
    font-size: 16px;
    line-height: 2;

    letter-spacing: 0;
}
@media screen and (max-width: 1024px)
{
    .lead__text
    {
        font-size: 14px;
    }
}

.about
{
    position: relative;

    width: 100%;
    margin: 160px auto 0;
}
@media screen and (max-width: 1024px)
{
    .about
    {
        margin: max(20vw, 150px) auto 0;
    }
}
.about__bg
{
    position: absolute;
    z-index: 0;
}
.about__bg--right
{
    top: 0;
    right: 0;

    width: clamp(6.25rem, -7.237rem + 21.05vw, 12.5rem);
}
@media screen and (max-width: 768px)
{
    .about__bg--right
    {
        width: 20vw;

        transform: translateY(-50%);
    }
}
.about__bg img
{
    width: 100%;
}
.about__inner
{
    position: relative;
    z-index: 2;

    display: grid;

    width: 90%;
    max-width: 1200px;
    margin: 0 auto;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 80px;
}
@media screen and (max-width: 768px)
{
    .about__inner
    {
        row-gap: 50px;
    }
}
.about__box
{
    position: relative;

    width: 100%;
    margin: 0 auto;
    margin-left: 0;
    padding: 60px 0;
}
@media screen and (max-width: 768px)
{
    .about__box
    {
        padding: 40px 0;
    }
}
.about__box--left
{
    padding-left: 5%;
}
.about__box--left::before
{
    left: 0;
}
.about__box--left .about__box-num
{
    left: 2.5%;
}
.about__box--left .about__box-inner
{
    margin-right: 0;

    grid-template-columns: 1fr 50.9090909091%;
}
@media screen and (max-width: 768px)
{
    .about__box--left .about__box-inner
    {
        grid-template-columns: repeat(1, 1fr);
    }
}
.about__box--right
{
    padding-right: 5%;
}
.about__box--right::before
{
    right: 0;
}
.about__box--right .about__box-num
{
    right: 2.5%;
}
.about__box--right .about__box-inner
{
    margin-left: 0;

    grid-template-columns: 50.9090909091% 1fr;
}
@media screen and (max-width: 768px)
{
    .about__box--right .about__box-inner
    {
        grid-template-columns: repeat(1, 1fr);
    }
}
.about__box--right .about__content
{
    order: 2;
}
@media screen and (max-width: 768px)
{
    .about__box--right .about__content
    {
        margin: 0 auto;
        margin-right: 0;

        order: 1;
    }
}
.about__box--right .about__img
{
    order: 1;
}
@media screen and (max-width: 768px)
{
    .about__box--right .about__img
    {
        order: 2;
    }
}
@media screen and (max-width: 768px)
{
    .about__box--03
    {
        display: flex;
        flex-direction: column;
    }
    .about__box--03 .about__box-inner
    {
        display: contents;
    }
    .about__box--03 .about__content
    {
        order: 1;
    }
    .about__box--03 .about__point
    {
        order: 2;
    }
    .about__box--03 .about__img
    {
        order: 3;
    }
}
.about__box--03 .about__box-inner
{
    align-items: start;
}
.about__box::before
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 83.6363636364%;
    height: 100%;

    content: '';

    background: rgba(0, 104, 183, .06);
}
@media screen and (max-width: 768px)
{
    .about__box::before
    {
        width: 95%;
    }
}
.about__box-bg
{
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 0;

    width: 13.6363636364%;

    transform: translateX(-100%);
}
@media screen and (max-width: 768px)
{
    .about__box-bg
    {
        width: 20vw;
    }
}
.about__box-bg img
{
    width: 100%;
}
.about__box-inner
{
    position: relative;
    z-index: 2;

    display: grid;

    width: 100%;
    max-width: 1100px;
    margin: 0 auto;

    align-items: center;
    -moz-column-gap: 8.1818181818%;
         column-gap: 8.1818181818%;
}
@media screen and (max-width: 768px)
{
    .about__box-inner
    {
        width: 95%;
        margin-left: 5%;

        -moz-column-gap: 0;

             column-gap: 0;
        row-gap: 30px;
    }
}
.about__box-num
{
    font-size: 80px;
    font-style: italic;
    line-height: 1;

    position: absolute;
    z-index: 2;
    top: 0;

    transform: translateY(-60%);

    color: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .about__box-num
    {
        font-size: 60px;
    }
}
.about__content
{
    width: 100%;
}
@media screen and (max-width: 768px)
{
    .about__content
    {
        width: 85%;
    }
}
.about__content-ttl
{
    font-size: 32px;
    line-height: 1.6;

    color: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .about__content-ttl
    {
        font-size: 24px;
    }
}
.about__content-text
{
    font-size: var(--fz_md);
    line-height: 1.875;

    width: 100%;
    margin: 50px auto 0;
}
@media screen and (max-width: 1024px)
{
    .about__content-text
    {
        margin: 20px auto 0;
    }
}
.about__content-list
{
    display: grid;

    width: 100%;
    margin: 30px auto 0;
    padding: 30px 4.4444444444%;

    border-block: 1px solid #aaa;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1em;
}
@media screen and (max-width: 768px)
{
    .about__content-list
    {
        margin: 20px auto 0;
        padding: 20px 4.4444444444%;
    }
}
.about__content-list-item
{
    font-size: var(--fz_md);

    display: grid;

    width: 100%;

    grid-template-columns: auto 1fr;
    -moz-column-gap: .5em;
         column-gap: .5em;
    align-items: center;
}
.about__content-list-item::before
{
    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .about__content-list-item::before
    {
        width: 10px;
        height: 10px;
    }
}
.about__point
{
    position: relative;
    z-index: 2;

    display: grid;

    width: 100%;
    max-width: 1100px;
    margin: 50px auto 20px;
    margin-right: 0;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
}
@media screen and (max-width: 768px)
{
    .about__point
    {
        margin: 20px auto 30px;
    }
}
.about__point-item
{
    display: grid;

    width: 65.4545454545%;
    padding: 40px 2.7777777778%;

    background: var(--white);

    grid-template-columns: auto 1fr;
    -moz-column-gap: 3.4722222222%;
         column-gap: 3.4722222222%;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .about__point-item
    {
        width: 90%;
        padding: 20px 5%;

        grid-template-columns: repeat(1, 1fr);
        row-gap: 10px;
    }
}
.about__point-num
{
    display: flex;
    flex-direction: column;

    width: 70px;
    height: auto;

    color: var(--white);
    border-radius: 50%;
    background: var(--c_bl);

    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .about__point-num
    {
        width: 50px;
        margin: 0 auto;
    }
}
.about__point-num p
{
    font-size: 10px;
}
@media screen and (max-width: 768px)
{
    .about__point-num p
    {
        font-size: 8px;
    }
}
.about__point-num span
{
    font-size: 26px;
}
@media screen and (max-width: 768px)
{
    .about__point-num span
    {
        font-size: 20px;
    }
}
.about__point-detail
{
    font-size: var(--fz_md);
    line-height: 1.875;
}
.about__point-detail span
{
    color: var(--c_bl);
}

.quality
{
    position: relative;

    width: 100%;
    margin: 160px auto 0;
    padding: 100px 0;

    background: url(/wp-content/themes/yuzawa/common/img/common-bg.webp);
}
@media screen and (max-width: 768px)
{
    .quality
    {
        margin: 100px auto 0;
        padding: 50px 0;
    }
}
.quality__bg
{
    position: absolute;
    z-index: 0;
}
.quality__bg--01
{
    top: 0;
    right: 0;

    width: clamp(12.5rem, -17.752rem + 47.27vw, 26.563rem);

    transform: translateY(-50%);
}
@media screen and (max-width: 768px)
{
    .quality__bg--01
    {
        width: 45vw;
    }
}
.quality__bg--02
{
    top: 50%;
    left: 0;

    width: clamp(6.25rem, -2.489rem + 13.66vw, 10.313rem);

    transform: translateY(-50%);
}
@media screen and (max-width: 768px)
{
    .quality__bg--02
    {
        top: 55%;

        width: 20vw;
    }
}
.quality__bg--03
{
    right: 0;
    bottom: 25%;

    width: clamp(6.25rem, -3.431rem + 15.13vw, 10.75rem);
}
@media screen and (max-width: 768px)
{
    .quality__bg--03
    {
        bottom: 20%;

        width: 20vw;
    }
}
.quality__inner
{
    position: relative;
    z-index: 1;

    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}
.quality__ttl
{
    font-size: 32px;
    font-weight: 500;

    display: flex;
    flex-direction: column;

    letter-spacing: .08em;

    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
@media screen and (max-width: 768px)
{
    .quality__ttl
    {
        font-size: 24px;

        row-gap: 10px;
    }
}
.quality__ttl::before
{
    width: 25px;
    height: 25px;

    content: '';

    border: 4px solid var(--c_bl);
    border-radius: 50%;
}
@media screen and (max-width: 768px)
{
    .quality__ttl::before
    {
        width: 20px;
        height: 20px;

        border: 2px solid var(--c_bl);
    }
}
.quality__list
{
    width: 100%;
    margin: 50px auto 0;
}
@media screen and (max-width: 768px)
{
    .quality__list
    {
        margin: 30px auto 0;
    }
}
.quality__item
{
    width: 100%;
    padding: 60px 0;

    border-top: 1px solid #d5d5d5;
}
@media screen and (max-width: 768px)
{
    .quality__item
    {
        padding: 50px 0;
    }
}
.quality__item--03 .quality__item-inner
{
    grid-template-columns: repeat(1, 1fr);
}
.quality__item-inner
{
    display: grid;

    width: min(100%, 1000px);
    margin: 0 auto;

    grid-template-columns: 1fr 46%;
    -moz-column-gap: 4%;
         column-gap: 4%;
}
@media screen and (max-width: 768px)
{
    .quality__item-inner
    {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }
}
.quality__content
{
    display: grid;

    width: 100%;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 25px;
}
@media screen and (max-width: 768px)
{
    .quality__content
    {
        row-gap: 15px;
    }
}
.quality__content-ttl
{
    font-size: 28px;
    font-weight: 500;

    display: grid;

    color: var(--c_bl);

    grid-template-columns: 55px 1fr;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .quality__content-ttl
    {
        font-size: 20px;

        grid-template-columns: 40px 1fr;
        -moz-column-gap: 10px;
             column-gap: 10px;
    }
}
.quality__content-ttl-num
{
    font-size: 26px;
    font-weight: 200;

    display: flex;

    width: 100%;

    color: var(--white);
    border-radius: 50%;
    background: var(--c_bl);

    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .quality__content-ttl-num
    {
        font-size: 20px;
    }
}
.quality__content-text
{
    font-size: 16px;
    font-size: var(--fz_md);
    font-weight: 500;
    line-height: 2.1875;

    letter-spacing: 0;
}
.quality__content-gallery
{
    display: grid;

    width: 100%;
    margin: 30px auto 0;

    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 5%;
         column-gap: 5%;
    row-gap: 80px;
}
@media screen and (max-width: 768px)
{
    .quality__content-gallery
    {
        margin: 0 auto;

        grid-template-columns: repeat(1, 1fr);
        -moz-column-gap: 0;
             column-gap: 0;
        row-gap: 40px;
    }
}
.quality__content-gallery-item
{
    display: grid;

    width: 100%;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 40px;
}
@media screen and (max-width: 768px)
{
    .quality__content-gallery-item
    {
        row-gap: 20px;
    }
}
.quality__content-gallery-item img
{
    width: 100%;
}
.quality__content-gallery-item--100
{
    grid-column: span 2;
}
@media screen and (max-width: 768px)
{
    .quality__content-gallery-item--100
    {
        grid-column: span 1;
    }
}
.quality__content-gallery-caption
{
    display: grid;

    width: 100%;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
}
@media screen and (max-width: 768px)
{
    .quality__content-gallery-caption
    {
        row-gap: 10px;
    }
}
.quality__content-gallery-caption h4
{
    font-size: 22px;
    line-height: 1.35;

    width: 100%;
    padding: 3px 0 3px 15px;

    letter-spacing: .05em;

    border-left: 3px solid var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .quality__content-gallery-caption h4
    {
        font-size: 18px;

        padding: 2px 0 2px 10px;

        border-left: 2px solid var(--c_bl);
    }
}
.quality__content-gallery-caption p
{
    font-size: 16px;
    font-size: var(--fz_md);
    font-weight: 500;
    line-height: 2.1875;

    letter-spacing: 0;
}
.quality__img
{
    display: grid;

    place-content: center;
    place-items: center;
}
.quality__img--mark img
{
    width: 80%;
}
.quality__example
{
    width: 100%;
    margin: 100px auto 0;
    padding: 70px 0 30px;

    background: var(--white);
}
@media screen and (max-width: 768px)
{
    .quality__example
    {
        margin: 30px auto 0;
        padding: 20px 0 20px;
    }
}
.quality__example-ttl
{
    font-size: 28px;
    font-weight: 500;
    line-height: 1.35;

    text-align: center;

    color: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .quality__example-ttl
    {
        font-size: 24px;
    }
}
.quality__example-list
{
    width: 90%;
    max-width: 730px;
    margin: 30px auto 0;
}
@media screen and (max-width: 768px)
{
    .quality__example-list
    {
        margin: 20px auto 0;
    }
}
.quality__example-item
{
    display: grid;

    width: 100%;
    padding: 40px 0;

    grid-template-columns: 27.397260274% 1fr;
    align-items: center;
    -moz-column-gap: 4.1095890411%;
         column-gap: 4.1095890411%;
}
@media screen and (max-width: 768px)
{
    .quality__example-item
    {
        padding: 20px 0;

        grid-template-columns: repeat(1, 1fr);
        row-gap: 10px;
    }
}
.quality__example-item:nth-child(n+2)
{
    border-top: 1px solid #a2a2a2;
}
.quality__example-label
{
    font-size: var(--fz_xl);
    font-weight: 400;

    display: flex;

    justify-content: flex-end;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .quality__example-label
    {
        justify-content: flex-start;
    }
}
.quality__example-content
{
    width: 100%;
}
.quality__example-content-list
{
    display: grid;

    grid-template-columns: repeat(1, 1fr);
    row-gap: .5em;
}
@media screen and (max-width: 768px)
{
    .quality__example-content-list
    {
        row-gap: .3em;
    }
}
.quality__example-content-item
{
    font-size: 16px;
    font-size: var(--fz_md);
    line-height: 2.1875;

    display: grid;

    letter-spacing: .05em;

    grid-template-columns: auto 1fr;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
@media screen and (max-width: 768px)
{
    .quality__example-content-item
    {
        line-height: 1.5;

        -moz-column-gap: 5px;

             column-gap: 5px;
    }
}
.quality__example-content-item::before
{
    width: 10px;
    height: 10px;
    margin-top: .85em;

    content: '';

    border-radius: 50%;
    background: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .quality__example-content-item::before
    {
        width: 8px;
        height: 8px;
        margin-top: .55em;
    }
}

.products
{
    position: relative;

    width: 100%;
}
.products__bg
{
    position: absolute;
    z-index: 0;
}
.products__bg--right
{
    top: 0;
    right: 0;

    width: clamp(16.25rem, -18.546rem + 54.32vw, 32.375rem);
}
@media screen and (max-width: 768px)
{
    .products__bg--right
    {
        width: 60vw;
    }
}
.products__bg--left
{
    top: 50%;
    left: 0;

    width: clamp(4.688rem, -5.428rem + 15.79vw, 9.375rem);
}
.products__bg img
{
    width: 100%;
}
.products__inner
{
    position: relative;
    z-index: 1;

    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 0 0;
}
@media screen and (max-width: 768px)
{
    .products__inner
    {
        padding: 50px 0 0;
    }
}
.products__ttl
{
    font-size: 32px;
    font-weight: 500;

    display: flex;
    flex-direction: column;

    letter-spacing: .08em;

    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
@media screen and (max-width: 768px)
{
    .products__ttl
    {
        font-size: 24px;

        row-gap: 10px;
    }
}
.products__ttl::before
{
    width: 25px;
    height: 25px;

    content: '';

    border: 4px solid var(--c_bl);
    border-radius: 50%;
}
@media screen and (max-width: 768px)
{
    .products__ttl::before
    {
        width: 20px;
        height: 20px;

        border: 2px solid var(--c_bl);
    }
}
.products__subttl
{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;

    width: 100%;
    margin: 0 auto;

    text-align: center;

    color: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .products__subttl
    {
        font-size: 18px;
    }
}
.products__logo
{
    width: 90%;
    max-width: 600px;
    margin: 80px auto 0;
}
@media screen and (max-width: 768px)
{
    .products__logo
    {
        margin: 40px auto 0;
    }
}
.products__logo-inner
{
    width: 100%;
    padding: 40px 0;

    background: rgba(0, 104, 183, .06);
}
.products__logo-list
{
    display: grid;

    width: 80%;
    max-width: 415px;
    margin: 0 auto;

    grid-template-columns: 31.3253012048% 43.3734939759%;
    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .products__logo-list
    {
        grid-template-columns: 36.1445783133% 48.1927710843%;
    }
}
.products__logo-item
{
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
    row-gap: 10px;
}
.products__logo-img
{
    width: 100%;
}
.products__logo-name
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: var(--fz_md);
    font-weight: 400;
}
.products__logo-note
{
    display: flex;
    flex-direction: column;

    width: 100%;
    margin: 15px auto 0;

    justify-content: center;
    align-items: flex-start;
    row-gap: .25em;
}
@media screen and (max-width: 768px)
{
    .products__logo-note
    {
        margin: 10px auto 0;
    }
}
.products__logo-note p
{
    font-size: var(--fz_sm);

    color: #737373;
}
.products__archive
{
    width: 100%;
    margin: 60px auto 120px;
}
@media screen and (max-width: 768px)
{
    .products__archive
    {
        margin: 50px auto 60px;
    }
}
.products__archive-ttl
{
    font-size: var(--fz_lg);
    font-weight: 500;
    line-height: 1.6;

    text-align: center;
}
.products__archive-box
{
    width: min(100%, 1000px);
    margin: 40px auto 0;
    padding: 90px 0;

    background: #f5f5f5;
}
@media screen and (max-width: 768px)
{
    .products__archive-box
    {
        margin: 20px auto 0;
        padding: 30px 0;
    }
}
.products__archive-inner
{
    display: grid;

    width: 90%;
    max-width: 820px;
    margin: 0 auto;

    grid-template-columns: repeat(1, 1fr);
    row-gap: 80px;
}
@media screen and (max-width: 768px)
{
    .products__archive-inner
    {
        row-gap: 50px;
    }
}
.products__archive-item-ttl
{
    font-size: 20px;
    font-size: var(--fz_xl);
    line-height: 1.6;

    display: grid;

    width: 100%;

    letter-spacing: .025em;

    grid-template-columns: auto 1fr;
    align-items: center;
    -moz-column-gap: 1.8292682927%;
         column-gap: 1.8292682927%;
}
@media screen and (max-width: 768px)
{
    .products__archive-item-ttl
    {
        -moz-column-gap: 2%;
             column-gap: 2%;
    }
}
.products__archive-item-ttl::before
{
    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background: var(--c_bl);
}
@media screen and (max-width: 768px)
{
    .products__archive-item-ttl::before
    {
        width: 10px;
        height: 10px;
    }
}
.products__archive-item-list
{
    display: grid;

    width: 100%;
    margin: 20px auto 0;
    padding: 20px 0 0;

    border-top: 1px solid #cfcfcf;

    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 6.0975609756%;
         column-gap: 6.0975609756%;
    row-gap: 20px;
    align-items: start;
}
@media screen and (max-width: 768px)
{
    .products__archive-item-list
    {
        margin: 10px auto 0;
        padding: 10px 0 0;

        grid-template-columns: repeat(3, 1fr);
        -moz-column-gap: 3%;
             column-gap: 3%;
        row-gap: 15px;
    }
}
.products__archive-item-name
{
    font-size: var(--fz_md);
    font-weight: 500;
    line-height: 1.35;
}

.bg-bl
{
    position: relative;

    overflow: hidden;

    padding: calc(var(--wave-h) + 80px) 0 120px;

    background: none;

    --width: 1500;
    --height: 159;
    --aspect-ratio: calc(var(--width) / var(--height));
    --wave-h: calc(100vw / var(--aspect-ratio));
    --overlap: 2px;
}
@media screen and (max-width: 1024px)
{
    .bg-bl
    {
        padding: calc(var(--wave-h) + 40px) 0 50px;
    }
}
.bg-bl::before
{
    position: absolute;
    z-index: 0;

    content: '';
    pointer-events: none;

    background: url(/wp-content/themes/yuzawa/common/img/bg-bl.webp) top/cover no-repeat;

    inset: 0;
    -webkit-mask-image: url(/wp-content/themes/yuzawa/common/img/wave.png), linear-gradient(#000 0 0);
            mask-image: url(/wp-content/themes/yuzawa/common/img/wave.png), linear-gradient(#000 0 0);
    -webkit-mask-repeat: no-repeat, no-repeat;
            mask-repeat: no-repeat, no-repeat;
    -webkit-mask-size: 100% auto, 100% 100%;
            mask-size: 100% auto, 100% 100%;
    -webkit-mask-position: center top, 0 calc(var(--wave-h) - var(--overlap));
            mask-position: center top, 0 calc(var(--wave-h) - var(--overlap));
    -webkit-mask-size: 100% auto, 100% calc(100% - var(--wave-h) + var(--overlap));
            mask-size: 100% auto, 100% calc(100% - var(--wave-h) + var(--overlap));
            mask-composite: add;
    -webkit-mask-composite: source-over;
}
.bg-bl > *
{
    position: relative;
    z-index: 1;
}

.cta
{
    width: 100%;
    margin: 0 auto;
}
.cta__inner
{
    width: min(90%, 1100px);
    margin: 0 auto;
}
.cta__ttl
{
    font-size: 36px;
    font-weight: 500;
    font-weight: 500;
    line-height: 1.6;

    text-align: center;

    color: var(--white);
}
@media screen and (max-width: 768px)
{
    .cta__ttl
    {
        font-size: 24px;
    }
}
.cta__text
{
    font-size: 20px;
    font-weight: 500;
    font-weight: 500;
    line-height: 2;

    width: 100%;
    margin: 60px auto 0;

    text-align: center;

    color: var(--white);
}
@media screen and (max-width: 768px)
{
    .cta__text
    {
        font-size: 16px;

        margin: 30px auto 0;

        text-align: left;
    }
    .cta__text br
    {
        display: none;
    }
}
.cta__btn
{
    display: flex;

    margin: 60px auto 0;

    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .cta__btn
    {
        margin: 30px auto 0;
    }
}
/*# sourceMappingURL=style.css.map */