/* ==========================================================================
hariPage
========================================================================== */
.base__inner
{
    position: relative;
    z-index: 1; 

    max-width: 1000px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.base__container
{
    overflow-x: hidden;
}

.hariCare
{
    padding-top: 100px;
    padding-bottom: 100px;

    background: transparent url(../images/common/bg-blue.png) repeat top center/100%;
}

@media screen and (max-width: 767px)
{
    .hariCare
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariCare__heading
{
    margin-bottom: 40px; 

    text-align: center;
}

.hariCare__text
{
    margin-bottom: 100px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariCare__text
    {
        margin-bottom: 60px;
    }
}

.hariCare__title
{
    font-size: 28px;
    line-height: 1.3; 

    position: relative;

    margin-bottom: 50px;
    padding-bottom: 20px;

    text-align: center;

    background: transparent url(../images/body/menu-heading-border.png) no-repeat bottom center/100%;
}

@media screen and (max-width: 767px)
{
    .hariCare__title
    {
        font-size: 20px;
    }
}

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

    max-width: 590px;
    margin: 0 auto 50px;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .hariCare__wrapper
    {
        max-width: 300px; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
    }
}

.hariCare__img-box
{
    width: 130px;
}

.hariCare__img-box img
{
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .hariCare__img-box:nth-of-type(n + 3)
    {
        margin-top: 20px;
    }
}

.hariCare__object
{
    position: absolute;
    top: -10px;
    left: -130px;

    width: 100px;
    height: 105px; 

    background: transparent url(../images/hari/care-object.png) no-repeat top center/cover;
}

@media screen and (max-width: 1023px)
{
    .hariCare__object
    {
        display: none;
    }
}

.hariFeature__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariFeature__heading
    {
        margin-bottom: 60px;

        -webkit-transform: scale(.5);

                transform: scale(.5);
    }
}

.hariFeature__container
{
    margin-bottom: 40px;
}

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

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

.hariFeature__wrapper:nth-of-type(n + 2)
{
    margin-top: 50px;
}

