.u-font__zen {
    font-family: "Zen Old Mincho", serif !important;
}

.u-font__lib {
    font-family: "Libre Baskerville", serif !important;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: rgba(233, 233, 233, 0.3);
    scroll-behavior: smooth;
    scroll-padding-top: calc(65px + 0.625rem);
    color: rgba(36, 50, 72, 0.8);
    font-family: "Libre Baskerville", "Zen Old Mincho", "serif";
    opacity: 1;
}

a {
    transition: 0.3s;
    color: rgba(36, 50, 72, 0.8);
    text-decoration: none;
}

picture,
img {
    display: inline-block;
}

img {
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
    vertical-align: baseline;
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 100%;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

li,
dd {
    list-style-type: none;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
    display: block;
}

img {
    vertical-align: bottom;
    border: none;
}

.lang-en.js-hidden {
    display: none !important;
}

.lang-ja.js-hidden {
    display: none !important;
}





.l-header {
    display: flex;
    position: fixed;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 998;
    background: transparent;
    width: 100%;
    max-width: 100%;
    height: 5.625rem;
}

.l-header.l-top-header {
    opacity: 0;
}

.l-header.l-top-header.fadeIn {
    opacity: 1;
    transition: all 0.7s ease;
    transition-delay: 1s;
}

.l-header__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-right: auto;
    padding: 0 4rem 0 2.0625rem;
    width: 100%;
    max-width: 100%;
}

.l-header__lang-switcherWrap {
    margin-right: 3.125rem;
}

.l-header__lang-switcher .bogo-language-name {
    display: inline-block;
    position: relative;
    padding: 0 0.9375rem;
    color: #bcc1d1;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    letter-spacing: 0.12em;
}

.l-header__lang-switcher .bogo-language-name a.current::after {
    display: flex;
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    width: 1.25rem;
    height: 1.25rem;
    content: "・";
    color: #bcc1d1;
}

.l-header__lang-switcher .devide {
    color: #bcc1d1;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    letter-spacing: 0.12em;
}

.bogo-language-name {
    display: inline-block;
    position: relative;
    padding: 0 0.9375rem;
    color: #bcc1d1;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    letter-spacing: 0.12em;
}

.bogo-language-switcher.list-view {
    display: flex;
    flex-direction: row-reverse;
}

.bogo-language-switcher.list-view .ja.last {
    position: relative;
}

.bogo-language-switcher.list-view .ja.last::before {
    position: absolute;
    top: 0;
    right: 0;
    background: #bcc1d1;
    width: 1px;
    height: 100%;
    content: "";
}

.bogo-language-switcher.list-view a {
    display: inline-block;
    position: relative;
    padding: 0 0.9375rem;
    color: #bcc1d1;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    letter-spacing: 0.12em;
}

.bogo-language-switcher.list-view .current {
    display: inline-block;
    position: relative;
}

.bogo-language-switcher.list-view .current::after {
    position: absolute;
    bottom: -0.625rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #bcc1d1;
    width: 0.25rem;
    height: 0.25rem;
    content: "";
}

@media screen and (min-width: 768px) {
    .is-front-page.l-header__lang-switcherWrap .bogo-language-switcher.list-view.is-color-white a {
        color: hsla(0, 0%, 100%, 0.835) !important;
    }

    .is-front-page.l-header__lang-switcherWrap .bogo-language-switcher.list-view.is-color-white .current::after {
        background-color: hsla(0, 0%, 100%, 0.835) !important;
    }

    .is-front-page.l-header__lang-switcherWrap .bogo-language-switcher.list-view.is-color-white .ja.last::before {
        background-color: hsla(0, 0%, 100%, 0.835) !important;
    }
}

.bogo-language-switcher.list-view .current a {
    pointer-events: none !important;
}

.l-drawer__icon {
    display: flex;
    position: fixed;
    top: 2.25rem;
    right: 2.125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background: transparent;
    width: 2.625rem;
    height: 1.25rem;
}

.l-drawer__icon.js-open .bar1 {
    transform: translateY(0.25rem) rotate(-10deg);
    transition: all 0.3s ease;
}

.l-drawer__icon.js-open .bar2 {
    transform: translateX(0rem) translateY(-0.125rem) rotate(12deg);
    transition: all 0.3s ease;
    margin-top: 0.3125rem;
}

.bar,
.bar2 {
    position: relative;
    transition: all 0.3s ease;
    background-color: #bcc1d1;
    width: 2.625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.bar2 {
    margin-top: 0.375rem;
}

@media screen and (min-width: 768px) {

    .l-drawer__icon.is-front-pageIcon .bar1.is-white,
    .l-drawer__icon.is-front-pageIcon .bar2.is-white {
        background-color: hsla(0, 0%, 100%, 0.835) !important;
    }
}

.overlay {
    position: absolute;
    top: 0;
    left: -100%;
    transition: left 1s;
    background-color: #000;
    width: 100%;
    height: 100%;
    content: "";
}

.l-drawer__icon:hover .bar1 .overlay {
    animation: slideWhite 0.6s 0.1s forwards, slideBlack 0.6s 0.8s forwards;
}

.l-drawer__icon:hover .bar2 .overlay {
    animation: slideWhite 0.6s 0.3s forwards, slideBlack 0.6s 1s forwards;
}

.l-drawer__menu {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateY(0%);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.5s cubic-bezier(0, 0.55, 0.45, 1);
    /* cubic-bezier関数を追加 */
    background: url(../img/top/drawer_bg2.png);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
    padding-left: 6.25rem;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
}

.l-drawer__menu.js-open {
    transform: translateY(0);
    opacity: 1;
    z-index: 100;
}

.l-drawer__menubg {
    width: 44rem;
    max-width: 100%;
    height: 100%;
}

.l-drawer__menuWrap {
    display: flex;
    justify-content: center;
    height: 100%;
}

.l-drawer__slideWrap {
    position: relative;
    width: 54.071%;
    max-width: 35.0625rem;
    overflow: auto;
}

.l-drawer__slideWrap .l-drawer__slide {
    position: absolute;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    width: 35.0625rem;
    height: 36.875rem;
}

.l-drawer__slideWrap .l-drawer__slide img {
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.l-drawer__container {
    position: relative;
    padding-left: 6.1875rem;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-y: auto;
}

.l-drawer__logoWrap {
    height: 100%;
}

.l-drawer__logo {
    width: 13.75rem;
    height: auto;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.45;
    letter-spacing: 0.14em;
}

.l-drawer__nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3.9375rem;
    padding-bottom: 6.25rem;
}

.l-drawer__list {
    position: relative;
    z-index: 98;
}

.l-drawer__list.first-level {
    width: 7.5rem;
}

.l-drawer__list.first-level .l-drawer__item a {
    color: rgba(36, 50, 72, 0.9);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0em;
}

.l-drawer__list.first-level .l-drawer__item.item02 {
    margin-top: 6.25rem;
}

.l-drawer__list.first-level .l-drawer__item.item03 {
    margin-top: 3.5rem;
}

.l-drawer__list.first-level .l-drawer__item.item04 {
    margin-top: 3.5rem;
}

.l-drawer__list.second-level {
    position: relative;
    opacity: 0.8;
    width: 9.375rem;
}

.l-drawer__list.second-level .l-drawer__item a {
    color: #636d7c;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.0769230769;
    letter-spacing: 0em;
}

.l-drawer__list.second-level:before {
    position: absolute;
    top: 0;
    left: -1.0625rem;
    background: rgba(36, 50, 72, 0.6);
    width: 0.0625rem;
    height: 2.375rem;
    content: "";
}

.l-drawer__list.third-level {
    position: relative;
    opacity: 0.8;
    width: 9.375rem;
}

.l-drawer__list.third-level:before {
    position: absolute;
    top: 0;
    left: -1.0625rem;
    background: rgba(36, 50, 72, 0.6);
    width: 0.0625rem;
    height: 5.625rem;
    content: "";
}

.l-drawer__list.third-level .l-drawer__item a {
    margin-top: 0.5rem;
    color: #636d7c;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.9230769231;
    letter-spacing: 0em;
}

.l-drawer__list.third-level .l-drawer__item.item01 a {
    margin-top: 0 !important;
}

.l-drawer__list a {
    display: inline-block;
    color: rgba(36, 50, 72, 0.8);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0em;
}

.l-drawer__item a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 1.4375rem;
}

.l-drawer__links {
    border-top: 0.0625rem solid rgba(36, 50, 72, 0.8);
    padding-top: 0.625rem;
    width: 23.75rem;
    max-width: 100%;
}

.l-drawer__linkWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.375rem;
}

.l-drawer__linkWrap .title {
    width: 30%;
    color: rgba(36, 50, 72, 0.8);
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.1818181818;
    letter-spacing: 0.11em;
}

.l-drawer__linkWrap .link a {
    color: #636d7c;
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.1818181818;
    letter-spacing: 0.11em;
}

.l-main {
    margin-top: 65;
}

.l-inner {
    position: relative;
    margin: 0 auto;
    padding: 0 3.75rem;
    width: 100%;
    max-width: 1280px;
    height: inherit;
}

.l-archive__inner {
    max-width: 72.5rem;
}

.l-area__inner {
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
}

.l-area__inner-large {
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
}

.l-residence__inner {
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
}

.l-top__inner {
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
}

.l-top-about-inner-large {
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
}

.l-footer {
    margin-top: auto;
    width: 100%;
    max-width: 100%;
    height: 8.4375rem;
    font-family: "Libre Baskerville", serif;
}

.l-footer .l-inner {
    padding: 0 1.25rem;
}

.l-footer__itemWrap {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 3.75rem;
    padding-top: 1.25rem;
    max-width: 100%;
}

.l-footer__itemWrap:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #636d7c;
    width: 100%;
    height: 0.0625rem;
    content: "";
}

.l-footer__navWrap {
    max-width: 100%;
}

.l-footer__nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 2.5rem;
}

.l-footer__navItem:nth-of-type(4) {
    display: none;
}

.l-footer__navItem a {
    display: inline-block;
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1.2;
    font-family: "Libre Baskerville", serif !important;
    letter-spacing: 0.2em;
}

.l-footer__navItem:first-child {
    margin-left: 0;
}

