@charset "UTF-8";

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

/*================================================================
#anchor
================================================================ */
.anchor .anchor__list {
    width: calc(100% / 4 - 16px);
}

.anchor .anchor__list:nth-child(n+5) {
    margin-top: 16px;
}

/*================================================================
.intro
================================================================ */
.intro {
    margin-top: -64px;
}

.intro .wrap {
    position: relative;
}

.intro .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro .left {
    width: 280px;
    position: relative;
}

.intro .right {
    width: 464px;
    padding-right: 64px;
}

.anchor .anchor__ul {
    margin-left: 0;
    flex-direction: column;
}

.anchor .anchor__list {
    width: 100%;
    margin: 0;
}

.anchor .anchor__list:nth-child(n+2) {
    margin-top: 16px;
}

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

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

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

.intro .intro__img01 {
    position: absolute;
    top: 17px;
    left: 229px;
}

.intro .intro__img02 {
    position: absolute;
    right: 0px;
    bottom: -145px;
    z-index: 1;
}

/*================================================================
.workation-life
================================================================ */
.workation-life .section-title01__en {
    color: var(--light-blue);
}

.workation-life .workation-life_room-wrap {
    position: relative;
}

.workation-life .room .full-width .circle {
    position: absolute;
    top: -242px;
    right: -16px;
    z-index: -1;
}

.workation-life .room .section-title02 .workation-life_illust01 {
    position: absolute;
    top: -164px;
    right: 24px;
}

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

.second-layer .section-title02 .title strong {
    color: var(--light-blue);
}

.workation-life .workation-life_illust02 {
    position: absolute;
    bottom: -49px;
    left: -185px;
    z-index: 1;
}

.workation-life .workation-life_illust03 {
    position: absolute;
    right: 31px;
    bottom: -42px;
}

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

.workation-life .workation-life_illust04 {
    position: absolute;
    right: -96px;
    bottom: 24px;
    z-index: -1;
}

.workation-life .workation-life_illust05 {
    position: absolute;
    bottom: -39px;
    left: -64px;
}

.workation-life .workation-life_illust06 {
    position: absolute;
    right: -154px;
    bottom: 48px;
}

.workation-life .workation-life_illust07 {
    position: absolute;
    top: 31px;
    left: -89px;
    z-index: -1;
}

.workation-life .workation-life_illust08 {
    position: absolute;
    top: -121px;
    left: 116px;
}

.workation-life .workation-life_illust09 {
    position: absolute;
    right: 45px;
    bottom: 9px;
}

.workation-life .workation-life_facility04 {
    position: absolute;
    top: -114px;
    right: -22px;
}

.second-layer .container02 .title strong {
    color: var(--light-blue);
}

.second-layer .container03 .title strong {
    color: var(--light-blue);
}

.workation-life .workation-life_illust10 {
    position: absolute;
    top: 31px;
    right: -22px;
}

.workation-life .workation-life_illust11 {
    position: absolute;
    top: -10px;
    right: -214px;
    z-index: -1;
}

.workation-life .workation-life_illust12 {
    position: absolute;
    bottom: 0px;
    left: -55px;
}

/*================================================================
.group
================================================================ */
.group .group_illust01 {
    position: absolute;
    bottom: 0px;
    left: 221px;
}

.group .group_illust02 {
    position: absolute;
    right: 224px;
    bottom: 0px;
}

.group .section-title01__en {
    color: var(--light-blue);
}

.group .group_illust03 {
    position: absolute;
    bottom: -61px;
    left: -44px;
    z-index: 1;
}

.group .group_illust04 {
    position: absolute;
    right: -147px;
    bottom: 30px;
}

.group .group_illust05 {
    position: absolute;
    bottom: -42px;
    left: -287px;
    z-index: -1;
}

.group .group_illust06 {
    position: absolute;
    right: -87px;
    bottom: -34px;
}

.group .group_illust07 {
    position: absolute;
    bottom: -104px;
    left: -71px;
    z-index: 1;
}

.group .group_illust08 {
    position: absolute;
    top: -78px;
    right: -131px;
}

.group .group_illust09 {
    position: absolute;
    right: 1px;
    bottom: -41px;
}

.group .group_illust10 {
    position: absolute;
    bottom: -36px;
    left: -242px;
}

.group .group_illust11 {
    position: absolute;
    right: 55px;
    bottom: 0px;
}

/*================================================================
.family
================================================================ */
.family {
    margin-top: 100px;
    padding-bottom: 48px;
    position: relative;
}

.family:before {
    width: 100%;
    height: 400px;
    opacity: .2;
    background-color: var(--light-blue);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    z-index: -1;
}

.family .slider {
    margin-top: 40px;
}

.family .slider .name {
    margin-top: 8px;
}

.family .wrap {
    position: relative;
}

.family .black-btn-wrap {
    margin-top: 24px;
}

.family_illust01 {
    position: absolute;
    right: 159px;
    bottom: 41px;
}

/*================================================================
.pets-allowed
================================================================ */
.pets-allowed_img05 {
    position: absolute;
    top: 41px;
    right: -29px;
}

.pets-allowed_illust01 {
    position: absolute;
    top: 18px;
    left: -164px;
    z-index: -1;
}

.pets-allowed_illust02 {
    position: absolute;
    right: 29px;
    bottom: -5px;
}

/*================================================================
.section-plan
================================================================ */
.section-plan .wrap::before {
    background-color: var(--light-blue);
}

.plan__title-area .plan-title-en {
    color: var(--light-blue);
}

.section-plan .box .box__tag {
    color: var(--light-blue);
}

.workation-plan_illust01 {
    position: absolute;
    top: -29px;
    left: -307px;
}

.workation-plan_illust02 {
    position: absolute;
    top: -50px;
    right: -106px;
}

.workation-plan_illust03 {
    position: absolute;
    bottom: 2px;
    left: -126px;
}

.workation-plan_illust04 {
    position: absolute;
    right: -129px;
    bottom: 23px;
    z-index: -1;
}