@charset "UTF-8";

.second-layer .page-title .title span {
    color: var(--yellow);
}

/*================================================================
#anchor
================================================================ */
.anchor .anchor__list {
    width: 100%;
    margin: 8px 0 0 0;
}

/*================================================================
.intro
================================================================ */
.intro .wrap {
    position: relative;
}

.intro .left {
    position: relative;
}

.intro .sub-title {
    margin-top: 40px;
    font-weight: 700;
    color: #7a7870;
}

.intro .title {
    margin-top: 8px;
    font-size: 32px;
}

.intro .text {
    margin-top: 16px;
    line-height: 2;
}

.intro .note {
    margin-top: 16px;
    font-size: 12px;
    color: var(--gray);
}

.intro .intro__img01 {
    display: none;
}

.intro .intro__img02 {
    width: calc(219px / 1.5);
    position: absolute;
    right: -57px;
    bottom: -108px;
    z-index: 1;
}

/*================================================================
# section-title01
================================================================ */
.second-layer .section-title01__en {
    color: var(--yellow);
}

.second-layer .section-title01__jp strong {
    font-size: 36px;
    color: var(--yellow);
}

/*================================================================
#healing-relaxation
================================================================ */
.healing-relaxation .wrap {
    position: relative;
}

.second-layer .point_img img {
    width: auto;
    height: 240px;
    object-fit: cover;
    object-position: center center;
}

.second-layer .container01 .text-area:before {
    background-color: var(--yellow);
}

.second-layer .container01 .number {
    color: var(--yellow);
}

.point_illust01 {
    width: calc(281px / 2);
    position: absolute;
    right: -18px;
    bottom: -34px;
}

.point_illust02 {
    width: calc(275px / 2);
    position: absolute;
    bottom: -55px;
    left: -90px;
}

.point_illust03 {
    display: none;
}

.point_illust04 {
    width: calc(306px / 2);
    position: absolute;
    bottom: 174px;
    left: 269px;
}

.point_illust05 {
    width: calc(204px / 2);
    position: absolute;
    right: -33px;
    bottom: -303px;
}

.point_illust06 {
    width: calc(158px / 2);
    position: absolute;
    right: 32px;
    bottom: -121px;
    z-index: 1;
    transform: scale(-1, 1);
}

.point_illust07 {
    width: calc(273px / 2);
    position: absolute;
    right: -73px;
    bottom: 231px;
}

/*================================================================
.type-of-room
================================================================ */
.second-layer .section-title03__jp strong {
    color: var(--yellow);
}

.second-layer .section-title03__en {
    color: var(--yellow);
}

/* naturalist
------------------------------------------------------ */
.naturalist .wrap {
    position: relative;
}

.naturalist_bg {
    width: calc(712px / 2);
    position: absolute;
    bottom: -54px;
    left: -79px;
    z-index: -1;
}

.naturalist_illust01 {
    width: calc(172px / 2);
    position: absolute;
    bottom: 8px;
    left: -60px;
}

.naturalist_illust02 {
    width: calc(432px / 2);
    position: absolute;
    right: -144px;
    bottom: -2px;
}

/* sukiya-modern
------------------------------------------------------ */
.sukiya-modern {
    margin-top: 80px;
}

.sukiya-modern .wrap {
    position: relative;
}

.sukiya-modern_bg {
    width: calc(756px / 2);
    position: absolute;
    right: -251px;
    bottom: -27px;
    z-index: -1;
}

.sukiya-modern_illust01 {
    width: calc(412px / 2);
    position: absolute;
    bottom: 14px;
    left: -152px;
}

.sukiya-modern_illust02 {
    width: calc(94px / 2);
    position: absolute;
    right: -25px;
    bottom: 14px;
}

/* folkcraft-style
------------------------------------------------------ */
.folkcraft-style {
    margin-top: 80px;
}

.folkcraft-style .wrap {
    position: relative;
}

.folkcraft-style_bg {
    width: calc(712px / 2);
    position: absolute;
    bottom: -65px;
    left: -85px;
    z-index: -1;
}

.folkcraft-style_illust01 {
    width: calc(103px / 2);
    position: absolute;
    bottom: 8px;
    left: -10px;
}

.folkcraft-style_illust02 {
    width: calc(432px / 2);
    position: absolute;
    right: -128px;
    bottom: 12px;
}

/* asian-taste
------------------------------------------------------ */
.asian-taste {
    margin-top: 80px;
    padding-bottom: 100px;
}

.asian-taste .wrap {
    position: relative;
}

.asian-taste_bg {
    width: calc(756px / 2);
    position: absolute;
    right: -92px;
    bottom: -78px;
    z-index: -1;
}

.asian-taste_illust01 {
    width: calc(412px / 2);
    position: absolute;
    bottom: 14px;
    left: -227px;
}

.asian-taste_illust02 {
    width: calc(380px / 2);
    position: absolute;
    right: -9px;
    bottom: -57px;
}