.l-footer__navItem.icon-item a {
    transition: all 0.3s ease;
    margin-top: 0.3125rem;
    background-image: url("../img/icon/footer_icon-instagram.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.l-footer__copy .text {
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1.2;
    letter-spacing: 0.2em;
}

.aaa {
    text-align: center;
}

.l-wrapper {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100svh;
}

.c-btn__text-fadeIn {
    position: relative;
}

.c-btn__text-fadeIn:after {
    position: absolute;
    top: 50%;
    right: -1.25rem;
    transform: translateY(-50%);
    background: url(../img/top/link-arrow-gray.png) no-repeat center/contain;
    width: 0.9375rem;
    height: 0.625rem;
    content: "";
}

.c-pageTitleWrap {
    margin-top: -1rem;
    height: 100%;
}

.c-pageTitle {
    height: 100%;
    color: rgba(36, 50, 72, 0.8);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2083333333;
    letter-spacing: 0.3em;
}

.c-pagination__wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.c-pagination__wrap .page-numbers {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 3.125rem;
    color: #636d7c;
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 2.3636363636;
    letter-spacing: 0.055em;
}

.c-pagination__wrap .page-numbers.current {
    position: relative;
}

.c-pagination__wrap .page-numbers.current::after {
    display: flex;
    position: absolute;
    bottom: -0.625rem;
    left: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
    height: 1.25rem;
    content: "•";
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 2.3636363636;
    letter-spacing: 0.055em;
}

.c-pagination__wrap .page-numbers.current .page-numbers {
    color: #243248;
    font-weight: 700;
}

.p-topFv {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    width: 100%;
    max-width: 80rem;
    height: 100vh;
    height: 100svh;
}

@media screen and (max-width: 767px) {
    .p-topFv {
        height: fit-content;
        margin-top: calc(60 / 16 * 1rem);
        overflow: hidden;
    }
}

.p-topFv__itemWrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.p-topFv__itemWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-topFv__titleWrap {
    display: flex;
    position: absolute;
    bottom: 1.75rem;
    left: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
}

.p-topFv__titleWrap .p-topFv__name {
    margin-bottom: 1.25rem;
    width: 10rem;
    height: auto;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.4166666667;
    letter-spacing: 0.095em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.p-topFv__textWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.p-topFv__textWrap {
    height: 100%;
}

.p-topFv__text-jp {
    margin-left: 0.6rem;
    height: 100%;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.4230769231;
    letter-spacing: 0.07em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
    .p-topFv__text-jp {
        padding-left: calc(24 / 16 * 1rem);
        color: rgba(36, 50, 72, 0.8) !important;
        text-shadow: unset;
        font-weight: 400;
    }

    .p-topFv__nameWrap {
        width: 10rem;
        padding-left: calc(16 / 16 * 1rem);
        margin-top: calc(20 / 16 * 1rem);
        margin-bottom: calc(10 / 16 * 1rem);
    }
}

.p-topFv__text-jp.--en {
    margin-left: 0.9rem;
}

.p-topFv__text-enWrap {
    opacity: 0;
}

.p-topFv__text-enWrap.is-appear {
    -webkit-transition: all 0.3s ease;
    perspective: 31.25rem;
    opacity: 1;
    transition: all 0.3s ease;
}

.p-topFv__text-en {
    opacity: 1;
    margin-bottom: -0.625rem;
    margin-left: 1.375rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.2727272727;
    letter-spacing: 0.09em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.p-topFv__scrollTextWrap {
    display: flex;
    position: absolute;
    right: 2.875rem;
    bottom: 4.625rem;
    justify-content: flex-end;
    align-items: flex-end;
    opacity: 0;
    max-width: 100%;
}

.p-topFv__scrollTextWrap.is-appear {
    opacity: 1;
    transition: all 0.3s ease;
}

.p-topFv__scrollTextWrap .text {
    position: relative;
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    font-family: "Cormorant Garamond", serif;
    letter-spacing: 0.13em;
    writing-mode: vertical-lr;
}

.p-topFv__scrollTextWrap .text.is-appear:after {
    position: absolute;
    bottom: 6.125rem;
    left: 38%;
    transform: translateX(-50%);
    opacity: 0;
    animation: growDown 1s ease forwards;
    animation-delay: 0.6s;
    background: hsla(0, 0%, 100%, 0.835);
    width: 0.0625rem;
    height: 0;
    content: "";
}

.p-topFv__imgWrap {
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    height: 100%;
}


@media screen and (max-width: 767px) {
    .p-topFv__imgWrap {
        position: relative;
        aspect-ratio: unset !important;
    }
}

.p-topFv__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-topFv__imgWrap video {
    -o-object-fit: cover;
    -o-object-position: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media screen and (max-width: 767px) {
    .p-topFv__imgWrap video {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
        width: calc(100% + 8px);
        margin-left: -4px;
    }
}

.p-topFv__imgWrap.u-hoverZoom img {
    height: 100% !important;
}

.p-top__main {
    margin-top: 5.9375rem;
    margin-bottom: 8rem;
}

.p-top__main-l.text-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-right: auto;
    width: 72.5rem;
    max-width: 100%;
}

.p-top__main-l.text-right .p-top__main-l__imgWrap {
    flex-shrink: 0;
    margin-right: 8.125rem;
    aspect-ratio: 704/630;
    width: 37.5rem;
    max-width: 100%;
}

.p-top__main-l.text-right .p-top__main-l__textWrap {
    margin-left: 0;
}

.p-top__main-l.text-right.item02 .p-top__main-l__textWrap {
    padding-top: 3.625rem !important;
}

.p-top__main-l.text-left {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    width: 72.5rem;
    max-width: 100%;
}

.p-top__main-l.text-left .p-top__main-l__imgWrap {
    flex-shrink: 0;
    margin-left: 8.125rem;
    aspect-ratio: 704/630;
    width: 37.5rem;
    max-width: 100%;
}

.p-top__main-l.text-left .p-top__main-l__textWrap {
    padding-top: 5.4375rem !important;
}

.p-top__main-l__textWrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: auto;
    border-bottom: 0.0625rem solid #dddfe2;
    padding-top: 6.6875rem;
    padding-bottom: 0.625rem;
    width: 20.375rem;
    max-width: 100%;
}

.p-top__main-l__textWrap.taxonomy-page {
    border: none;
    padding-bottom: 0;
}

.p-top__main-l__textWrap.MetroStudio {
    margin-top: -2.25rem;
}

.p-top__main-l__textWrap-top {
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.p-top__main-l__textWrap-top .title {
    padding-top: 2.5rem;
    padding-bottom: 1.125rem;
    width: 100%;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2083333333;
    letter-spacing: 0.28em;
}

.p-top__main-l__textWrap-top .title-sub {
    opacity: 0.5;
    margin-left: -0.75rem;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.3em;
}

.p-top__main-l__textWrap-bottom {
    margin-top: 2.25rem;
    width: 100%;
    max-width: 100%;
}

.p-top__main-l__textWrap-bottom .maintext {
    width: 100%;
    max-width: 100%;
}

.p-top__main-l__textWrap-bottom .maintext .text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.875;
    letter-spacing: 0em;
}

.p-top__main-l__textWrap-bottom .subtext {
    margin-top: 1.8125rem;
    width: 100%;
    max-width: 100%;
}

.p-top__main-l__textWrap-bottom .subtext .text {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.9230769231;
    letter-spacing: 0em;
}

.p-top-seebreeze {
    margin-top: 7.8125rem;
}

.p-top-metrostudio {
    margin-top: 7.8125rem;
}

.p-top__main-sub {
    margin-top: 7.5rem;
    margin-right: auto;
    margin-left: auto;
    width: 72.5rem;
    max-width: 100%;
}

.p-top__main-sub.sub02 {
    margin-top: 7.375rem;
}

.p-top__main-sub___areaItemWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem 8.125rem;
}

.p-top__main-sub___areaItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 0.0625rem solid #dddfe2;
    padding-bottom: 0.625rem;
    width: 28.375rem;
    max-width: 100%;
    min-height: 25.625rem;
}

.p-top__main-sub___areaItem__areaName {
    height: 1.625rem;
}

.p-top__main-sub___areaItem__areaName .text {
    opacity: 0.6;
    color: #243248;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0em;
}

.p-top__main-sub___areaItem__imgWrap {
    margin-top: 0.3125rem;
    aspect-ratio: 454/281;
    width: 100%;
    max-width: 100%;
    max-height: 17.5625rem;
}

.p-top__main-sub___areaItem__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.p-top__main-sub___areaItem__title {
    margin-top: 1.5625rem;
}

.p-top__main-sub___areaItem__title .text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: 0.05em;
}

.p-top__main-sub___areaItem__text {
    margin-top: 1.25rem;
    width: 100%;
    height: 4.5rem;
    word-break: break-all;
}

.p-top__main-sub___areaItem__text .text {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3846153846;
    letter-spacing: 0em;
}

.p-top__main-sub___areaItem__bottomLink {
    position: relative;
    margin-top: 1.25rem;
    margin-left: auto;
    padding-right: 2.375rem;
}

.p-top__main-sub___areaItem__bottomLink .link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.2142857143;
    letter-spacing: 0.03em;
}

.p-top__main-sub___areaItem__bottomLink:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/top/link-arrow.png) no-repeat center/contain;
    width: 0.9375rem;
    height: 0.625rem;
    content: "";
}

.p-top__main-sub___areaItem.comingsoon1 {
    pointer-events: none;
}

/* .p-top__main-sub___areaItem.comingsoon1 .p-top__main-sub___areaItem__areaName, */
.p-top__main-sub___areaItem.comingsoon1 .p-top__main-sub___areaItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-top__main-sub___areaItem.comingsoon2 {
    pointer-events: none;
}

.p-top__main-sub___areaItem.comingsoon2 .p-top__main-sub___areaItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-top__about {
    margin-top: 8.4375rem;
    margin-bottom: 11.5rem;
    margin-left: auto;
}

.l-inner.--topAbout {
    max-width: 1280px;
}

.p-top__about__imgWrap {
    margin-left: 3.75rem;
    aspect-ratio: 1160/480;
    width: calc((100vw - 100%) / 2 + 100% - 3.75rem);
    max-height: 30rem;
}

.p-top__about__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-top__about__itemWrap.wrap02 {
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-top__about__textWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 4.6875rem;
    margin-right: auto;
    padding-left: 2.25rem;
    width: 57.6875rem;
    max-width: 100%;
}

.p-top__about__textWrap-left {
    flex: 1;
    flex-shrink: 0;
    padding-left: 1.25rem;
}

.p-top__about__textWrap-left .top {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.p-top__about__textWrap-left .top .title {
    padding-bottom: 1.125rem;
    width: 100%;
    font-weight: 500;
    font-weight: 500;
    font-size: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.35;
    line-height: 1.2083333333;
    letter-spacing: 0.06em;
    letter-spacing: 0.1em;
}

.p-top__about__textWrap-left .top .title-sub {
    opacity: 0.5;
    opacity: 0.5;
    margin-bottom: 1.75rem;
    font-weight: 500;
    font-weight: 500;
    font-size: 0.8125rem;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    line-height: 1.2307692308;
    letter-spacing: 0.3em;
    letter-spacing: 0.3em;
}

.p-top__about__textWrap-left .bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.25rem;
    color: #243248CC;
}

.p-top__about__textWrap-left .bottom .text {
    opacity: 0.5;
    font-weight: 500;
    font-weight: 500;
    font-size: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    line-height: 1.875;
    letter-spacing: 0.15em;
    letter-spacing: 0em;
}

.p-top__about__textWrap-right {
    flex-shrink: 0;
    padding-top: 2.375rem;
    width: 28.75rem;
    max-width: 100%;
}

.p-top__about__textWrap-right .maintext {
    margin-left: 3.4375rem;
    width: 100%;
    max-width: 100%;
}

