/* ============== .fv ============== */
.fv
{
    position: relative;

    width: 100%;
    height: 48.95833vw;
  
    background-color: #f6f4ee;


    /* 背景表示後 */
    /* copy + leaf 表示 */
}

@media print, screen and (max-width: 1920px)
{
    .fv
    {
        height: 48.95833vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv
    {
        height: 158.8vw;
    }
}

.fv__copy
{
    position: absolute;
    z-index: 1;
    top: 20.625vw;
    left: 5.20833vw;

    width: 723px;
}

@media print, screen and (max-width: 1920px)
{
    .fv__copy
    {
        top: 20.625vw;
        left: 5.20833vw;

        width: 37.65625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .fv__copy
    {
        top: 20.60156vw;

        width: 41.65625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__copy
    {
        top: 22.72vw;
        left: 4vw;

        width: 82.66667vw;
    }
}

.fv__copy > img
{
    display: block;

    width: 100%;
}

.fv__bg
{
    overflow: hidden;

    width: 100%;
    height: 100%;
    margin-top: 100px;

    -webkit-transition: opacity 2.4s ease, -webkit-transform 2.4s ease, -webkit-filter 2.4s ease;
            transition: opacity 2.4s ease, -webkit-transform 2.4s ease, -webkit-filter 2.4s ease;
            transition: opacity 2.4s ease, transform 2.4s ease, filter 2.4s ease;
            transition: opacity 2.4s ease, transform 2.4s ease, filter 2.4s ease, -webkit-transform 2.4s ease, -webkit-filter 2.4s ease;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);

    opacity: 0;

    -webkit-filter: blur(15px);
            filter: blur(15px);
}

@media print, screen and (max-width: 1920px)
{
    .fv__bg
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .fv__bg
    {
        margin-top: 9.17969vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__bg
    {
        margin-top: 17.33333vw;
    }
}

.fv__bg img
{
    display: block;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}

@media print, screen and (max-width: 1920px)
{
    .fv__bg
    {
        -webkit-transform: translateY(-1.5625vw);
                transform: translateY(-1.5625vw);

        -webkit-filter: blur(.78125vw);
                filter: blur(.78125vw);
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__bg
    {
        -webkit-transform: translateY(-4vw);
                transform: translateY(-4vw);

        -webkit-filter: blur(2vw);
                filter: blur(2vw);
    }
}

.fv__leaf
{
    position: absolute;
    bottom: 194px;
    left: -26px;

    width: 215px;
}

@media print, screen and (max-width: 1920px)
{
    .fv__leaf
    {
        bottom: 10.10417vw;
        left: -1.35417vw;

        width: 11.19792vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__leaf
    {
        bottom: 67.65333vw;
        left: -2.97333vw;

        width: 38.4vw;
    }
}

.fv__leaf img
{
    display: block;

    width: 100%;
}

.fv__copy,
.fv__leaf
{
    -webkit-transition: opacity 1.4s ease, -webkit-transform 1.4s ease, -webkit-filter 1.8s ease;
            transition: opacity 1.4s ease, -webkit-transform 1.4s ease, -webkit-filter 1.8s ease;
            transition: opacity 1.4s ease, transform 1.4s ease, filter 1.8s ease;
            transition: opacity 1.4s ease, transform 1.4s ease, filter 1.8s ease, -webkit-transform 1.4s ease, -webkit-filter 1.8s ease;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);

    opacity: 0;

    -webkit-filter: blur(12px);
            filter: blur(12px);
}

@media print, screen and (max-width: 1920px)
{
    .fv__copy,
    .fv__leaf
    {
        -webkit-transform: translateY(2.08333vw);
                transform: translateY(2.08333vw);

        -webkit-filter: blur(.625vw);
                filter: blur(.625vw);
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__copy,
    .fv__leaf
    {
        -webkit-transform: translateY(5.33333vw);
                transform: translateY(5.33333vw);

        -webkit-filter: blur(1.6vw);
                filter: blur(1.6vw);
    }
}

.fv.is-bg-show .fv__bg
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.fv.is-bg-show .fv__bg img
{
    -webkit-transform: scale(1);
            transform: scale(1);
}

.fv.is-content-show .fv__copy,
.fv.is-content-show .fv__leaf
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.fv.cms-show .fv__bg,
.fv.cms-show .fv__copy,
.fv.cms-show .fv__leaf
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

/* JSが動かない環境（smooooth管理画面など）では最初から表示 */
.fv:not(.is-anim) .fv__bg,
.fv:not(.is-anim) .fv__copy,
.fv:not(.is-anim) .fv__leaf
{
    -webkit-transform: none;
            transform: none;

    opacity: 1;

    -webkit-filter: none;
            filter: none;
}

/* 非表示状態に切り替わる瞬間はトランジションさせない（フェードアウト防止） */
.fv.is-anim:not(.is-bg-show) .fv__bg,
.fv.is-anim:not(.is-content-show) .fv__copy,
.fv.is-anim:not(.is-content-show) .fv__leaf
{
    -webkit-transition: none;
            transition: none;
}

/* ============== .topAboutSec ============== */
.topAboutSec
{
  
    position: relative;
    z-index: 0;

    padding: 230px 0 200px 0;

    background-color: #f6f4ee;

}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec
    {
        padding: 11.97917vw 0 10.41667vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec
    {
        padding: 26.66667vw 0 20vw 0;
    }
}

.topAboutSec__circle
{
    position: absolute;
    z-index: -1;

    border-radius: 50%;
    background-color: rgba(242, 185, 111, .2);

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

.topAboutSec__circle--01
{
    top: 301px;
    left: 764px;

    width: 333px;
    height: 333px;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__circle--01
    {
        top: 15.67708vw;
        left: 39.79167vw;

        width: 17.34375vw;
        height: 17.34375vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__circle--01
    {
        top: 40.13333vw;
        left: -2.66667vw;

        width: 44.4vw;
        height: 44.4vw;
    }
}

.topAboutSec__circle--02
{
    bottom: 636px;
    left: 45px;

    width: 185px;
    height: 185px;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__circle--02
    {
        bottom: 33.125vw;
        left: 2.34375vw;

        width: 9.63542vw;
        height: 9.63542vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__circle--02
    {
        right: 0;
        bottom: 100.8vw;
        left: auto;

        width: 24.66667vw;
        height: 24.66667vw;
    }
}

.topAboutSec__inner
{
    width: 1450px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__inner
    {
        width: 75.52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAboutSec__inner
    {
        width: 76.5208vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__inner
    {
        width: 90%;
    }
}

.topAboutSec__outer
{
    max-width: 1920px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__outer
    {
        max-width: 100vw;
    }
}

.topAboutSec__wrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 1686px;
    margin-top: 112px;
    margin-left: auto;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__wrp
    {
        width: 87.8125vw;
        margin-top: 5.83333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAboutSec__wrp
    {
        width: 88.8125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__wrp
    {
            flex-direction: column;

        width: 100%;
        margin-top: 10.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topAboutSec__left
{
    width: 644px;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__left
    {
        width: 33.54167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAboutSec__left
    {
        width: 34.5417vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__left
    {
        width: 90%;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__right
    {
        width: 90%;
        margin: 0 auto;
        margin-top: 9.33333vw;
    }
}

.topAboutSec__txt
{
    line-height: 2;

    text-align: left;
}

.topAboutSec__btn
{
    margin-top: 116px;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__btn
    {
        margin-top: 6.04167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__btn
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto;
        margin-top: 10.66667vw;
    }
}

.topAboutSec__img
{
    width: 929px;
}

@media print, screen and (max-width: 1920px)
{
    .topAboutSec__img
    {
        width: 48.38542vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAboutSec__img
    {
        width: 100%;
    }
}

.topAboutSec__img img
{
    width: 100%;
    height: auto;
}

/* ============== .topWorriesSec ============== */
.topWorriesSec
{
    padding: 300px 0 200px 0;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 235, 216, 0)), color-stop(10%, #e3ebd8));
    background: linear-gradient(to bottom, rgba(227, 235, 216, 0) 0%, #e3ebd8 10%);
    background-color: #f6f4ee;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec
    {
        padding: 15.625vw 0 10.41667vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec
    {
        padding: 26.66667vw 0 26.66667vw 0;
    }
}

.topWorriesSec__txt
{
    line-height: 1.7;

    margin-top: 40px;

    text-align: center;
    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__txt
    {
        margin-top: 2.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__txt
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__txt
    {
        margin-top: 5.33333vw;
    }
}

.topWorriesSec__itemWrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 1340px;
    margin: 0 auto;
    margin-top: 60px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 80px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__itemWrp
    {
        width: 69.79167vw;
        margin-top: 3.125vw;

        gap: 4.16667vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__itemWrp
    {
        margin-top: 5.85938vw;

        gap: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__itemWrp
    {
        width: 74.79173vw;
        margin-top: 8vw;

        gap: 8vw;
    }
}

.topWorriesSec__item
{
    position: relative;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 393px;
    min-height: 382px;
    padding: 53px 30px 30px 30px;

    -webkit-transition: .3s;
            transition: .3s;

    border: 1px solid transparent;
    border-radius: 20px;
    background-color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__item
    {
        width: 20.46875vw;
        min-height: 19.89583vw;
        padding: 2.76042vw 1.5625vw 1.5625vw 1.5625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__item
    {
        width: 30.46875vw;
        padding: 3.17578vw 2.92969vw 2.92969vw 2.92969vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__item
    {
        width: 100%;
        min-height: 50.93333vw;
        padding: 9.86667vw 8vw 8vw 8vw;
    }
}

@media (any-hover: hover)
{
    .topWorriesSec__item:hover
    {
        border: 1px solid #a8c5c4;
    }
    .topWorriesSec__item:hover .topWorriesSec__more
    {
        color: #a8c5c4;
    }
    .topWorriesSec__item:hover .topWorriesSec__more::after
    {
        background-image: url(../images/img_top_worries_arrow_hover_01.svg);
    }
}

@media (any-hover: hover)
{
    .topWorriesSec__item:nth-child(2):hover
    {
        border: 1px solid #d3a5a0;
    }
    .topWorriesSec__item:nth-child(2):hover .topWorriesSec__more
    {
        color: #d3a5a0;
    }
    .topWorriesSec__item:nth-child(2):hover .topWorriesSec__more::after
    {
        background-image: url(../images/img_top_worries_arrow_hover_02.svg);
    }
}

@media (any-hover: hover)
{
    .topWorriesSec__item:nth-child(3):hover
    {
        border: 1px solid #d9ddd7;
    }
    .topWorriesSec__item:nth-child(3):hover .topWorriesSec__more
    {
        color: #969492;
    }
    .topWorriesSec__item:nth-child(3):hover .topWorriesSec__more::after
    {
        background-image: url(../images/img_top_worries_arrow_hover_03.svg);
    }
}

@media (any-hover: hover)
{
    .topWorriesSec__item:nth-child(4):hover
    {
        border: 1px solid #e4c76f;
    }
    .topWorriesSec__item:nth-child(4):hover .topWorriesSec__more
    {
        color: #e4c76f;
    }
    .topWorriesSec__item:nth-child(4):hover .topWorriesSec__more::after
    {
        background-image: url(../images/img_top_worries_arrow_hover_04.svg);
    }
}

@media (any-hover: hover)
{
    .topWorriesSec__item:nth-child(5):hover
    {
        border: 1px solid #d3ae83;
    }
    .topWorriesSec__item:nth-child(5):hover .topWorriesSec__more
    {
        color: #d3ae83;
    }
    .topWorriesSec__item:nth-child(5):hover .topWorriesSec__more::after
    {
        background-image: url(../images/img_top_worries_arrow_hover_05.svg);
    }
}

.topWorriesSec__popImg
{
    position: absolute;
    top: 15px;
    right: 20px;

    width: 90px;
    height: 90px;

    border-radius: 50%;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__popImg
    {
        top: .78125vw;
        right: 1.04167vw;

        width: 4.6875vw;
        height: 4.6875vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__popImg
    {
        top: .97656vw;
        right: .97656vw;

        width: 6.83594vw;
        height: 6.83594vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__popImg
    {
        top: 2vw;
        right: 2.66667vw;

        width: 20vw;
        height: 20vw;
    }
}

.topWorriesSec__popImg img
{
    display: block;

    width: 100%;
}

.topWorriesSec__img
{
    margin: 0 auto;
}

.topWorriesSec__img--01
{
    width: 129px;
    margin-top: 8px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__img--01
    {
        width: 6.71875vw;
        margin-top: .41667vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__img--01
    {
        width: 9.66797vw;
        margin-top: -.29297vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__img--01
    {
        width: 17.2vw;
        margin-top: 0;
    }
}

.topWorriesSec__img--02
{
    width: 136px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__img--02
    {
        width: 7.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__img--02
    {
        width: 9.42188vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__img--02
    {
        width: 18.13333vw;
    }
}

.topWorriesSec__img--03
{
    width: 117px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__img--03
    {
        width: 6.09375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__img--03
    {
        width: 9.05664vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__img--03
    {
        width: 15.6vw;
    }
}

.topWorriesSec__img--04
{
    width: 81px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__img--04
    {
        width: 4.21875vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__img--04
    {
        width: 6.56641vw;
        margin-top: -.68359vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__img--04
    {
        width: 10.8vw;
        margin-top: 0;
    }
}

.topWorriesSec__img--05
{
    width: 145px;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__img--05
    {
        width: 7.55208vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__img--05
    {
        width: 10.10742vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__img--05
    {
        width: 19.33333vw;
    }
}

.topWorriesSec__img img
{
    display: block;

    width: 100%;
}

.topWorriesSec__catch
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1.6;

    margin-top: 20px;

    text-align: center;
    letter-spacing: .05em;

    color: #211e1b;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__catch
    {
        margin-top: 1.04167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__catch
    {
        margin-top: 2.66667vw;
    }
}

.topWorriesSec__more
{
    font-weight: 500;
    line-height: 1.6;

    position: relative;

    width: 241px;
    margin: 0 auto;
    margin-top: 55px;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: left;
    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__more
    {
        width: 12.55208vw;
        margin-top: 2.86458vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__more
    {
        width: 100%;
        margin-top: 5.37109vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__more
    {
        margin-top: 7.33333vw;
    }
}

.topWorriesSec__more:before
{
    position: absolute;
    position: absolute;
    top: -20px;
    left: 50%;

    width: 333px;
    height: 1px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #e3ebd8;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__more:before
    {
        width: 17.34375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__more:before
    {
        width: 100%;
    }
}

.topWorriesSec__more:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 13px;
    height: 8px;
    margin: auto 0;

    content: '';

    background-image: url(../images/img_top_worries_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .topWorriesSec__more:after
    {
        width: .67708vw;
        height: .41667vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topWorriesSec__more:after
    {
        width: 1.26953vw;
        height: .78125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topWorriesSec__more:after
    {
        width: 3.46667vw;
        height: 2.13333vw;
    }
}

.topWorriesSec__btn
{
    text-align: center;
}

/* ============== .topServiceSec ============== */
.topServiceSec
{
    padding-bottom: 236px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #e3ebd8), to(rgba(227, 235, 216, 0)));
    background: linear-gradient(to bottom, #e3ebd8 90%, rgba(227, 235, 216, 0) 100%);
    background-color: #f6f4ee;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec
    {
        padding-bottom: 12.29167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec
    {
        padding-bottom: 31.46667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec .c-lead__leadTxt
    {
        font-size: 5.06667vw;
    }
}

.topServiceSec__inner
{
    width: 1450px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__inner
    {
        width: 75.52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__inner
    {
        width: 90.52734vw;
    }
}

.topServiceSec__itemWrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 60px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__itemWrp
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__itemWrp
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__itemWrp
    {
            flex-direction: column;

        margin-top: 8vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topServiceSec__item
{
    width: 625px;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__item
    {
        width: 32.55208vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__item
    {
        width: 40.55205vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__item
    {
        width: 100%;
    }
}

.topServiceSec__item:last-child
{
    padding-top: 80px;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__item:last-child
    {
        padding-top: 4.16667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__item:last-child
    {
        padding-top: 13.33333vw;
    }
}

.topServiceSec__img
{
    width: 100%;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__img
    {
        width: 100%;
    }
}

.topServiceSec__img img
{
    display: block;

    width: 100%;
}

.topServiceSec__ttlWrp
{
    font-family: 'Zen Old Mincho', serif;

    margin-top: 60px;

    text-align: left;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__ttlWrp
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__ttlWrp
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__ttlWrp
    {
        margin-top: 5.33333vw;
    }
}

.topServiceSec__catchWrp
{
    font-weight: 500;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    letter-spacing: .15em;

    color: #9b7a59;
}

.topServiceSec__catchNum
{
    margin-right: 10px;

    color: #ffa800;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__catchNum
    {
        margin-right: .52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__catchNum
    {
        margin-right: .97656vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__catchNum
    {
        margin-right: 1.33333vw;
    }
}

.topServiceSec__ttl
{
    font-weight: 500;

    margin-top: 15px;

    letter-spacing: .15em;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__ttl
    {
        margin-top: .78125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__ttl
    {
        margin-top: 2vw;
    }
}

.topServiceSec__txt
{
    line-height: 2;

    margin-top: 20px;

    text-align: left;
    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__txt
    {
        margin-top: 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__txt
    {
        margin-top: 1.95312vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__txt
    {
        margin-top: 2.66667vw;
    }
}

.topServiceSec__btn
{
    margin-top: 40px;
}

@media print, screen and (max-width: 1920px)
{
    .topServiceSec__btn
    {
        margin-top: 2.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topServiceSec__btn
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topServiceSec__btn
    {
        margin-top: 5.33333vw;
    }
}

/* ============== .topRecommendSec ============== */
.topRecommendSec
{
    position: relative;

    padding: 200px 0 421px 0;

    background-color: #f6f4ee;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec
    {
        padding: 200px 0 421px 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topRecommendSec
    {
        padding: 19.53125vw 0 21.58203vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec
    {
        padding: 26.66667vw 0 46.8vw;
    }
}

.topRecommendSec__circle
{
    position: absolute;

    border-radius: 50%;
    background-color: rgba(242, 185, 111, .2);

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

.topRecommendSec__circle--01
{
    top: 300px;
    left: 0;

    width: 207px;
    height: 207px;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__circle--01
    {
        top: 15.625vw;

        width: 10.78125vw;
        height: 10.78125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__circle--01
    {
        top: 40vw;

        width: 27.6vw;
        height: 27.6vw;
    }
}

.topRecommendSec__circle--02
{
    bottom: 520px;
    left: 731px;

    width: 281px;
    height: 281px;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__circle--02
    {
        bottom: 27.08333vw;
        left: 38.07292vw;

        width: 14.63542vw;
        height: 14.63542vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__circle--02
    {
        right: 0;
        bottom: 152.33333vw;
        left: auto;

        width: 37.46667vw;
        height: 37.46667vw;
    }
}

.topRecommendSec__outer
{
    max-width: 1920px;
    margin: 0 auto;
}

.topRecommendSec__wrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 1800px;
    margin-left: auto;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__wrp
    {
        width: 93.75vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__wrp
    {
        width: 100%;
    }
}

.topRecommendSec__left
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 251px;

    text-align: left;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__left
    {
        padding-top: 13.07292vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topRecommendSec__left
    {
        padding-top: 3.07292vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__left
    {
        width: 90%;
        margin: 0 auto;
        padding-top: 4.19556vw;
    }
}

.topRecommendSec__txt
{
    line-height: 2.3;

    margin-top: 40px;

    text-align: left;
    letter-spacing: .2em;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__txt
    {
        margin-top: 2.08333vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__txt
    {
        margin-top: 5.33333vw;
    }
}

.topRecommendSec__btn
{
    margin-top: 80px;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__btn
    {
        margin-top: 4.16667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__btn
    {
        margin-top: 10.66667vw;
    }
}

.topRecommendSec__right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 913px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__right
    {
        width: 47.5vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topRecommendSec__right
    {
        width: 37.5vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__right
    {
        width: 100%;
        margin-top: 13.33333vw;
    }
}

.topRecommendSec__img
{
    width: 456px;
}

@media print, screen and (max-width: 1920px)
{
    .topRecommendSec__img
    {
        width: 23.75vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topRecommendSec__img
    {
        width: 18.75vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topRecommendSec__img
    {
        width: 50vw;
    }
}

.topRecommendSec__img > img
{
    display: block;

    width: 100%;
}

/* ============== .topFirstSec ============== */
.topFirstSec
{
    position: relative;

    padding: 10px 0 60px 0;

    background-color: #f4ebdd;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec
    {
        padding: .52083vw 0 3.125vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec
    {
        padding: 1.33333vw 0 8vw 0;
    }
}

.topFirstSec:before
{
    position: absolute;
    top: -190px;
    left: 0;

    width: 100%;
    height: 218px;

    content: '';

    background-image: url(../images/img_top_first_bg_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec:before
    {
        top: -9.89583vw;

        height: 11.35417vw;
    }
}

@media screen and (min-width: 1921px)
{
    .topFirstSec:before
    {
        top: -9.375vw;

        height: 10.83333vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec:before
    {
        top: -25.33333vw;

        height: 29.06667vw;

        background-image: url(../images/img_top_first_bg_01_sp.png);
    }
}

.topFirstSec:after
{
    position: absolute;
    z-index: 1;
    bottom: -159px;
    left: 0;

    width: 100%;
    height: 218px;

    content: '';

    background-image: url(../images/img_top_first_bg_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec:after
    {
        bottom: -8.28125vw;

        height: 11.35417vw;
    }
}

@media screen and (min-width: 1921px)
{
    .topFirstSec:after
    {
        bottom: -8.80208vw;

        height: 10.83333vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec:after
    {
        bottom: -21.2vw;

        height: 29.06667vw;

        background-image: url(../images/img_top_first_bg_02_sp.png);
    }
}

.topFirstSec__itemWrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 81px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__itemWrp
    {
        margin-top: 4.21875vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__itemWrp
    {
        margin-top: 5.85938vw;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 3.90625vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__itemWrp
    {
        margin-top: 8vw;

        gap: 10.66667vw;
    }
}

.topFirstSec__item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 303px;
    min-height: 280px;
    padding: 30px 26px;

    border-radius: 10px;
    background-color: rgba(255, 255, 255, .75);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__item
    {
        width: 15.78125vw;
        min-height: 14.58333vw;
        padding: 1.5625vw 1.35417vw;

        border-radius: .52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__item
    {
        width: 25.19531vw;
        min-height: 20.3125vw;
        padding: 2.92969vw 2.53906vw;

        border-radius: .97656vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__item
    {
        width: 70%;
        min-height: 53.33333vw;
        padding: 8vw 6.93333vw;

        border-radius: 2.66667vw;
    }
}

.topFirstSec__item:before
{
    position: absolute;
    top: 0;
    right: -25px;
    bottom: 0;

    width: 9px;
    height: 23px;
    margin: auto 0;

    content: '';

    background-image: url(../images/img_top_first_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__item:before
    {
        right: -1.30208vw;

        width: .46875vw;
        height: 1.19792vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__item:before
    {
        right: -2.44141vw;

        width: .87891vw;
        height: 2.24609vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__item:before
    {
        top: auto;
        right: 0;
        bottom: -6.66667vw;
        left: 0;

        width: 1.2vw;
        height: 3.06667vw;
        margin: 0 auto;

        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}

.topFirstSec__item:last-child:before
{
    display: none;
}

.topFirstSec__img
{
    margin: 0 auto;
}

.topFirstSec__img--01
{
    width: 82px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__img--01
    {
        width: 4.27083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__img--01
    {
        width: 6.05469vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__img--01
    {
        width: 14.93333vw;
    }
}

.topFirstSec__img--02
{
    width: 83px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__img--02
    {
        width: 4.32292vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__img--02
    {
        width: 6.15234vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__img--02
    {
        width: 15.06667vw;
    }
}

.topFirstSec__img--03
{
    width: 75px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__img--03
    {
        width: 3.90625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__img--03
    {
        width: 5.56641vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__img--03
    {
        width: 14vw;
    }
}

.topFirstSec__img--04
{
    width: 99px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__img--04
    {
        width: 5.15625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__img--04
    {
        width: 7.32422vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__img--04
    {
        width: 17.2vw;
    }
}

.topFirstSec__img--05
{
    width: 88px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__img--05
    {
        width: 4.58333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__img--05
    {
        width: 6.44531vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__img--05
    {
        width: 15.73333vw;
    }
}

.topFirstSec__img > img
{
    display: block;

    width: 100%;
}

.topFirstSec__stepTxtWrp
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.topFirstSec__stepTxtWrp:before
{
    position: absolute;
    top: 50%;
    left: -5px;

    width: 75px;
    height: 1px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #829c81;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp:before
    {
        left: -.26042vw;

        width: 3.90625vw;
        height: .05208vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp:before
    {
        left: -.66667vw;

        width: 14vw;
        height: .13333vw;
    }
}

.topFirstSec__stepTxtWrp:after
{
    position: absolute;
    top: 50%;
    right: -5px;

    width: 75px;
    height: 1px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #829c81;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp:after
    {
        right: -.26042vw;

        width: 3.90625vw;
        height: .05208vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp:after
    {
        right: -.66667vw;

        width: 14vw;
        height: .13333vw;
    }
}

.topFirstSec__stepTxtWrp--01
{
    margin-top: 17px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp--01
    {
        margin-top: .88542vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__stepTxtWrp--01
    {
        margin-top: 1.66016vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp--01
    {
        margin-top: 8.93333vw;
    }
}

.topFirstSec__stepTxtWrp--02
{
    margin-top: 33px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp--02
    {
        margin-top: 1.71875vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__stepTxtWrp--02
    {
        margin-top: 3.22266vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp--02
    {
        margin-top: 11.06667vw;
    }
}

.topFirstSec__stepTxtWrp--03
{
    margin-top: 27px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp--03
    {
        margin-top: 1.40625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__stepTxtWrp--03
    {
        margin-top: 2.63672vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp--03
    {
        margin-top: 10.26667vw;
    }
}

.topFirstSec__stepTxtWrp--04
{
    margin-top: 19px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp--04
    {
        margin-top: .98958vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__stepTxtWrp--04
    {
        margin-top: 1.85547vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp--04
    {
        margin-top: 9.2vw;
    }
}

.topFirstSec__stepTxtWrp--05
{
    margin-top: 32px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxtWrp--05
    {
        margin-top: 1.66667vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__stepTxtWrp--05
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__stepTxtWrp--05
    {
        margin-top: 10.93333vw;
    }
}

.topFirstSec__stepTxt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;

    letter-spacing: .15em;

    color: #829c81;
}

.topFirstSec__stepTxt--num
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;

    color: #eaa049;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__stepTxt--num
    {
        padding-left: .20833vw;
    }
}

.topFirstSec__txt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1.3;

    margin-top: 9px;

    text-align: center;
    letter-spacing: .05em;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__txt
    {
        margin-top: .46875vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__txt
    {
        margin-top: .87891vw;
    }
}

.topFirstSec__message
{
    margin-top: 60px;
}

@media print, screen and (max-width: 1920px)
{
    .topFirstSec__message
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topFirstSec__message
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topFirstSec__message
    {
        line-height: 2;

        margin-top: 8vw;
    }
}

/* ============== .topNewsSec ============== */
.topNewsSec
{
    position: relative;

    padding: 357px 0 250px 0;

    background-color: #f6f4ee;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec
    {
        padding: 18.59375vw 0 13.02083vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec
    {
        padding: 47.6vw 0 33.33333vw 0;
    }
}

.topNewsSec__circle
{
    position: absolute;
    right: 0;
    bottom: 153px;

    width: 284px;
    height: 284px;

    border-radius: 50%;
    background-color: rgba(242, 185, 111, .2);

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__circle
    {
        bottom: 7.96875vw;

        width: 14.79167vw;
        height: 14.79167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__circle
    {
        bottom: 20.4vw;

        width: 37.86667vw;
        height: 37.86667vw;
    }
}

.topNewsSec__wrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1025px)
{
    .topNewsSec__wrp
    {
            flex-direction: column;

        margin-top: 3.90625vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__wrp
    {
        margin-top: 10.66667vw;
    }
}

.topNewsSec__left--pc
{
    display: block;
}

@media print, screen and (max-width: 1025px)
{
    .topNewsSec__left--pc
    {
        display: none;
    }
}

.topNewsSec__left--pd
{
    display: none;
}

@media print, screen and (max-width: 1025px)
{
    .topNewsSec__left--pd
    {
        display: block;
    }
}

.topNewsSec__right
{
    width: 1155px;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__right
    {
        width: 60.15625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNewsSec__right
    {
        width: 100%;
    }
}

.topNewsSec__btn
{
    margin-top: 100px;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__btn
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__btn
    {
        margin-top: 10.66667vw;
    }
}

.topNewsSec__item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__item
    {
        padding: 2.08333vw 1.5625vw;

        gap: 3.125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__item
    {
            flex-direction: column;

        padding: 5.33333vw 4vw;

        gap: 8vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topNewsSec__item:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    border-top: 1px dashed #9d754d;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__item:before
    {
        height: .05208vw;

        border-top: .05208vw dashed #9d754d;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__item:before
    {
        height: .13333vw;

        border-top: .13333vw dashed #9d754d;
    }
}

.topNewsSec__item:last-child:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    border-bottom: 1px dashed #9d754d;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__item:last-child:after
    {
        height: .05208vw;

        border-bottom: .05208vw dashed #9d754d;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__item:last-child:after
    {
        height: .13333vw;

        border-bottom: .13333vw dashed #9d754d;
    }
}

@media (any-hover: hover)
{
    .topNewsSec__item:hover .topNewsSec__img > img
    {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
    .topNewsSec__item:hover .topNewsSec__txt > span::before
    {
        width: 100%;
    }
}

.topNewsSec__img
{
    overflow: hidden;

    width: 400px;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__img
    {
        width: 20.83333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNewsSec__img
    {
        width: 29.29688vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__img
    {
        width: 100%;
    }
}

.topNewsSec__img > img
{
    display: block;

    width: 100%;

    -webkit-transition: .3s;
            transition: .3s;
}

.topNewsSec__txtTop
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topNewsSec__date
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;

    margin-right: 20px;

    -webkit-transition: .3s;
            transition: .3s;
    letter-spacing: .15em;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__date
    {
        margin-right: 1.04167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__date
    {
        margin-right: 2.66667vw;
    }
}

.topNewsSec__category
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 20px;

    border-radius: 100px;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__category
    {
        padding: .26042vw 1.04167vw;

        border-radius: 5.20833vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__category
    {
        padding: .66667vw 2.66667vw;

        border-radius: 13.33333vw;
    }
}

.topNewsSec__category--orange
{
    background-color: #e5b276;
}

.topNewsSec__category--green
{
    background-color: #afcb9f;
}

.topNewsSec__categoryTxt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;

    -webkit-transition: .3s;
            transition: .3s;
    letter-spacing: .1em;

    color: #fff;
}

.topNewsSec__txt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 2;

    position: relative;

    margin-top: 15px;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: left;
    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__txt
    {
        margin-top: .78125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNewsSec__txt
    {
        margin-top: 2vw;
    }
}

.topNewsSec__txt > span
{
    position: relative;
}

.topNewsSec__txt > span:before
{
    position: absolute;
    bottom: 3px;
    left: 0;

    width: 0;
    height: .8px;

    content: '';
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;

    background-color: #39342e;
}

@media print, screen and (max-width: 1920px)
{
    .topNewsSec__txt > span:before
    {
        bottom: -.15625vw;

        height: .04167vw;
    }
}

/* ============== .topSalonInfoSec ============== */
.topSalonInfoSec
{
    position: relative;
    z-index: 0;

    padding-bottom: 200px;

    background-color: #f6f4ee;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec
    {
        padding-bottom: 10.41667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec
    {
        padding-bottom: 26.66667vw;
    }
}

.topSalonInfoSec__circle
{
    position: absolute;
    z-index: -1;

    border-radius: 50%;
    background-color: rgba(242, 185, 111, .2);

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

.topSalonInfoSec__circle--01
{
    bottom: 492px;
    left: -44px;

    width: 284px;
    height: 284px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__circle--01
    {
        bottom: 25.625vw;
        left: -2.29167vw;

        width: 14.79167vw;
        height: 14.79167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__circle--01
    {
        bottom: 156.6vw;
        left: -5.86667vw;

        width: 37.86667vw;
        height: 37.86667vw;
    }
}

.topSalonInfoSec__circle--02
{
    right: 0;
    bottom: 0;

    width: 284px;
    height: 284px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__circle--02
    {
        width: 14.79167vw;
        height: 14.79167vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__circle--02
    {
        width: 37.86667vw;
        height: 37.86667vw;
    }
}

.topSalonInfoSec__outer
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 114px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__outer
    {
        padding-left: 5.9375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topSalonInfoSec__outer
    {
        padding-left: 0;
    }
}

.topSalonInfoSec__wrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 51px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__wrp
    {
        margin-top: 2.65625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__wrp
    {
            flex-direction: column;

        margin-top: 6.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topSalonInfoSec__left
{
    width: 567px;
    margin-top: 50px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__left
    {
        width: 29.53125vw;
        margin-top: 2.60417vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topSalonInfoSec__left
    {
        width: 42.53125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__left
    {
        width: 100%;
        margin-top: 6.66667vw;
    }
}

.topSalonInfoSec__infoCont
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 24px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__infoCont
    {
        padding: 2.08333vw 1.25vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__infoCont
    {
            flex-direction: column;

        padding: 5.33333vw 3.2vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 2.66667vw;
    }
}

.topSalonInfoSec__infoCont:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #e3ebd8;
}

.topSalonInfoSec__infoCont:last-child:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #e3ebd8;
}

.topSalonInfoSec__term
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1.7;

    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 190px;
    padding-left: 60px;

    text-align: left;
    letter-spacing: .2em;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__term
    {
        width: 9.89583vw;
        padding-left: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topSalonInfoSec__term
    {
        width: 12.8958vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__term
    {
        width: 100%;
        padding-left: 10.66667vw;
    }
}

.topSalonInfoSec__term:before
{
    position: absolute;
    top: -5px;
    left: 0;

    width: 36px;
    height: 36px;

    content: '';

    background-image: url(../images/img_top_salon_info_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__term:before
    {
        top: -.46875vw;

        width: 1.875vw;
        height: 1.875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__term:before
    {
        top: 0vw;

        width: 6.13333vw;
        height: 6.13333vw;
    }
}

.topSalonInfoSec__description
{
    line-height: 1.7;

    text-align: left;
    letter-spacing: .1em;
}

.topSalonInfoSec__attention
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 25px;
    padding: 15px 24px;

    border-radius: 5px;
    background-color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__attention
    {
        margin-top: 1.30208vw;
        padding: .78125vw 1.25vw;

        border-radius: .26042vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__attention
    {
        margin-top: 6.66667vw;
        padding: 2vw 3.2vw;

        border-radius: .66667vw;
    }
}

.topSalonInfoSec__attentionTxt
{
    line-height: 1.5;

    text-align: left;
    letter-spacing: .1em;

    color: #9d754d;
}

.topSalonInfoSec__btn
{
    margin-top: 100px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__btn
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__btn
    {
        margin-top: 16vw;
    }
}

.topSalonInfoSec__img
{
    width: 804px;
}

@media print, screen and (max-width: 1920px)
{
    .topSalonInfoSec__img
    {
        width: 41.875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topSalonInfoSec__img
    {
        width: 100%;
    }
}

.topSalonInfoSec__img > img
{
    display: block;

    width: 100%;
}
.topNewsSec__category[data-category="お知らせ"] {
    background-color: #E5B276;
}
.topNewsSec__category[data-category="読みもの"] {
    background-color: #AFCB9F;
}