@media screen and (max-width: 767px)
{
    .hariFeature__wrapper
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .hariFeature__wrapper.reverse
    {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
}

.hariFeature__img-box
{
    width: 48%;

    -webkit-box-shadow: -7px 7px 0 0 #ebaea7;

            box-shadow: -7px 7px 0 0 #ebaea7;
}

@media screen and (max-width: 767px)
{
    .hariFeature__img-box
    {
        width: 100%;
        height: 59vw;
        margin-bottom: 30px; 

        -webkit-box-shadow: -4px 4px 0 0 #ebaea7; 

                box-shadow: -4px 4px 0 0 #ebaea7;
    }
}

.hariFeature__img-box.reverse
{
    -webkit-box-shadow: 7px 7px 0 0 #ebaea7;
            box-shadow: 7px 7px 0 0 #ebaea7;
}

@media screen and (max-width: 767px)
{
    .hariFeature__img-box.reverse
    {
        -webkit-box-shadow: 4px 4px 0 0 #ebaea7;
                box-shadow: 4px 4px 0 0 #ebaea7;
    }
}

.hariFeature__img-box--01
{
    background: #fff url(../images/hari/feature-img_1.jpg) no-repeat top center/contain;
}

.hariFeature__img-box--02
{
    background: #fff url(../images/hari/feature-img_2.jpg) no-repeat top center/contain;
}

.hariFeature__img-box--03
{
    background: #fff url(../images/hari/feature-img_3.jpg) no-repeat top center/contain;
}

.hariFeature__textarea
{
    width: 48%;
}

@media screen and (max-width: 767px)
{
    .hariFeature__textarea
    {
        width: 100%;
    }
}

.hariFeature__title
{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3; 

    margin-bottom: 20px;

    color: #3878c8;
}

@media screen and (max-width: 767px)
{
    .hariFeature__title
    {
        font-size: 24px;
    }
}

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

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .hariFeature__link-box
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.hariFeature__link
{
    width: 430px;
}

.hariFeature__link img
{
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .hariFeature__link
    {
        width: 100%;
    }
    .hariFeature__link:nth-of-type(n + 2)
    {
        margin-top: 20px;
    }
}

.hariFeature__object
{
    position: absolute;
    right: -390px;
    bottom: -100px;

    width: 342px;
    height: 225px; 

    background: transparent url(../images/hari/feature-object.png) no-repeat top center/cover;
}

@media screen and (max-width: 1023px)
{
    .hariFeature__object
    {
        display: none;
    }
}

.hariFlow
{
    padding-top: 100px;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px)
{
    .hariFlow
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariFlow__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariFlow__heading
    {
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
}

.hariFlow__title-box
{
    margin-bottom: 50px; 
    padding: 3px;

    border: 1px solid #3878c8;
    background-color: #ddf0fa;
}

.hariFlow__title
{
    font-size: 30px;
    font-weight: 600;

    padding: 12px 0;

    text-align: center;

    color: #3878c8;
    border: 1px solid #3878c8; 
    background-color: #ddf0fa;
}

@media screen and (max-width: 767px)
{
    .hariFlow__title
    {
        font-size: 24px;
    }
}

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

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .hariFlow__wrapper
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.hariFlow__textarea
{
    width: 60%;
}

@media screen and (max-width: 767px)
{
    .hariFlow__textarea
    {
        width: 100%;
        margin-bottom: 30px;
    }
}

.hariFlow__flow-title-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px;
    padding: 0 0 20px 20px;

    background: transparent url(../images/body/menu-heading-border.png) no-repeat bottom center/100%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

.hariFlow__number
{
    font-size: 18px;

    margin-right: 10px; 
    padding: 5px;

    color: #fff;
    background-color: #f6b37f;
}

@media screen and (max-width: 767px)
{
    .hariFlow__number
    {
        font-size: 14px;
    }
}

.hariFlow__flow-title
{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
}

@media screen and (max-width: 767px)
{
    .hariFlow__flow-title
    {
        font-size: 20px;
    }
}

.hariFlow__img-box
{
    width: 35%;
}

@media screen and (max-width: 767px)
{
    .hariFlow__img-box
    {
        width: 100%;
    }
}

.hariFlow__img-box--01
{
    height: 286px; 

    background: transparent url(../images/hari/flow-img_1.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px)
{
    .hariFlow__img-box--01
    {
        height: 76vw;
    }
}

.hariFlow__img-box--02
{
    height: 286px; 

    background: transparent url(../images/hari/flow-img_2.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px)
{
    .hariFlow__img-box--02
    {
        height: 76vw;
    }
}

.hariFlow__img-box--03
{
    height: 286px; 

    background: transparent url(../images/hari/flow-img_3.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px)
{
    .hariFlow__img-box--03
    {
        height: 76vw;
    }
}

.hariFlow__arrow
{
    position: relative;

    overflow: hidden;

    width: 369px;
    height: 52px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.hariFlow__arrow::before
{
    position: absolute;
    top: -70px;
    left: 124px;

    width: 140px;
    height: 140px;

    content: '';
    -webkit-transform: scaleY(.5) rotate(45deg);
            transform: scaleY(.5) rotate(45deg); 

    background-color: #ddf0fa;
}

@media screen and (max-width: 767px)
{
    .hariFlow__arrow::before
    {
        left: 28%;
    }
}

.hariFlow__object
{
    position: absolute;
    bottom: -80px;
    left: -290px;

    width: 203px;
    height: 278px; 

    background: transparent url(../images/hari/flow-object.png) no-repeat top center/cover;
}

.hariMenu
{
    padding-top: 100px;
    padding-bottom: 100px;

    background: transparent url(../images/common/bg-blue.png) repeat top center/100%;
}

@media screen and (max-width: 767px)
{
    .hariMenu
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariMenu__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariMenu__heading
    {
        margin-bottom: 60px;

        -webkit-transform: scale(.5);

                transform: scale(.5);
    }
}

.hariMenu__title
{
    font-size: 28px;
    line-height: 1.5;

    margin-bottom: 30px;
    padding-bottom: 30px; 

    text-align: center;

    background: transparent url(../images/hari/border-pink.png) no-repeat bottom center/100%;
}

@media screen and (max-width: 767px)
{
    .hariMenu__title
    {
        font-size: 20px;
    }
}

.hariMenu__small
{
    font-size: 14px;
}

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

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .hariMenu__wrapper
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.hariMenu__flag
{
    width: 370px;
    margin-right: 40px;
}

.hariMenu__flag img
{
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .hariMenu__flag
    {
        width: 100%;
        margin-bottom: 30px;
    }
}

.hariMenu__textarea
{
    width: 500px;
}

@media screen and (max-width: 767px)
{
    .hariMenu__textarea
    {
        width: 100%;
    }
}

.hariMenu__object
{
    position: absolute;
    top: -80px;
    left: -190px;

    width: 143px;
    height: 130px; 

    background: transparent url(../images/hari/menu-object.png) no-repeat top center/cover;
}

.hariAfter
{
    padding-top: 100px;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px)
{
    .hariAfter
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariAfter__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariAfter__heading
    {
        margin-bottom: 60px;

        -webkit-transform: scale(.5);

                transform: scale(.5);
    }
}

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

    padding: 20px 40px;

    background-color: #f2d8db;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .hariAfter__container
    {
        padding: 30px; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
    }
}

.hariAfter__container--left
{
    width: 25%;
}

@media screen and (max-width: 767px)
{
    .hariAfter__container--left
    {
        width: 48%;
    }
}

.hariAfter__container--center
{
    width: 25%;
}

@media screen and (max-width: 767px)
{
    .hariAfter__container--center
    {
        width: 48%;
    }
}

.hariAfter__container--right
{
    width: 43%;
    margin-top: 23px;
}

@media screen and (max-width: 767px)
{
    .hariAfter__container--right
    {
        width: 100%;
    }
}

.hariAfter__container:nth-of-type(2)
{
    margin-bottom: 120px; 

    background-color: #fff7c9;
}

@media screen and (max-width: 767px)
{
    .hariAfter__container:nth-of-type(2)
    {
        margin-bottom: 60px;
    }
}

.hariAfter__container:nth-of-type(n + 2)
{
    margin-top: 40px;
}

.hariAfter__caption
{
    font-size: 16px;
}

.hariAfter__img-box img
{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.hariAfter__title
{
    font-size: 30px;

    margin-bottom: 15px;
}

@media screen and (max-width: 767px)
{
    .hariAfter__title
    {
        font-size: 24px;
    }
}

.hariAfter__lead
{
    margin-bottom: 15px; 

    color: #3878c8;
}

@media screen and (max-width: 767px)
{
    .hariAfter__lead
    {
        margin-bottom: 20px;
    }
}

.hariAfter__lead.pink
{
    color: #ebaea7;
}

.hariAfter__note
{
    width: 500px;
    margin-right: auto; 
    margin-bottom: 80px;
    margin-left: auto;
    padding-bottom: 20px;

    text-align: center;

    color: #3878c8;
    background: transparent url(../images/hari/after-border.png) no-repeat bottom center/100%;
}

@media screen and (max-width: 767px)
{
    .hariAfter__note
    {
        width: 100%;
    }
}

.hariAfter__cards
{
    position: relative; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .hariAfter__cards
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.hariAfter__card
{
    width: 23%;
}

@media screen and (max-width: 767px)
{
    .hariAfter__card
    {
        width: 100%;
    }
    .hariAfter__card:nth-of-type(n + 2)
    {
        margin-top: 20px;
    }
}

.hariAfter__card img
{
    max-width: 100%;
}

.hariHome
{
    padding-top: 100px;
    padding-bottom: 100px;

    background: transparent url(../images/common/bg-blue.png) repeat top center/100%;
}

@media screen and (max-width: 767px)
{
    .hariHome
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariHome__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariHome__heading
    {
        margin-bottom: 60px;

        -webkit-transform: scale(.5);

                transform: scale(.5);
    }
}

.hariHome__big-img
{
    max-width: 1300px;
    margin-right: auto; 
    margin-bottom: 80px;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;

    text-align: center;
}

.hariHome__big-img img
{
    width: 100%;
}

.hariHome__container
{
    margin-bottom: 80px;
}

@media screen and (max-width: 767px)
{
    .hariHome__container
    {
        margin-bottom: 60px;
    }
}

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

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

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

@media screen and (max-width: 767px)
{
    .hariHome__wrapper
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.hariHome__wrapper:nth-of-type(n + 2)
{
    margin-top: 50px;
}

.hariHome__img-box
{
    width: 100px;
}

.hariHome__img-box img
{
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .hariHome__img-box
    {
        width: 70px;
        margin: 0 auto 30px;
    }
    .hariHome__img-box.sp-big
    {
        width: 120px;
    }
}

.hariHome__textarea
{
    width: calc(100% - 130px);
}

@media screen and (max-width: 767px)
{
    .hariHome__textarea
    {
        width: 100%;
    }
}

.hariHome__title-box
{
    font-size: 40px;
    line-height: 1.3;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px; 

    color: #3878c8;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

@media screen and (max-width: 1023px)
{
    .hariHome__title-box
    {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px)
{
    .hariHome__title-box
    {
        font-size: 21px;
    }
}

.hariHome__price
{
    margin-left: auto;
}

.hariHome__small
{
    font-size: 14px;

    vertical-align: middle;
}

.hariHome__text
{
    margin-bottom: 20px;
    padding-left: 10px;
}

.hariHome__logo
{
    width: 110px;
    padding-left: 8px; 

    text-align: center;

    background-color: #ebaea7;
}

.hariHome__desc
{
    padding-left: 10px;
}

.hariHome__tel
{
    width: 430px;
    margin: 0 auto 50px;
}

@media screen and (max-width: 767px)
{
    .hariHome__tel
    {
        width: 218px;
    }
}

.hariHome__tel img
{
    width: 100%;
}

.hariHome__lead
{
    width: 500px;
    margin-right: auto; 
    margin-left: auto;
    padding-bottom: 20px;

    text-align: center;

    color: #3878c8;
    background: transparent url(../images/hari/after-border.png) no-repeat bottom center/100%;
}

@media screen and (max-width: 767px)
{
    .hariHome__lead
    {
        width: 100%;
    }
}

.hariItem
{
    padding-top: 100px;
    padding-bottom: 100px;

    background-color: #ccddab;
}

@media screen and (max-width: 767px)
{
    .hariItem
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hariItem__heading
{
    margin-bottom: 80px; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .hariItem__heading
    {
        margin-bottom: 60px;

        -webkit-transform: scale(.5);

                transform: scale(.5);
    }
}

.hariItem__container
{
    margin-bottom: 150px;
}

@media screen and (max-width: 767px)
{
    .hariItem__container
    {
        margin-bottom: 80px;
    }
}

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

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.hariItem__cards:nth-of-type(2)
{
    margin-top: 70px;
}

.hariItem__cards:nth-of-type(3)
{
    margin-top: 120px;
}

.hariItem__card
{
    width: 48%;
}

.hariItem__card:nth-of-type(n + 3)
{
    margin-top: 70px;
}

@media screen and (max-width: 767px)
{
    .hariItem__card
    {
        width: 100%;
    }
    .hariItem__card:nth-of-type(n + 2)
    {
        margin-top: 50px;
    }
}

.hariItem__cards-title
{
    margin-bottom: 10px;
}

.hariItem__cards-space--top
{
    padding-top: 42px;
}

@media screen and (max-width: 767px)
{
    .hariItem__cards-space--top
    {
        padding-top: 0;
    }
}

.hariItem__cards-space--bottom
{
    padding-top: 44px;
}

@media screen and (max-width: 767px)
{
    .hariItem__cards-space--bottom
    {
        padding-top: 0;
    }
}

.hariItem__card-inner
{
    height: 100%; 
    padding: 20px 30px;

    background-color: #fff;
}

@media screen and (max-width: 767px)
{
    .hariItem__card-inner
    {
        height: auto;
    }
}

.hariItem__img-box
{
    height: 250px; 

    text-align: center;
}

@media screen and (max-width: 1023px)
{
    .hariItem__img-box img
    {
        width: 100%;
    }
}

@media screen and (max-width: 1023px)
{
    .hariItem__img-box.tb-img img
    {
        width: 76%;
    }
}

.hariItem__title
{
    font-size: 20px;
    line-height: 1.5;
}

@media screen and (max-width: 767px)
{
    .hariItem__title
    {
        font-size: 18px;
    }
}

.hariItem__price-box
{
    line-height: 1.5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 40px; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

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

@media screen and (max-width: 767px)
{
    .hariItem__price-box
    {
        margin-bottom: 20px;
    }
}

.hariItem__price
{
    font-size: 20px;
}

@media screen and (max-width: 767px)
{
    .hariItem__price
    {
        font-size: 18px;
    }
}

.hariItem__lead
{
    width: 500px;
    margin-right: auto;
    margin-bottom: 50px; 
    margin-left: auto;
    padding-bottom: 20px;

    text-align: center;

    color: #3878c8;
    background: transparent url(../images/hari/after-border.png) no-repeat bottom center/100%;
}

@media screen and (max-width: 767px)
{
    .hariItem__lead
    {
        width: 100%;
    }
}

.hariItem__tel
{
    width: 430px;
    margin: 0 auto 0;
}

@media screen and (max-width: 767px)
{
    .hariItem__tel
    {
        width: 218px;
    }
}

.hariItem__tel img
{
    width: 100%;
}

.hariItem__object
{
    position: absolute;
    bottom: -100px;
    left: -290px;

    width: 203px;
    height: 278px; 

    background: transparent url(../images/hari/item-object.png) no-repeat top center/cover;
}

/*
     FILE ARCHIVED ON 07:09:05 Jul 15, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:38:48 Jan 28, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.686
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.011
  esindex: 0.013
  cdx.remote: 108.638
  LoadShardBlock: 3928.476 (3)
  PetaboxLoader3.datanode: 3904.589 (5)
  PetaboxLoader3.resolve: 224.585 (2)
  load_resource: 216.576
  loaddict: 33.597
*/