.p-top__about__textWrap-right .maintext .text {
    font-weight: 500;
    font-weight: 500;
    font-size: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.75;
    line-height: 1.9230769231;
    letter-spacing: 0em;
    letter-spacing: 0em;
}

.p-top__about__textWrap-right .maintext .text.t-bottom {
    margin-top: 1.6875rem;
}

.l-archive__inner {
    margin-bottom: 7.5rem;
}

.p-archive {
    margin-top: 9.375rem;
}

.p-archive__top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.p-archive__title {
    padding-top: 1rem;
    padding-right: 13.4375rem;
    width: 4.5rem;
}

.p-archive__areaLinksWrap {
    position: relative;
    padding: 0.75rem 0;
    padding-left: 3rem;
}

.p-archive__areaLinksWrap::before {
    position: absolute;
    top: 0;
    left: 0;
    background: #243248;
    width: 0.0625rem;
    height: 100%;
    content: "";
}

.p-archive__areaLinks {
    display: grid;
    gap: 0.9375rem 3rem;
    width: auto;
    max-width: 100%;
}

.p-archive__areaLinks.--en {
    grid-template-columns: repeat(3, auto);
}

.p-archive__areaLinks.--ja {
    grid-template-columns: repeat(5, auto);
}



.p-archive__areaLinks .linkItem {
    /* 	margin-right: 1.5rem; */
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

.p-archive__areaLinks .linkItem a {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    color: rgba(99, 109, 124, 0.68);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    line-height: 1.4;
    letter-spacing: 0.098em;
    word-break: break-all;
}

.p-archive__areaLinks .linkItem.current-menu-item a {
    display: inline-block;
    position: relative;
    color: #243248;
}

.p-archive__areaLinks .linkItem.current-menu-item a:after {
    position: absolute;
    top: calc(50% - 0rem);
    right: -1rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(36, 50, 72, 0.8);
    width: 0.25rem;
    height: 0.25rem;
    content: "";
}

.english-page .linkItem.current-menu-item {
    margin-right: 2.5rem;
}

.english-page .linkItem.current-menu-item a {
    width: -moz-fit-content;
    width: fit-content;
}

.english-page .linkItem.current-menu-item a:after {
    left: calc(100% + 0.625rem);
}

.p-archive__areaItemWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.375rem 8.125rem;
    margin-top: 7.9375rem;
}

.p-archive__areaItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 0.0625rem solid #dddfe2;
    padding-bottom: 0.625rem;
    width: 28.375rem;
    max-width: 100%;
    min-height: 25.625rem;
}

.p-archive__areaItem__areaName {
    height: 1.625rem;
}

.p-archive__areaItem__areaName .text {
    opacity: 0.6;
    color: #243248;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0em;
}

.p-archive__areaItem__imgWrap {
    margin-top: 0.3125rem;
    aspect-ratio: 454/281;
    width: 100%;
    max-width: 100%;
    max-height: 17.5625rem;
}

.p-archive__areaItem__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.p-archive__areaItem__title {
    margin-top: 1.5625rem;
}

.p-archive__areaItem__title .text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: 0.05em;
}

.p-archive__areaItem__text {
    margin-top: 1.25rem;
    width: 100%;
    height: 4.5rem;
    word-break: break-all;
}

.p-archive__areaItem__text .text {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3846153846;
    letter-spacing: 0em;
    word-break: break-all;
}

.p-archive__areaItem__bottomLink {
    position: relative;
    margin-top: 1.25rem;
    margin-left: auto;
    padding-right: 2.375rem;
}

.p-archive__areaItem__bottomLink .link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.2142857143;
    letter-spacing: 0.03em;
}

.p-archive__areaItem__bottomLink:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/top/link-arrow.png) no-repeat center/contain;
    width: 0.9375rem;
    height: 0.625rem;
    content: "";
}

.p-archive__pagination {
    margin-top: 7.5rem;
    margin-bottom: 6.1875rem;
}

.p-archive__areaItem.comingsoon1 {
    pointer-events: none;
}

/* .p-archive__areaItem.comingsoon1 .p-archive__areaItem__areaName, */
.p-archive__areaItem.comingsoon1 .p-archive__areaItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-archive__areaItem.comingsoon2 {
    pointer-events: none;
}

.p-archive__areaItem.comingsoon2 .p-archive__areaItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-area {
    margin-top: 9.375rem;
    margin-bottom: 6.75rem;
}

.p-area__top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
    width: 65rem;
    max-width: 100%;
}

.p-area__title {
    padding-top: 0.625rem;
    padding-right: 13.4375rem;
    width: 4.5rem;
}

.p-area__areaInfo-main-top {
    margin-top: 6.5625rem;
    margin-left: auto;
    width: 72.5rem;
    max-width: 100%;
}

.p-area__areaInfo-remark {
    margin-top: 4rem;
    margin-bottom: 7.5rem;
    font-size: 1.5rem;
    text-align: center;
}

.p-area__areaInfo-main__titleWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.p-area__areaInfo-main__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.p-area__areaInfo-main__title-en {
    perspective: 31.25rem;
    opacity: 0.6;
    margin-left: 1.5rem;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0em;
}

.p-area__areaInfo-main__text {
    margin-top: 1.5625rem;
    width: 31.25rem;
    max-width: 100%;
}

.p-area__areaInfo-main__text .text {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 2.2857142857;
    letter-spacing: 0em;
}

.p-area__areaInfo-main-bottom {
    margin-top: 4.5625rem;
    margin-left: auto;
    width: 72.5rem;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .p-area__areaInfo-main-bottom {
        width: 90%;
        height: auto;
        aspect-ratio: 5 / 3;
    }
}

.p-area__areaInfo-main__imgWrap {
    aspect-ratio: 1160/480;
    width: 100%;
    max-width: 100%;
    height: 30rem;
}

.p-area__areaInfo-main__imgWrap picture {
    width: 100%;
    height: 100%;
}

.p-area__areaInfo-main__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.swiper-tax {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-tax .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-tax .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-tax .swiper-slide img {
    -o-object-fit: cover;
    -o-object-position: center center;
    object-fit: cover;
    object-position: center center;
}

.p-area__areaInfo-subItemWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.25rem 8.125rem;
    margin-top: 6.25rem;
    margin-right: auto;
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-area__areaInfo-subItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 28.375rem;
    max-width: 100%;
    min-height: 24.5625rem;
}

.p-area__areaInfo-sub__imgWrap {
    aspect-ratio: 454/281;
    width: 100%;
    max-width: 100%;
}

.p-area__areaInfo-sub__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-area__areaInfo-sub__text {
    margin-top: 2.5rem;
    width: 100%;
    height: 4.5rem;
}

.p-area__areaInfo-sub__text .text {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3846153846;
    line-height: 1.6;
    letter-spacing: 0em;
}

.p-area__residence {
    margin-top: 10.625rem;
    margin-right: auto;
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-area__residence-titleWrap {
    height: 100%;
}

.p-area__residence-titleWrap .title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2083333333;
    letter-spacing: 0.3em;
}

.p-area__residenceItemWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.25rem 8.125rem;
    margin-top: 4.75rem;
}

.p-area__residenceItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 0.0625rem solid #dddfe2;
    padding-bottom: 0.625rem;
    width: 28.375rem;
    max-width: 100%;
    min-height: 25.625rem;
}

.p-area__residenceItem__areaName .text {
    opacity: 0.6;
    color: #243248;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0em;
}

.p-area__residenceItem__imgWrap {
    margin-top: 0.5rem;
    aspect-ratio: 454/281;
    width: 100%;
    max-width: 100%;
}

.p-area__residenceItem__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.p-area__residenceItem__title {
    margin-top: 1.5625rem;
}

.p-area__residenceItem__title .text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: 0em;
}

.p-area__residenceItem__text {
    margin-top: 1.25rem;
    width: 100%;
    height: 4.5rem;
}

.p-area__residenceItem__text .text {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3846153846;
    letter-spacing: 0em;
}

.p-area__residenceItem__bottomLink {
    position: relative;
    margin-top: 1.75rem;
    margin-left: auto;
    padding-right: 2.375rem;
}

.p-area__residenceItem__bottomLink .link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.2142857143;
    letter-spacing: 0.007em;
}

.p-area__residenceItem__bottomLink:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/top/link-arrow.png) no-repeat center/contain;
    width: 0.9375rem;
    height: 0.625rem;
    content: "";
}

.p-area__residenceItem.comingsoon1 {
    pointer-events: none;
}

/* .p-area__residenceItem.comingsoon1 .p-area__residenceItem__areaName, */
.p-area__residenceItem.comingsoon1 .p-area__residenceItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-area__residenceItem.comingsoon2 {
    pointer-events: none;
}

.p-area__residenceItem.comingsoon2 .p-area__residenceItem__bottomLink {
    visibility: hidden;
    opacity: 0;
}

.p-residence {
    margin-bottom: 5.125rem;
}

.p-residence__top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    width: 100%;
    height: 39.375rem;
}

.p-residence__top__imgWrap {
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    height: 39.375rem;
}

.p-residence__top__imgWrap img {
    -o-object-fit: cover;
    -o-object-position: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.p-residence__top__imgWrap picture {
    -o-object-fit: cover;
    -o-object-position: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.p-residence__top__imgWrap.u-hoverZoom img {
    height: 100% !important;
}

.swiper-single {
    width: 100%;
    height: 100%;
}

.swiper-single .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.swiper-single .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-single .swiper-slide img {
    -o-object-fit: cover;
    -o-object-position: center center;
    object-fit: cover;
    object-position: center center;
}

.p-residence__top__itemWrap {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.p-residence__top__imgWrap-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    background: rgba(8, 20, 22, 0.5137254902);
    width: 100%;
    height: 100%;
}

.p-residence__titleWrap {
    display: flex;
    position: absolute;
    top: 17rem;
    left: 7.5rem;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    z-index: 10;
    max-width: 100%;
}

.p-residence__titleWrap .p-residence__name {
    color: hsla(0, 0%, 100%, 0.835);
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.4545454545;
    letter-spacing: 0.12em;
}

.p-residence__titleWrap .p-residence__name-en {
    opacity: 0.7 !important;
    margin-bottom: 0.75rem;
    color: hsla(0, 0%, 100%, 0.835);
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.32em;
}

.p-residence__main {
    margin-top: 45.9375rem;
}

.p-residence__main-top {
    margin-left: auto;
    width: 62.5rem;
    max-width: 100%;
}

.p-residence__main-top__imgWrap {
    margin-left: auto;
    aspect-ratio: 2 / 1;
    width: 100%;
    max-width: 100%;
}

.p-residence__main-top__imgWrap img {
    -o-object-fit: cover;
    object-fit: cover;
}

.p-residence__main-top__textWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 3.875rem;
    margin-right: auto;
    width: 57.5rem;
    max-width: 100%;
}

.p-residence__main-top__textWrap-left {
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.p-residence__main-top__textWrap-left .title {
    width: 16.875rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.35;
    letter-spacing: 0.06em;
}

.p-residence__main-top__textWrap-left .title-sub {
    opacity: 0.5;
    margin-bottom: 0.9375rem;
    margin-left: -0.5rem;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.3em;
}

.p-residence__main-top__textWrap-right {
    flex-shrink: 0;
    width: 25rem;
    max-width: 100%;
}

.p-residence__main-top__textWrap-right .maintext {
    width: 100%;
    max-width: 100%;
}

.p-residence__main-top__textWrap-right .maintext .text {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.75;
    letter-spacing: 0em;
}

.p-residence__main-sub {
    margin-top: 8.25rem;
    width: 72.5rem;
    max-width: 100%;
}

.p-residence__main-sub.text-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.p-residence__main-sub.text-left {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.p-residence__main-sub.item01 {
    margin-right: auto;
}

.p-residence__main-sub.item01 .p-residence__main-sub__imgWrap {
    margin-right: 8.375rem;
}

.p-residence__main-sub.item02 {
    margin-right: auto;
    margin-left: auto;
}

.p-residence__main-sub.item02 .p-residence__main-sub__imgWrap {
    margin-left: 8.375rem;
}

.p-residence__main-sub__imgWrap {
    flex-shrink: 0;
    aspect-ratio: 704/448;
    width: 37.5rem;
    max-width: 100%;
}

.p-residence__main-sub__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-residence__main-sub__infoWrap {
    padding-top: 0.75rem;
}

.p-residence__main-sub__infoWrap .p-residence__main-sub__title {
    width: 16.875rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.35;
    letter-spacing: 0.06em;
}

.p-residence__main-sub__infoWrap .p-residence__main-sub__text {
    margin-top: 2rem;
}

.p-residence__main-sub__infoWrap .p-residence__main-sub__text .text {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.75;
    letter-spacing: 0em;
}

.p-residence__areaInfo {
    margin-top: 8.75rem;
    overflow: hidden;
}

.p-residence__areaInfo__imgWrap {
    aspect-ratio: 960/360;
    width: 100%;
    height: 22.5rem;
}

.p-residence__areaInfo__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.p-residence__areaInfo__textWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 3.75rem;
    margin-left: 7.5rem;
    width: 57.5rem;
    max-width: 100%;
}

.p-residence__areaInfo__textWrap-left {
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.p-residence__areaInfo__textWrap-left .title {
    display: inline-block;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.35;
    letter-spacing: 0.1em;
}

.p-residence__areaInfo__textWrap-left .title-sub {
    opacity: 0.5;
    margin-bottom: 0.9375rem;
    margin-left: -0.75rem;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.39em;
}

@media screen and (max-width: 767px) {
    .p-residence__areaInfo__textWrap-left .title-sub {
        margin-left: 0;
    }
}

.p-residence__areaInfo__textWrap-right {
    flex-shrink: 0;
    width: 25rem;
    max-width: 100%;
}

.p-residence__areaInfo__textWrap-right .areaInfo__textWrap {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    max-width: 100%;
    min-height: 9.1875rem;
}

.p-residence__areaInfo__textWrap-right .areaInfo__textWrap .text {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.75;
    letter-spacing: 0em;
}

.p-residence__areaInfo__textWrap-right .areaInfo__textWrap.is-clicked {
    visibility: visible;
    opacity: 1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInUpContents;
    transition: opacity 0.5s ease-in-out;
}

.p-residence__mapInfo {
    margin-top: 5.125rem;
    margin-right: auto;
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-residence__mapInfo__imgWrap {
    aspect-ratio: 1040/268;
    width: 100%;
    max-width: 100%;
    height: 13.75rem;
}

.p-residence__mapInfo__imgWrap picture,
.p-residence__mapInfo__imgWrap img {
    -o-object-fit: cover;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.p-residence__mapInfo__textWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1.75rem;
    width: 57.5rem;
    max-width: 100%;
}

.p-residence__mapInfo__textWrap-left {
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.p-residence__mapInfo__textWrap-left .title {
    display: inline-block;
    margin-left: -0.75rem;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.39em;
}

.p-residence__mapInfo__textWrap-right {
    flex-shrink: 0;
    width: 25rem;
    max-width: 100%;
}

.p-residence__mapInfo__textWrap-right .textWrap {
    width: 100%;
    max-width: 100%;
}

.p-residence__mapInfo__textWrap-right .textWrap .text {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.75;
    letter-spacing: 0em;
}

.p-residence__mapInfo__textWrap-right .linkWrap {
    margin-top: 0.1875rem;
    margin-left: auto;
    text-align: right;
}

.p-residence__mapInfo__textWrap-right .linkWrap .linkItem {
    display: inline-block;
    border-bottom: 1px solid #243248;
    padding-right: 1.5rem;
    padding-bottom: 0.21875rem;
    padding-left: 0.625rem;
}

.p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link {
    position: relative;
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.1818181818;
    letter-spacing: 0.03em;
}

.p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link:after {
    position: absolute;
    top: 50%;
    right: -1.25rem;
    transform: translateY(-50%);
    background: url(../img/top/link-arrow.png) no-repeat center/contain;
    width: 0.8125rem;
    height: 0.625rem;
    content: "";
}

.p-companyWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 11rem;
    margin-right: auto;
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-company__container-right {
    flex: 1;
    margin-bottom: 10.9375rem;
    margin-left: 9.0625rem;
    border-top: 0.5px solid #243248;
    border-bottom: 0.5px solid #243248;
    width: 45.625rem;
    max-width: 100%;
}

.p-company__ItemWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 0.5px solid rgba(36, 50, 72, 0.3);
    padding: 2.8125rem 0;
}

.p-company__ItemWrap:first-child {
    border-top: 0;
}

.p-company__ItemWrap.item-doble {
    padding: 2rem 0;
}

.p-company__ItemWrap.sp-row .p-company__Item-title {
    padding-top: 0.375rem;
}

.p-company__Item-title {
    width: 11.25rem;
    max-width: 100%;
    color: rgba(36, 50, 72, 0.9);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0em;
}

.p-company__Item-text {
    display: block;
    flex: 1;
    color: #636d7c;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0em;
}

.p-company__Item-text.text-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0.375rem;
}

.p-company__Item-text.text-row .linkItem {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.75rem;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.13em;
}

.p-company__Item-text.text-row .linkItem .text {
    margin-right: 3rem;
    width: 5rem;
    color: rgba(36, 50, 72, 0.9);
    font-weight: 500;
}

.p-company__Item-text.text-row .linkItem a {
    color: #636d7c;
}

.p-contactWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10.625rem;
    margin-right: auto;
    margin-left: auto;
    width: 65rem;
    max-width: 100%;
}

.p-contact__topText {
    margin-bottom: 2.1875rem;
}

.p-contact__topText .text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

.p-contact__container-right {
    margin-bottom: 13.75rem;
    margin-left: 10.375rem;
    border-top: 1px solid rgba(36, 49, 71, 0.8);
    border-bottom: 1px solid rgba(36, 49, 71, 0.8);
    padding-top: 2.625rem;
    padding-bottom: 2.25rem;
    padding-left: 0.625rem;
    width: 45.625rem;
    max-width: 100%;
}

.p-contact__ItemWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.3125rem 0;
}

.p-contact__Item-title {
    width: 8.75rem;
    max-width: 100%;
    color: rgba(36, 50, 72, 0.9);
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2307692308;
    letter-spacing: 0.13em;
}

.p-contact__Item-text {
    display: block;
    flex: 1;
    color: #636d7c;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
}

.u-animation__fadeInUp,
.u-animation__fadeInLeft,
.u-animation__fadeInRight,
.u-animation__fadeInLeftBig,
.u-animation__fadeInRightBig {
    opacity: 0;
}

/* フェードイン時に入るクラス */

.js-fadeInUp {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInUpContents;
}

.js-fadeInUp__delay--1s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInUpContents;
}

.js-fadeInUp__delay--2s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInUpContents;
}

.js-fadeInLeft {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftContents;
}

.js-fadeInLeft__delay--1s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftContents;
}

.js-fadeInLeft__delay--2s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftContents;
}

.js-fadeInLeftBig {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftBigContents;
}

.js-fadeInLeftBig__delay--1s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftBigContents;
}

.js-fadeInLeftBig__delay--2s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInLeftBigContents;
}

.js-fadeInRight {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightContents;
}

.js-fadeInRight__delay--1s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightContents;
}

.js-fadeInRight__delay--2s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightContents;
}

.js-fadeInRightBig {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightBigContents;
}

.js-fadeInRightBig__delay--1s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightBigContents;
}

.js-fadeInRightBig__delay--2s {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInRightBigContents;
}

.u-rotate-v.is-move span,
.u-rotate-h.is-move span {
    -webkit-transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: rotateY(360deg);
    display: inline-block;
    transform: rotateY(360deg);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.u-rotate-fv-2 {
    opacity: 0;
    white-space: pre-wrap;
}

.u-rotate-fv-2.is-textdelay {
    opacity: 1;
    transition: opacity 0.6s;
}

.u-rotate-fv-2.is-textdelay span {
    -webkit-transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: rotateY(360deg);
    display: inline-block;
    transform: rotateY(360deg);
    transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition-property: opacity, transform;
}

.u-rotate-fv {
    opacity: 0;
    white-space: pre-wrap;
}

.u-rotate-fv.is-textdelay {
    opacity: 1;
    transition: opacity 0.6s;
}

.u-rotate-fv.vertical.is-textdelay span {
    display: inline-block;
    transform: rotate3d(1, 0, 0, 360deg);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.u-underLine-load,
.u-underLine-load-start {
    position: relative;
}

.u-underLine-load::after,
.u-underLine-load-start::after {
    position: absolute;
    right: 0;
    bottom: -0.0625rem;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 1.2s;
    transition-delay: 1.2s;
    background: #636d7c;
    width: 100%;
    height: 1px;
    content: "";
}

.u-underLine-load.is-visible::after,
.u-underLine-load-start.is-visible::after {
    transform: scale(1, 1);
    transform-origin: left top;
}

.u-underLine-load.is-visible::after {
    transform: scale(1, 1);
    transform-origin: left top;
}

.u-underLine-appear-hover {
    position: relative;
}

.u-underLine-appear-hover::after {
    position: absolute;
    right: 0;
    bottom: -0.0625rem;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s;
    background: #636d7c;
    width: 100%;
    height: 1px;
    content: "";
}

.u-underLine-appear-hover.color-blue {
    opacity: 0.2;
    background: #636d7c;
}

.u-underLine-appear-hover-l {
    -webkit-box-decoration-break: clone;
    display: inline;
    position: relative;
    box-decoration-break: clone;
    transition: background-size 0.7s ease-out;
    background-image: linear-gradient(#636d7c, #636d7c);
    background-position: bottom right;
    background-size: 0 1px;
    background-repeat: no-repeat;
    padding-bottom: -0.0625rem;
}

[data-anime=trigger]:hover .u-underLine-appear-hover-l {
    background-position: bottom left;
    background-size: 100% 1px;
}

.u-hoverZoom {
    overflow: hidden;
}

.u-hoverZoom img {
    -o-object-fit: cover;
    transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: transform;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.u-hoverZoom:hover img {
    transform: scale(1.07);
}

.u-fade {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.6s, opacity 0.6s ease-in-out;
}

.u-fade.is-visible {
    visibility: visible;
    opacity: 1;
}

.u-fade-fv {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 0.6s ease-in-out;
}

.u-fade-fv.is-visible {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 1s ease-in-out;
}

.u-fade-in-load {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.6s linear;
}

.u-fade-in-load.is-visible {
    visibility: visible;
    opacity: 1;
}

.u-slide-in-logo {
    display: inline-block;
    margin-left: -1.375rem;
    height: auto;
    overflow: hidden;
}

.u-slide-in_inner-logo {
    display: inline-block;
    height: 100%;
}

.u-downAnime-logo {
    opacity: 0;
}

.u-slideAnimeDownUp-logo {
    opacity: 0;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-name: slideTextY100-logo;
    height: auto;
}

.u-slideAnimeUpDown-logo {
    opacity: 0;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-name: slideTextY-100-logo;
}

.u-slide-in {
    display: inline-block;
    height: auto;
    overflow: hidden;
}

.u-slide-in_inner {
    display: inline-block;
    height: 100%;
}

.u-downAnime {
    opacity: 0;
}

.u-slideAnimeDownUp {
    opacity: 0;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: slideTextY100;
    height: auto;
}

.u-slideAnimeUpDown {
    opacity: 0;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: slideTextY-100;
}

.u-slide-in-fv {
    display: inline-block;
    height: auto;
    overflow: hidden;
}

.u-slide-in_inner-fv {
    display: inline-block;
    height: 100%;
}

.u-downAnime {
    opacity: 0;
}

.u-slideAnimeDownUp-fv {
    opacity: 0;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: slideTextY100-fv;
    height: auto;
}

.u-slideAnimeUpDown-fv {
    opacity: 0;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: slideTextY-100-fv;
}

.u-slide-in-fv,
.u-slide-in_inner-fv {
    opacity: 0;
    transition: opacity 0.8s ease-out 0.5s;
}

.u-sp {
    display: none;
}

.u-pc {
    display: none !important;
}

.br-only-sp {
    display: none;
}

.br-only-pc {
    display: block;
}

.u-center {
    text-align: center !important;
}

.u-left {
    text-align: left !important;
}

.u-right {
    text-align: right !important;
}

.u-pointer__none {
    pointer-events: none !important;
}

.u-nowrap {
    white-space: nowrap;
}

#u-mouse_stkr {
    position: fixed;
    top: -15px;
    left: -15px;
    transform: translate(0, 0);
    opacity: 0;
    z-index: 9999;
    transition: all 0.3s ease-out;
    border-radius: 50%;
    background-color: #e5e9eb;
    width: 10px;
    height: 10px;
    pointer-events: none;
}

#u-mouse_stkr.is-hover {
    transition: all 0.3s ease-out;
    background-color: rgba(229, 233, 235, 0.2);
    width: 55px;
    height: 55px;
}

#u-mouse_stkr.is-drawer-icon-hover {
    background-color: rgba(255, 255, 255, 0.8);
}

#u-mouse_stkr.is-pagination-hover {
    background-color: rgba(255, 255, 255, 0.7);
}

#u-mouse_stkr.page-numbers {
    background-color: rgba(255, 255, 255, 0.7);
}

.u-bgAnimWrap-top {
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.u-bgAnime__01-top {
    position: fixed;
    top: -1px;
    right: -7%;
    animation: 7s ease-in 1s infinite alternate forwards running yurayura-r;
    background: url(../img/top/bg-top.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 108%;
    height: 71.375rem;
}

.u-bgAnimWrap-top.p-topBg-top {
    top: 100vh;
    right: 0;
}

.u-bgAnimWrap-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.u-bgAnime__02-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    animation: 7s ease-in 1s infinite alternate forwards running yurayura-pc;
    background: url(../img/top/bg-bottom.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 108%;
    height: 71.375rem;
}

@media (hover: hover) {

    a:hover {
        cursor: pointer;
        color: #636d7c;
    }

    .l-footer__navItem.icon-item a:hover {
        transition: all 0.3s ease;
        cursor: pointer;
        background-image: url("../img/icon/footer_icon-instagram-h.svg");
    }

    .c-pagination__wrap .page-numbers:hover a {
        cursor: pointer;
        color: #243248;
    }

    .c-pagination__wrap .page-numbers.current:hover a {
        color: #636d7c;
    }

    .p-residence__areaInfo__textWrap-left .title.c-btn__text-fadeIn:hover {
        cursor: pointer;
    }

    .u-underLine-appear-hover:hover::after {
        transform: scale(1, 1);
        transform-origin: left top;
    }

}

@media (min-width: 768px) {

    .js-fadeInUp__delay--1s {
        animation-delay: 1s;
    }

    .js-fadeInUp__delay--2s {
        animation-delay: 2s;
    }

    .js-fadeInLeft__delay--1s {
        animation-delay: 1s;
    }

    .js-fadeInLeft__delay--2s {
        animation-delay: 2s;
    }

    .js-fadeInLeftBig__delay--1s {
        animation-delay: 1s;
    }

    .js-fadeInLeftBig__delay--2s {
        animation-delay: 2s;
    }

    .js-fadeInRight__delay--1s {
        animation-delay: 1s;
    }

    .js-fadeInRight__delay--2s {
        animation-delay: 2s;
    }

    .js-fadeInRightBig__delay--1s {
        animation-delay: 1s;
    }

    .js-fadeInRightBig__delay--2s {
        animation-delay: 2s;
    }

    .u-pc {
        display: block !important;
    }

    .u-center--pc {
        text-align: center !important;
    }

    .u-left--pc {
        text-align: left !important;
    }

    .u-right--pc {
        text-align: right !important;
    }

    .u-pointer__none--pc {
        pointer-events: none !important;
    }

    .u-nowrap--pc {
        white-space: nowrap;
    }

}

@media screen and (max-width: 1279px) and (min-width: 768px) {

    html {
        font-size: calc(1600 / 1280 * 1vw);
    }

}

@media screen and (min-width: 1281px) {

    .l-residence__inner.top-large {
        margin-right: 0 !important;
        margin-left: auto;
        width: 70.5rem;
    }

    .l-top-about-inner-large {
        margin-right: 0rem;
        margin-left: auto;
        width: 100%;
        max-width: 90vw;
    }

    .p-topFv {
        max-width: 100%;
    }

    .p-topFv__imgWrap img {
        width: 100vw;
        height: auto;
    }

    .p-top__about {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .p-top__about__itemWrap.wrap02 {
        margin-left: auto;
        width: 68rem;
    }

    .p-area__areaInfo-main__imgWrap img {
        height: 100% !important;
    }

    .p-residence__main-top {
        margin: 0 auto;
        margin-left: auto;
        width: 73.75rem;
    }

    .p-residence__main-top__imgWrap {
        margin-right: calc(50% - 50vw);
        max-width: none;
    }

    .p-residence__main-top__imgWrap img {
        height: 100% !important;
    }

    .p-residence__main-top__textWrap {
        margin-left: 7rem;
    }

}

@media screen and (min-width: 1451px) {

    .u-bgAnime__01-top {
        height: 127.625rem;
    }

    .u-bgAnime__01-top::after {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        filter: blur(-7px);
        background: inherit;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 250, 250, 0.459));
        height: 6.25rem;
        content: "";
    }

    .u-bgAnime__02-bottom {
        height: 127.625rem;
    }

    .u-bgAnime__02-bottom::after {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        filter: blur(-7px);
        background: inherit;
        background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 250, 250, 0.459));
        height: 6.25rem;
        content: "";
    }

}

@media screen and (max-width: 767px) {

    html {
        font-size: calc(1600 / 375 * 1vw);
    }

    body {
        scroll-padding-top: calc(65px + 0.625rem);
    }

    .l-header {
        height: 3.3125rem;
    }

    .l-header__wrapper {
        padding: 0 3.375rem 0 1.25rem;
    }

    .l-header__lang-switcherWrap {
        margin-right: 0.625rem;
    }

    .l-header__lang-switcher .bogo-language-name {
        padding: 0 0.75rem;
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .l-header__lang-switcher .devide {
        font-size: clamp(10px, 0.8125rem, 13px);
    }

    .bogo-language-name {
        padding: 0 0.75rem;
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .bogo-language-switcher.list-view a {
        padding: 0 0.75rem;
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .l-drawer__icon {
        top: 1.1rem;
        right: 1.25rem;
        width: 1.875rem;
    }

    .bar,
    .bar2 {
        width: 1.875rem;
    }

    .l-drawer__menu {
        padding-top: 4.9375rem;
        padding-right: 1.5625rem;
        padding-bottom: 3.625rem;
        padding-left: 0;
    }

    .l-drawer__slideWrap .l-drawer__slide {
        display: none;
    }

    .l-drawer__container {
        padding-left: 1.5rem;
    }

    .l-drawer__logo {
        font-size: clamp(14px, 1.25rem, 20px);
    }

    .l-drawer__nav {
        margin-top: 3.4375rem;
        padding-bottom: 8.125rem;
        padding-left: 0.9375rem;
    }

    .l-drawer__list.first-level {
        width: 8.125rem;
    }

    .l-drawer__list.first-level .l-drawer__item a {
        font-size: clamp(10px, 0.8125rem, 13px);
    }

    .l-drawer__list.first-level .l-drawer__item.item02 {
        margin-top: 5.625rem;
    }

    .l-drawer__list.first-level .l-drawer__item.item03 {
        margin-top: 3.4375rem;
    }

    .l-drawer__list.first-level .l-drawer__item.item04 {
        margin-top: 3.75rem;
    }

    .l-drawer__list.second-level {
        width: 13.125rem;
    }

    .l-drawer__list.second-level .l-drawer__item a {
        font-size: clamp(10px, 0.8125rem, 13px);
    }

    .l-drawer__list.third-level .l-drawer__item a {
        font-size: clamp(10px, 0.8125rem, 13px);
    }

    .l-drawer__list a {
        font-size: clamp(16px, 1.75rem, 28px);
    }

    .l-drawer__links {
        padding-top: 1.25rem;
    }

    .l-drawer__linkWrap .title {
        width: 33%;
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .l-drawer__linkWrap .link a {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .l-main {
        margin-top: 80;
    }

    .l-inner {
        padding: 0 1.5625rem;
        width: 100%;
        max-width: 100%;
    }

    .l-area__inner {
        width: 100%;
        max-width: 100%;
    }

    .l-area__inner-large {
        width: 100%;
        max-width: 100%;
    }

    .l-residence__inner {
        padding: 0 1.5625rem;
        width: 100%;
        max-width: 100%;
    }

    .l-residence__inner.sp-large {
        padding: 0;
    }

    .l-top__inner {
        padding: 0 1.5625rem;
        width: 100%;
        max-width: 100%;
    }

    .l-top-subinner {
        padding: 0 !important;
    }

    .l-top__inner.sp-large {
        padding: 0;
    }

    .l-top-about-inner-large {
        padding: 0;
    }

    .l-footer {
        height: 6.5625rem;
    }

    .l-footer__itemWrap {
        flex-direction: column;
        margin: 0;
        padding-top: 1.4375rem;
        padding-right: 0;
        padding-left: 0;
    }

    .l-footer__navWrap {
        margin-left: -0.8125rem;
        width: 100%;
    }

    .l-footer__nav {
        width: 100%;
        gap: 0.5rem 1.5rem;
    }

    .l-footer__navItem a {
        font-size: 10px;
    }

    .l-footer__navItem:nth-of-type(4) {
        display: block;
        flex-basis: 100%;
    }

    .l-footer__navItem.icon-item a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .l-footer__copy {
        margin-top: 1.75rem;
    }

    .l-footer__copy .text {
        font-size: 9px;
    }

    .c-btn__text-fadeIn:after {
        width: 0.5rem;
        height: 0.4375rem;
    }

    .c-pageTitle {
        font-size: clamp(14px, 1.25rem, 20px);
        letter-spacing: 0.29em;
    }

    .c-pagination__wrap .page-numbers {
        padding: 0 2rem;
    }

    .c-pagination__wrap .page-numbers {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .c-pagination__wrap .page-numbers.current::after {
        bottom: -0.75rem;
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-topFv {
        width: 100%;
        max-width: 100%;
    }

    .p-topFv__titleWrap {
        bottom: 2.5rem;
        left: 1.25rem;
        width: auto;
    }

    .p-topFv__titleWrap .p-topFv__name {
        font-size: clamp(11px, 0.75rem, 12px);
        letter-spacing: 0.09em;
    }

    .p-topFv__textWrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .p-topFv__text-jp {
        margin-left: 0;
        margin-left: -0.1875rem;
        font-size: clamp(22px, 1.625rem, 26px);
        letter-spacing: 0.07em;
    }

    .p-topFv__text-jp.--en {
        margin-left: 0;
    }

    .p-topFv__text-en {
        margin-left: 0;
        font-size: clamp(10px, 0.6875rem, 11px);
        letter-spacing: 0.09em;
    }

    .p-topFv__scrollTextWrap {
        right: 0.4375rem;
        bottom: 2.625rem;
        width: auto;
    }

    .p-topFv__scrollTextWrap .text {
        font-size: clamp(10px, 0.6875rem, 11px);
        letter-spacing: 0.12em;
    }

    .p-topFv__scrollTextWrap .text.is-appear:after {
        bottom: 4.75rem;
        left: 40%;
        height: 8.625rem;
    }

    .p-topFv__imgWrap {
        aspect-ratio: 375/667;
        max-width: 100%;
    }

    .p-top__main {
        margin-top: 4.375rem;
    }

    .p-top__main-l.text-right {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 200%;
    }

    .p-top__main-l.text-right .p-top__main-l__imgWrap {
        margin-right: auto;
        width: 21.375rem;
        max-width: auto;
        height: auto;
    }

    .p-top__main-l.text-right .p-top__main-l__imgWrap img {
        height: 100% !important;
    }

    .p-top__main-l.text-right .p-top__main-l__textWrap {
        margin-left: 2.5rem;
    }

    .p-top__main-l.text-right.taxonomy-page {
        flex-direction: column-reverse;
    }

    .p-top__main-l.text-right.taxonomy-page .p-top__main-l__imgWrap {
        margin-top: 3.875rem;
    }

    .p-top__main-l.text-right.item02 .p-top__main-l__textWrap {
        padding-top: 0 !important;
    }

    .p-top__main-l.text-left {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 200%;
    }

    .p-top__main-l.text-left .p-top__main-l__imgWrap {
        margin-left: auto;
        width: 21.375rem;
        max-width: auto;
        height: auto;
    }

    .p-top__main-l.text-left .p-top__main-l__imgWrap img {
        height: 100% !important;
    }

    .p-top__main-l.text-left .p-top__main-l__textWrap {
        padding-top: 0 !important;
    }

    .p-top__main-l__textWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-items: flex-start;
        margin-top: 2.875rem;
        margin-left: 0.5rem;
        padding-top: 0;
        width: 18.25rem;
    }

    .p-top__main-l__textWrap.MetroStudio {
        margin-top: 0;
    }

    .p-top__main-l__textWrap-top .title {
        padding-bottom: 0.1875rem;
        width: 100%;
        font-size: clamp(16px, 1.5rem, 24px);
        line-height: 1.26;
        letter-spacing: 0.3em;
    }

    .p-top__main-l__textWrap-top .title-sub {
        margin-left: -0.4375rem;
        font-size: clamp(12px, 0.8125rem, 13px);
    }

    .p-top__main-l__textWrap-bottom {
        margin-top: 1.125rem;
    }

    .p-top__main-l__textWrap-bottom .maintext .text {
        font-size: clamp(14px, 1rem, 16px);
        line-height: 1.52;
    }

    .p-top__main-l__textWrap-bottom .subtext {
        margin-top: 1.125rem;
    }

    .p-top__main-l__textWrap-bottom .subtext .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.52;
    }

    .p-top-seebreeze {
        margin-top: 7.375rem;
        margin-right: 0;
        margin-left: auto;
        width: 21.375rem;
    }

    .p-top-metrostudio {
        margin-top: 8rem;
    }

    .p-top__main-sub {
        margin-top: 4.0625rem;
        width: 18.4375rem;
    }

    .p-top__main-sub___areaItemWrap {
        display: block;
        gap: 0;
    }

    .p-top__main-sub___areaItem {
        margin: 0 auto;
        margin-top: 2.5625rem;
        padding-bottom: 0.3125rem;
        width: 18.4375rem;
        height: auto;
        min-height: auto;
    }

    .p-top__main-sub___areaItem:first-child {
        margin-top: 0;
    }

    .p-top__main-sub___areaItem__areaName .text {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-top__main-sub___areaItem__imgWrap {
        margin-top: 0.25rem;
        height: 11.375rem;
    }

    .p-top__main-sub___areaItem__title {
        margin-top: 1.125rem;
    }

    .p-top__main-sub___areaItem__title .text {
        font-size: clamp(14px, 1rem, 16px);
        line-height: 1.7;
    }

    .p-top__main-sub___areaItem__text {
        margin-top: 0.875rem;
        height: auto;
    }

    .p-top__main-sub___areaItem__text .text {
        font-size: clamp(11px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-top__main-sub___areaItem__bottomLink {
        margin-top: 1.5625rem;
    }

    .p-top__main-sub___areaItem__bottomLink .link {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-top__main-sub___areaItem__bottomLink:after {
        width: 0.625rem;
        height: 0.5rem;
    }

    .p-top__main-sub___areaItem.h-1 .p-top__main-sub___areaItem__bottomLink {
        margin-top: 1.5625rem;
    }

    .p-top__main-sub___areaItem.h-2 .p-top__main-sub___areaItem__bottomLink {
        margin-top: 0.5rem;
    }

    .p-top__main-sub___areaItem.h-3 .p-top__main-sub___areaItem__bottomLink {
        margin-top: 1.25rem;
    }

    .p-top__main-sub___areaItem.h-4 .p-top__main-sub___areaItem__bottomLink {
        margin-top: 2.625rem;
    }

    .p-top__about {
        margin-top: 8.25rem;
        margin-bottom: 6.875rem;
    }

    .p-top__about__imgWrap {
        margin-left: 0;
        width: calc(100% + 2.5rem);
        max-width: unset;
        height: 12.5rem;
    }

    .p-top__about__imgWrap img {
        height: 100% !important;
    }

    .p-top__about__itemWrap.wrap02 {
        width: 100%;
        max-width: 200%;
    }

    .p-top__about__textWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-items: flex-start;
        margin-top: 3.125rem;
        margin-left: 1rem;
        padding-left: 0;
        width: 18.25rem;
    }

    .p-top__about__textWrap-left {
        padding-left: 0;
    }

    .p-top__about__textWrap-left .top .title {
        margin-bottom: 0.625rem;
        width: 100%;
        font-size: clamp(14px, 1.25rem, 20px);
        line-height: 1.26;
        letter-spacing: 0.06em;
    }

    .p-top__about__textWrap-left .top .title {
        padding-bottom: 0.1875rem;
        width: 100%;
        font-size: clamp(16px, 1.5rem, 24px);
        line-height: 1.26;
        letter-spacing: 0.01em;
    }

    .p-top__about__textWrap-left .top .title-sub {
        margin-bottom: 0.9375rem;
        margin-left: -0.125rem;
        font-size: clamp(12px, 0.8125rem, 13px);
        letter-spacing: 0.3em;
    }

    .p-top__about__textWrap-left .top .title-sub {
        font-size: clamp(12px, 0.8125rem, 13px);
    }

    .p-top__about__textWrap-left .bottom {
        margin-top: 0.3125rem;
        margin-left: 0.1875rem;
    }

    .p-top__about__textWrap-left .bottom .text {
        font-size: clamp(10px, 0.75rem, 12px);
        line-height: 1.1;
    }

    .p-top__about__textWrap-left .bottom .text {
        font-size: clamp(14px, 1rem, 16px);
        line-height: 1.52;
    }

    .p-top__about__textWrap-right {
        margin-top: 0.3125rem;
    }

    .p-top__about__textWrap-right .maintext {
        margin-left: 0;
    }

    .p-top__about__textWrap-right .maintext .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.7;
    }

    .p-top__about__textWrap-right .maintext .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.52;
    }

    .p-top__about__textWrap-right .maintext .text.t-bottom {
        margin-top: 0.875rem;
    }

    .l-archive__inner {
        margin-bottom: 3.75rem;
    }

    .p-archive {
        margin: 0 auto;
    }

    .p-archive__top {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5.125rem;
    }

    .p-archive__title {
        margin-bottom: 2.1875rem;
    }

    .p-archive__areaLinksWrap::before {
        left: .5rem;
        width: 1px;
    }

    .p-archive__areaLinksWrap {
        padding-left: 1.75rem;
    }

    .p-archive__areaLinks {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.0625rem 0.625rem;
        width: 100%;
    }

    .p-archive__areaLinks .linkItem a {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-archive__areaLinks .linkItem.current-menu-item a:after {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transform: translateY(-40%);
    }

    .english-page .linkItem.current-menu-item {
        margin-right: 0;
    }

    .english-page .linkItem.current-menu-item a:after {
        left: calc(100% + 0.625rem);
    }

    .p-archive__areaItemWrap {
        display: block;
        gap: 0;
        margin-top: 4.4375rem;
    }

    .p-archive__areaItem {
        margin: 0 auto;
        margin-top: 2.6875rem;
        padding-bottom: 0.3125rem;
        width: 18.4375rem;
        height: auto;
        min-height: auto;
    }

    .p-archive__areaItem:first-child {
        margin-top: 0;
    }

    .p-archive__areaItem__areaName .text {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-archive__areaItem__imgWrap {
        margin-top: 0.625rem;
    }

    .p-archive__areaItem__title {
        margin-top: 1.125rem;
    }

    .p-archive__areaItem__title .text {
        font-size: clamp(14px, 1rem, 16px);
        line-height: 1.7;
    }

    .p-archive__areaItem__text {
        margin-top: 0.875rem;
        height: auto;
    }

    .p-archive__areaItem__text .text {
        font-size: clamp(11px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-archive__areaItem__bottomLink {
        margin-top: 2.5rem;
    }

    .p-archive__areaItem__bottomLink .link {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-archive__areaItem__bottomLink:after {
        width: 0.625rem;
        height: 0.5rem;
    }

    .p-archive__pagination {
        margin-top: 5.625rem;
        margin-bottom: 5.3125rem;
    }

    .p-area {
        margin-top: 5.1875rem;
        margin-right: auto;
        margin-bottom: 6.625rem;
        margin-left: auto;
    }

    .p-area__top {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.5625rem;
    }

    .p-area__title {
        margin-bottom: 2.1875rem;
    }

    .p-area__areaInfo-main-top {
        margin-top: 2.6875rem;
        margin-right: auto;
        margin-left: auto;
    }

    .p-area__areaInfo-remark {
        padding: 0 2rem;
        font-size: 1rem;
    }

    .p-area__areaInfo-main__textWrap {
        padding: 0 2.5rem;
    }

    .p-area__areaInfo-main__title {
        font-size: clamp(15px, 1rem, 16px);
    }

    .p-area__areaInfo-main__title-en {
        font-size: clamp(14px, 1rem, 16px);
    }

    .p-area__areaInfo-main__text {
        margin-top: 0.625rem;
    }

    .p-area__areaInfo-main__text .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.66;
    }

    .p-area__areaInfo-main__imgWrap {
        /* margin-top: 2.4375rem; */
        margin-left: auto;
        width: 21.375rem;
        height: 12.5rem;
    }

    .p-area__areaInfo-main__imgWrap picture {
        width: 100%;
        height: 100%;
    }

    .p-area__areaInfo-main__imgWrap img {
        height: 100%;
    }

    .p-area__areaInfo-subItemWrap {
        display: block;
        gap: 0;
        margin-top: 3.375rem;
    }

    .p-area__areaInfo-subItem {
        margin: 0 auto;
        margin-top: 3.1875rem;
        width: 18.4375rem;
        height: auto;
        min-height: auto;
    }

    .p-area__areaInfo-subItem:first-child {
        margin-top: 0;
    }

    .p-area__areaInfo-sub__text {
        margin-top: 0.9375rem;
        height: auto;
    }

    .p-area__areaInfo-sub__text .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-area__residence {
        margin-top: 3.4375rem;
    }

    .p-area__residence-titleWrap .title {
        font-size: clamp(16px, 1.25rem, 20px);
    }

    .p-area__residenceItemWrap {
        display: block;
        gap: 0;
        margin-top: 1.3125rem;
    }

    .p-area__residenceItem {
        margin: 0 auto;
        margin-top: 2.5rem;
        padding-bottom: 0.25rem;
        width: 18.4375rem;
        height: auto;
        min-height: auto;
    }

    .p-area__residenceItem:first-child {
        margin-top: 0;
    }

    .p-area__residenceItem__areaName .text {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-area__residenceItem__imgWrap {
        margin-top: 0.0625rem;
    }

    .p-area__residenceItem__title {
        margin-top: 1.25rem;
    }

    .p-area__residenceItem__title .text {
        font-size: clamp(14px, 1rem, 16px);
        letter-spacing: 0.06em;
    }

    .p-area__residenceItem__text {
        height: auto;
    }

    .p-area__residenceItem__text .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-area__residenceItem__bottomLink {
        margin-top: 2.5rem;
        padding-bottom: 0.25rem;
    }

    .p-area__residenceItem__bottomLink .link {
        font-size: clamp(12px, 0.9375rem, 15px);
    }

    .p-area__residenceItem__bottomLink:after {
        width: 0.5625rem;
        height: 0.4375rem;
    }

    .p-residence {
        margin-bottom: 5.9375rem;
    }

    .p-residence__top {
        width: 100%;
        max-width: 100%;
        height: 25.875rem;
    }

    .p-residence__titleWrap {
        top: 10.875rem;
        left: 1.5rem;
        width: auto;
    }

    .p-residence__titleWrap .p-residence__name {
        font-size: clamp(14px, 1.375rem, 22px);
        letter-spacing: 0.09em;
    }

    .p-residence__titleWrap .p-residence__name-en {
        font-size: clamp(12px, 0.8125rem, 13px);
        letter-spacing: 0.3em;
    }

    .p-residence__main {
        margin-top: 29.5rem;
    }

    .p-residence__main-top {
        width: 100%;
        max-width: 200%;
    }

    .p-residence__main-top__imgWrap {
        width: 21.375rem;
        max-width: auto;
        aspect-ratio: auto;
    }

    .p-residence__main-top__imgWrap img {
        height: 100% !important;
    }

    .p-residence__main-top__textWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-items: flex-start;
        margin-top: 2rem;
        margin-left: 1rem;
        width: 18.25rem;
    }

    .p-residence__main-top__textWrap-left .title {
        width: 100%;
        font-size: clamp(14px, 1.25rem, 20px);
        line-height: 1.26;
        letter-spacing: 0.03em;
    }

    .p-residence__main-top__textWrap-left .title-sub {
        font-size: clamp(12px, 0.8125rem, 13px);
    }

    .p-residence__main-top__textWrap-right {
        margin-top: 1.1875rem;
    }

    .p-residence__main-top__textWrap-right .maintext .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.52;
    }

    .p-residence__main-sub {
        margin-top: 4.0625rem;
        width: 18.4375rem;
    }

    .p-residence__main-sub.text-right {
        flex-direction: column-reverse;
    }

    .p-residence__main-sub.text-left {
        flex-direction: column-reverse;
    }

    .p-residence__main-sub.item01 .p-residence__main-sub__imgWrap {
        margin-right: auto;
    }

    .p-residence__main-sub.item02 {
        margin-right: 0;
    }

    .p-residence__main-sub.item02 .p-residence__main-sub__imgWrap {
        margin-right: auto;
        margin-left: auto;
    }

    .p-residence__main-sub__imgWrap {
        width: 18.4375rem;
    }

    .p-residence__main-sub__infoWrap {
        margin-top: 1.25rem;
    }

    .p-residence__main-sub__infoWrap .p-residence__main-sub__title {
        width: 100%;
        font-size: clamp(16px, 1.25rem, 20px);
        letter-spacing: 0.03em;
    }

    .p-residence__main-sub__infoWrap .p-residence__main-sub__text {
        margin-top: 1.0625rem;
    }

    .p-residence__main-sub__infoWrap .p-residence__main-sub__text .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.56;
    }

    .p-residence__areaInfo {
        margin-top: 5.1875rem;
        overflow: visible;
    }

    .p-residence__areaInfo__imgWrap {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        width: 100vw;
        height: 12.5rem;
    }

    .p-residence__areaInfo__imgWrap img {
        height: 100% !important;
    }

    .p-residence__areaInfo__textWrap {
        flex-direction: column;
        margin-top: 3.125rem;
        margin-left: 0;
        /* padding: 0 1.25rem 0 0.3125rem; */
    }

    .p-residence__areaInfo__textWrap-left .title {
        /* padding-left: 0.625rem; */
        font-size: clamp(16px, 1.25rem, 20px);
    }

    .p-residence__areaInfo__textWrap-left .title-sub {
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-residence__areaInfo__textWrap-right {
        margin-top: 1.125rem;
        margin-left: 0.625rem;
    }

    .p-residence__areaInfo__textWrap-right .areaInfo__textWrap {
        display: none;
        transition: all 0.5s ease-in-out;
        height: auto;
    }

    .p-residence__areaInfo__textWrap-right .areaInfo__textWrap .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-residence__areaInfo__textWrap-right .areaInfo__textWrap.is-clicked {
        display: block;
        transition: all 0.5s ease-in-out;
    }

    .p-residence__mapInfo {
        margin-top: 4.375rem;
        width: 100%;
    }

    .p-residence__mapInfo__imgWrap {
        aspect-ratio: 327/178;
        height: 11.125rem;
    }

    .p-residence__mapInfo__textWrap {
        flex-direction: column;
        margin-top: 1.875rem;
        padding: 0 1.25rem 0 0.3125rem;
        width: 100%;
    }

    .p-residence__mapInfo__textWrap-left .title {
        margin-left: 0;
        font-size: clamp(12px, 0.875rem, 14px);
    }

    .p-residence__mapInfo__textWrap-right {
        padding: 0 0 0 0.4375rem;
        width: 100%;
    }

    .p-residence__mapInfo__textWrap-right .textWrap {
        margin-top: 1.3125rem;
    }

    .p-residence__mapInfo__textWrap-right .textWrap .text {
        font-size: clamp(12px, 0.875rem, 14px);
        line-height: 1.5;
    }

    .p-residence__mapInfo__textWrap-right .linkWrap {
        margin-top: 0.625rem;
    }

    .p-residence__mapInfo__textWrap-right .linkWrap .linkItem {
        padding-right: 1.375rem;
        padding-bottom: 0.25rem;
        padding-left: 0;
    }

    .p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link {
        padding-left: 0.625rem;
        font-size: clamp(12px, 0.875rem, 14px);
        letter-spacing: 0.07em;
    }

    .p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link:after {
        right: -1.5625rem;
        width: 0.5rem;
        height: 0.4375rem;
    }

    .p-companyWrap {
        flex-direction: column;
        margin-top: 5.8125rem;
    }

    .p-company__container-left {
        padding-bottom: 2.5rem;
    }

    .p-company__container-right {
        box-sizing: border-box;
        margin-right: 1rem;
        margin-bottom: 6.6875rem;
        margin-left: 1rem;
        width: 90%;
    }

    .p-company__ItemWrap {
        padding: 2.3125rem 0;
    }

    .p-company__ItemWrap.sp-row {
        align-items: flex-start;
    }

    .p-company__Item-title {
        /* padding: 0.3rem; */
        width: 4.625rem;
        font-size: clamp(10px, 0.75rem, 12px);
        overflow-wrap: break-word;
    }

    .p-company__Item-text {
        font-size: clamp(10px, 0.75rem, 12px);
        line-height: 1.7;
    }

    .p-company__Item-text.text-row .linkItem {
        flex-direction: column;
        align-items: flex-start;
        font-size: clamp(10px, 0.75rem, 12px);
        letter-spacing: 0;
    }

    .p-company__Item-text.text-row .linkItem:first-child {
        margin-bottom: 0.9375rem;
    }

    .p-company__Item-text.text-row .linkItem .text {
        margin-bottom: 0.25rem;
    }

    .p-contactWrap {
        flex-direction: column;
        margin-top: 5.9375rem;
    }

    .p-contact__container-left {
        padding-bottom: 2.5rem;
    }

    .p-contact__topText {
        margin-bottom: 1.5625rem;
    }

    .p-contact__topText .text {
        font-size: clamp(10px, 0.8125rem, 13px);
        line-height: 1.78;
    }

    .p-contact__container-right {
        box-sizing: border-box;
        margin-right: 1rem;
        margin-bottom: 0;
        margin-left: 1rem;
        padding-top: 2.9375rem;
        padding-bottom: 1.875rem;
        width: 90%;
    }

    .p-contact__ItemWrap {
        padding: 0.125rem 0;
    }

    .p-contact__Item-title {
        width: 4.625rem;
        font-size: clamp(10px, 0.75rem, 12px);
        letter-spacing: 0;
    }

    .p-contact__Item-text {
        font-size: clamp(10px, 0.75rem, 12px);
        line-height: 1.7;
        letter-spacing: 0;
    }

    .js-fadeInLeft {
        animation-name: fadeInUpContents;
    }

    .js-fadeInLeft__delay--1s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInLeft__delay--2s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInLeftBig {
        animation-name: fadeInUpContents;
    }

    .js-fadeInLeftBig__delay--1s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInLeftBig__delay--2s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRight {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRight__delay--1s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRight__delay--2s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRightBig {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRightBig__delay--1s {
        animation-name: fadeInUpContents;
    }

    .js-fadeInRightBig__delay--2s {
        animation-name: fadeInUpContents;
    }

    .u-slide-in-logo {
        margin-left: 0;
    }

    .u-sp {
        display: block !important;
    }

    .br-only-sp {
        display: block;
    }

    .br-only-pc {
        display: none;
    }

    .u-center--sp {
        text-align: center !important;
    }

    .u-left--sp {
        text-align: left !important;
    }

    .u-right--sp {
        text-align: right !important;
    }

    .u-pointer__none--sp {
        pointer-events: none !important;
    }

    .u-nowrap--sp {
        white-space: nowrap;
    }

    #u-mouse_stkr {
        display: none;
    }

    .u-bgAnimWrap-top.p-topBg-top {
        top: 100svh;
    }

}

@media screen and (max-width: 767px) and (max-width: 767px) {

    .p-area__areaInfo-main__title-en {
        font-size: clamp(11px, 0.75rem, 12px);
    }

    .p-residence__titleWrap .p-residence__name-en {
        margin-bottom: 0.4375rem;
    }

}

@media screen and (max-width: 500px) {

    .c-btn__text-fadeIn:after {
        width: 0.9375rem;
        height: 0.625rem;
    }

    .c-pagination__wrap .page-numbers.current::after {
        bottom: -0.375rem;
    }

    .p-topFv__titleWrap .p-topFv__name {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-topFv__text-jp {
        font-size: clamp(14px, 1.375rem, 22px);
    }

    .p-topFv__text-en {
        margin-bottom: -1.1em;
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-topFv__scrollTextWrap .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-top__main-l__textWrap-top .title {
        font-size: clamp(16px, 1.25rem, 20px);
    }

    .p-top__main-l__textWrap-top .title-sub {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-top__main-l__textWrap-bottom .maintext .text {
        font-size: clamp(11px, 0.8125rem, 13px);
    }

    .p-top__main-l__textWrap-bottom .subtext .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-top__main-sub___areaItem__areaName .text {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-top__main-sub___areaItem__title .text {
        font-size: clamp(11px, 0.8125rem, 13px);
    }

    .p-top__main-sub___areaItem__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-top__main-sub___areaItem__bottomLink .link {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-top__main-sub___areaItem__bottomLink:after {
        width: 0.9375rem;
        height: 0.625rem;
    }

    .p-top__about__textWrap-left .top .title {
        font-size: clamp(12px, 1.125rem, 18px);
    }

    .p-top__about__textWrap-left .top .title {
        font-size: clamp(16px, 1.25rem, 20px);
    }

    .p-top__about__textWrap-left .top .title-sub {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-top__about__textWrap-left .top .title-sub {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-top__about__textWrap-left .bottom .text {
        font-size: 10px;
    }

    .p-top__about__textWrap-left .bottom .text {
        font-size: clamp(11px, 0.8125rem, 13px);
    }

    .p-top__about__textWrap-right .maintext .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-top__about__textWrap-right .maintext .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-archive__areaItem__areaName .text {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-archive__areaItem__title .text {
        font-size: clamp(11px, 0.8125rem, 13px);
    }

    .p-archive__areaItem__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-archive__areaItem__bottomLink .link {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-archive__areaItem__bottomLink:after {
        width: 0.9375rem;
        height: 0.625rem;
    }

    .p-area__areaInfo-main__title {
        font-size: clamp(14px, 1rem, 16px);
    }

    .p-area__areaInfo-main__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-area__areaInfo-main__imgWrap {
        /* margin-top: 4.3125rem; */
    }

    .p-area__areaInfo-sub__text {
        margin-top: 1.875rem;
    }

    .p-area__areaInfo-sub__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-area__residence {
        margin-top: 7.1875rem;
    }

    .p-area__residenceItemWrap {
        margin-top: 3.1875rem;
    }

    .p-area__residenceItem__areaName .text {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-area__residenceItem__title .text {
        font-size: clamp(11px, 0.8125rem, 13px);
    }

    .p-area__residenceItem__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-area__residenceItem__bottomLink .link {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-area__residenceItem__bottomLink:after {
        width: 0.9375rem;
        height: 0.625rem;
    }

    .p-residence__titleWrap .p-residence__name {
        font-size: clamp(12px, 1rem, 16px);
    }

    .p-residence__titleWrap .p-residence__name-en {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__main-top__textWrap-left .title {
        font-size: clamp(12px, 1.125rem, 18px);
    }

    .p-residence__main-top__textWrap-left .title-sub {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-residence__main-top__textWrap-right .maintext .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__main-sub__infoWrap .p-residence__main-sub__title {
        font-size: clamp(14px, 1rem, 16px);
    }

    .p-residence__main-sub__infoWrap .p-residence__main-sub__text .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__areaInfo__textWrap-left .title {
        font-size: clamp(14px, 1.125rem, 18px);
    }

    .p-residence__areaInfo__textWrap-left .title-sub {
        font-size: clamp(11px, 0.75rem, 12px);
    }

    .p-residence__areaInfo__textWrap-right .areaInfo__textWrap {
        min-height: 3.25rem;
    }

    .p-residence__areaInfo__textWrap-right .areaInfo__textWrap .text {
        height: fit-content;
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__mapInfo {
        margin-top: 7.5rem;
    }

    .p-residence__mapInfo__textWrap {
        margin-top: 3.125rem;
    }

    .p-residence__mapInfo__textWrap-left .title {
        font-size: clamp(10px, 0.75rem, 12px);
    }

    .p-residence__mapInfo__textWrap-right .textWrap .text {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link {
        font-size: clamp(10px, 0.6875rem, 11px);
    }

    .p-residence__mapInfo__textWrap-right .linkWrap .linkItem .link:after {
        width: 0.9375rem;
        height: 0.625rem;
    }

}

@media screen and (max-width: 374px) {

    .l-footer__navItem {
        margin-left: 1.25rem;
    }

    .l-footer__navItem a {
        letter-spacing: 0.1em;
    }

    .l-footer__navItem.icon-item a {
        margin-left: 1.8125rem;
    }

    .l-footer__copy .text {
        letter-spacing: 0.1em;
    }

}

@media screen and (max-width: 330px) {

    .l-footer__copy .text {
        letter-spacing: 0;
    }

}

@keyframes slideWhite {

    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }

}

@keyframes slideBlack {

    0% {
        left: 100%;
        background-color: #bcc1d1;
    }

    100% {
        left: -100%;
        background-color: #bcc1d1;
    }

}

@keyframes growDown {

    from {
        opacity: 0;
        height: 0;
    }

    to {
        opacity: 1;
        height: 6.5625rem;
    }

}

@keyframes fadeInUpContents {

    0% {
        transform: translateY(1.25rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes fadeInLeftContents {

    0% {
        transform: translateX(-1.25rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }

}

@keyframes fadeInRightContents {

    0% {
        transform: translateX(1.25rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }

}

@keyframes fadeInLeftBigContents {

    0% {
        transform: translateX(-62.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }

}

@keyframes fadeInRightBigContents {

    0% {
        transform: translateX(62.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }

}

@keyframes yurayura2 {

    0% {
        right: -10%;
    }

    50% {
        right: -9%;
        opacity: 0.4;
    }

    100% {
        right: -10%;
    }

}

@keyframes yurayura-pc {

    0% {
        left: 0;
    }

    50% {
        left: -8%;
    }

    100% {
        left: 0;
    }

}

@keyframes yurayura-r {

    0% {
        right: -7%;
    }

    50% {
        right: 0;
    }

    100% {
        right: -7%;
    }

}

@keyframes slideTextY100-logo {

    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes slideTextY-100-logo {

    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes slideTextY100 {

    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes slideTextY-100 {

    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes slideTextY100-fv {

    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}

@keyframes slideTextY-100-fv {

    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }

}



@media screen and (max-width: 767px) {
    .p-archive__areaLinksWrap--sp {
        width: fit-content;
        min-width: 80%;
        position: relative;
    }

    .p-archive__areaLinks-first {
        border-bottom: .5px solid rgba(36, 50, 72, 0.8);
        padding-left: 1rem;
        padding-right: 2rem;
        padding-bottom: .2rem;
        font-size: calc(12 / 16 * 1rem);
        letter-spacing: 0.84px;
        line-height: 1.2;
        position: relative;
    }

    .p-archive__areaLinks-first.js-open::before {
        transform: translateY(calc(-50% + .3rem)) rotate(225deg);
    }

    .p-archive__areaLinks-first::before {
        transition: 0.3s;
        position: absolute;
        content: "";
        top: calc(50% - .2rem);
        transform: translateY(-50%) rotate(45deg);
        right: .25rem;
        width: .4rem;
        height: .4rem;
        border-right: .5px solid rgba(36, 50, 72, 0.8);
        border-bottom: .5px solid rgba(36, 50, 72, 0.8);
    }

    .p-archive__areaLinks--slide {
        background-color: #ffffffe4;
        z-index: 10;
        position: absolute;
        top: calc(100%);
        left: 0;
        width: 100%;
        height: fit-content;
        display: none;
    }

    .p-archive__areaLinks--slide li {}

    .p-archive__areaLinks--slide .current a {
        pointer-events: none;
        background: #CCE2EA;
        color: #fff;
    }

    .p-archive__areaLinks--slide li a.current {
        pointer-events: none;
        background: #CCE2EA;
        color: #fff;
    }

    .p-archive__areaLinks--slide li a {
        display: inline-block;
        width: 100%;
        padding: .4rem 1rem;
        font-size: calc(12 / 16 * 1rem);
        line-height: 1.2;
        letter-spacing: 0.84px;
    }

    .p-area__areaInfo-main__titleWrap {
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: .2rem;
    }

    .p-area__areaInfo-main__title-en {
        margin-left: -0.2rem;
    }
}