@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap);

html {
    scroll-padding-top: 85px
}

.noto {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal
}

.dancing {
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal
}

.base {
    color: #252525;
    font-family: "Zen Maru Gothic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt"
}

.size-example-rem {
    font-size: 1.8rem;
    margin-top: 3.2rem
}

.size-min-rem {
    width: min(50vw, 32rem)
}

.size-max-rem {
    width: max(10vw, 12rem)
}

.size-clmp-rem {
    font-size: clamp(1.4rem, 1.3542vw, 2.6rem)
}

.size-example-par {
    width: 2.813%
}

.size-example-par02 {
    width: 2.868%
}

.size-example-vw {
    width: 4.6154vw
}

.size-example-vh {
    width: 2.8125vh
}

.size-min-vw {
    width: min(50vw, 320px)
}

.size-max-vw {
    width: max(10vw, 120px)
}

.size-clmp-vw {
    font-size: clamp(14px, 1.3542vw, 26px)
}

.size-line-height {
    line-height: 1.667
}

.title {
    font-size: 38px;
    line-height: 1.6
}

.list_mark_ul {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.list_mark_ul.mark li {
    display: flex;
    align-items: baseline
}

.list_mark_ul.mark li::before {
    content: attr(data-li_mark);
    color: inherit;
    font-size: .9em;
    font-feature-settings: normal;
    text-align: center;
    margin: 0 .3em 0 0
}

.list_mark_ul.numbered li {
    display: flex;
    justify-content: flex-start;
    align-items: baseline
}

.list_mark_ul.numbered li::before {
    content: attr(data-li_mark);
    display: inline-block;
    color: inherit;
    letter-spacing: 0;
    text-align: left;
    margin: 0 .5em 0 0
}

.list_mark_ul.numbered li p {
    flex: 1
}

.marked_txt {
    display: flex;
    align-items: baseline
}

.marked_txt::before {
    content: attr(data-li_mark);
    color: inherit;
    font-feature-settings: normal;
    text-align: center;
    margin: 0 .2em 0 0
}

.hide {
    display: none !important
}

@media all and (min-width:769px) {
    .sp {
        display: none !important
    }
}

@media all and (max-width:768px) {
    .pc {
        display: none !important
    }
}

a {
    color: inherit;
    text-decoration: none;
    transition: .3s
}

a img {
    transition: .3s
}

@media(hover:hover)and (pointer:fine) {
    a:hover {
        color: inherit;
        text-decoration: none;
        opacity: .8
    }

    a:hover img {
        opacity: .9
    }
}

.base iframe {
    width: 100%;
    border: 0;
    display: block
}

.js-scroll {
    scroll-margin-top: 100px
}

html {
    scroll-behavior: smooth
}

.base {
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.base *,
.base ::after,
.base ::before {
    box-sizing: border-box
}

.base img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0
}

.page-header {
    box-sizing: border-box;
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/header-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    aspect-ratio: 1920/220;
    width: 100%;
    filter: drop-shadow(0 3px 6px rgb(13, 66, 94));
    position: relative;
    z-index: 2
}

.page-header ::after,
.page-header ::before,
.page-header.page-header .header-nav ul * {
    box-sizing: border-box
}

.page-header .header-inner {
    width: min(85.4167vw, 1640px);
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr min(9.1146vw, 175px) 1fr;
    gap: min(6.7708vw, 130px);
    margin: auto;
    padding-top: min(1.0417vw, 20px)
}

.page-header .header-logo {
    aspect-ratio: 175/173;
    width: min(9.1146vw, 175px)
}

.page-header .header-logo a {
    width: 100%;
    display: flex
}

.page-header .header-logo img {
    width: 100%;
    height: auto
}

.page-header .header-nav {
    width: 100%
}

.page-header .header-nav ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    color: #fff;
    align-items: center;
    justify-content: space-between;
    gap: min(2.0833vw, 40px);
    list-style: none
}

.page-header .header-nav li {
    width: 100%;
    min-width: 0
}

.page-header .header-nav a {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .5em;
    align-items: center;
    color: inherit
}

.page-header .header-nav span {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: min(1.5625vw, 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-header .header-nav span+span {
    font-size: min(.7292vw, 14px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/footer-top-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: multiply;
    aspect-ratio: 1920/447;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0
}

.page-footer {
    box-sizing: border-box;
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/footer-bg-pattern.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    font-family: "Zen Maru Gothic", sans-serif;
    color: #fff;
    padding: 8.8542vw 10px 4.1667vw
}

.page-footer *,
.page-footer ::after,
.page-footer ::before {
    box-sizing: border-box
}

.page-footer a {
    color: inherit
}

.page-footer .foot-info {
    width: 45.3125vw;
    display: flex;
    gap: 4.1667vw;
    align-items: center;
    justify-content: space-between;
    margin: auto
}

.page-footer .foot-info .logo {
    flex-shrink: 0;
    width: 9.7396vw
}

.page-footer .foot-info .logo a {
    display: flex
}

.page-footer .foot-info .shop-info {
    flex-grow: 1
}

.page-footer .foot-info .shop-info dl {
    font-size: clamp(14px, 1.25vw, 24px);
    font-weight: 500;
    line-height: 1.458
}

.page-footer .foot-info .name {
    font-size: clamp(16px, 1.3542vw, 26px);
    font-weight: 500
}

.page-footer .foot-info .name+div {
    margin-top: 1.5em
}

.page-footer .foot-info .shop-info dl div {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.page-footer .foot-info .shop-info dl div+div {
    margin-top: .5em
}

.page-footer .foot-info .shop-info dl div dt {
    width: 24%
}

.page-footer .foot-info .shop-info dl div dd {
    flex-grow: 1
}

.page-footer .foot-info .shop-info dl div span+span {
    margin-left: 1em
}

.page-footer .foot-nav {
    width: 95.8333vw;
    margin: 4.1667vw auto 0;
    padding: 0 1.0417vw
}

.page-footer .foot-nav ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(8, max-content);
    justify-content: space-between;
    justify-content: center;
    gap: 2.0833vw;
    list-style: none
}

.page-footer .foot-nav li {
    width: -moz-fit-content;
    width: fit-content
}

.page-footer .foot-nav a {
    display: flex;
    flex-direction: column;
    gap: .5em;
    align-items: center
}

.page-footer .foot-nav span {
    font-size: clamp(20px, 1.5625vw, 30px)
}

.page-footer .foot-nav span+span {
    font-size: clamp(10px, .7292vw, 14px)
}

.page-footer .cp-txt {
    margin-top: 4.1667vw;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: clamp(10px, .625vw, 12px);
    letter-spacing: .1em;
    text-align: center
}

.reserve-btn {
    width: 10vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.check-in-btn {
    width: 12.6563vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.facility-btn {
    width: 12.6563vw;
    display: flex;
    margin: 11.9792vw auto 0
}

.guestroom-btn {
    width: 9.4792vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.plan-btn {
    width: 11.1458vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.read-btn {
    width: 10vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.base .modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999
}

.base .lead-tmb {
    cursor: pointer
}

.base .modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6)
}

.base .modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%
}

.base .modal__img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .4)
}

.base .modal__close {
    position: absolute;
    top: -36px;
    right: -36px;
    font-size: 24px;
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: opacity .2s
}

.base .modal__close:hover {
    opacity: .7
}

.swiper {
    opacity: 0;
    visibility: hidden
}

.swiper.swiper-initialized {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease
}

.page-top .kv {
    width: 100%;
    position: relative;
    margin-top: -40px
}

.page-top .kv::after {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/top/kv-around-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1920/1213;
    width: 100vw;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.page-top .kv .slide-wrap {
    width: 85.4167vw;
    position: relative;
    margin: auto
}

.page-top .kv .js-kv-slide {
    width: 100%;
    overflow: visible;
    position: relative;
    z-index: 1
}

.page-top .kv .js-kv-slide .slide-inner {
    width: 100%
}

.page-top .kv .js-kv-slide.swiper-fade .swiper-slide {
    transition-timing-function: ease-in-out
}

.page-top .kv .js-kv-slide .swiper-wrapper {
    transition-timing-function: ease-in-out
}

.page-top .kv .swiper-button-next,
.page-top .kv .swiper-button-prev {
    aspect-ratio: 35/47;
    width: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.page-top .kv .swiper-button-prev {
    left: 2.0833vw
}

.page-top .kv .swiper-button-next {
    right: 2.0833vw
}

.page-top .kv .swiper-button-next::after,
.page-top .kv .swiper-button-prev::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    aspect-ratio: 35/47;
    width: 35px;
    margin: auto
}

.page-top .kv .swiper-button-prev::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/slide_prev_arrow.svg)
}

.page-top .kv .swiper-button-next::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/slide_next_arrow.svg)
}

.slide-wrap.center-slide {
    width: 100%;
    position: relative
}

.slide-wrap.center-slide .js-center-slide {
    width: 100%;
    position: relative;
    padding-bottom: 66px
}

.slide-wrap.center-slide .swiper-slide {
    width: 49.5%
}

.slide-wrap.center-slide .swiper-slide img {
    width: 100%;
    height: auto
}

.slide-wrap.center-slide .swiper-pagination {
    width: 23.4375vw;
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.slide-wrap.center-slide .swiper-pagination-bullet {
    background-color: #ccc;
    border-radius: 9999px;
    aspect-ratio: 1/1;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    opacity: 1;
    transition: background-color .3s ease
}

.slide-wrap.center-slide .swiper-pagination-bullet-active {
    background-color: #597fbf
}

.slide-wrap.center-slide .swiper-button-next,
.slide-wrap.center-slide .swiper-button-prev {
    aspect-ratio: 35/47;
    width: 35px
}

.slide-wrap.center-slide .swiper-button-prev {
    left: 27.0833vw
}

.slide-wrap.center-slide .swiper-button-next {
    right: 27.0833vw
}

.slide-wrap.center-slide .swiper-button-next::after,
.slide-wrap.center-slide .swiper-button-prev::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    aspect-ratio: 35/47;
    width: 35px;
    margin: auto
}

.slide-wrap.center-slide .swiper-button-prev::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/slide_prev_arrow.svg)
}

.slide-wrap.center-slide .swiper-button-next::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/slide_next_arrow.svg)
}

.base.page-top {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-top ul {
    margin: 0;
    padding: 0
}

.base.page-top ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.base.page-top .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/top/top_bg03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: 0;
    padding: 0
}

.base.page-top .sec-tit {
    width: 85.4167vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0;
    margin: auto
}

.base.page-top .sec-tit .ja {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    line-height: 1.45;
    text-align: center
}

.base.page-top .sec-tit .en {
    width: 100%;
    display: flex;
    gap: 1.8229vw;
    align-items: center;
    justify-content: center;
    font-family: "Dancing Script", cursive;
    font-size: 7.9688vw;
    line-height: 1.203
}

.base.page-top .sec-tit .en::after,
.base.page-top .sec-tit .en::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/tit_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 89/89;
    width: 3.8021vw;
    display: block;
    position: relative
}

.base.page-top .sticky-note {
    background-color: hsla(0, 0%, 100%, .62);
    border-left: 11px solid #f2bcd6;
    width: 31.25vw;
    position: relative;
    color: #597fbf;
    font-size: 2.0833vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.325;
    padding: 1em 1.4583vw;
    padding-left: 1.4583vw
}

.base.page-top .sticky-note span {
    width: 100%;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: .14em;
    line-height: 1.833;
    text-align: justify;
    margin-top: .5208vw
}

.base.page-top .sec-head {
    width: 85.4167vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #597fbf;
    font-weight: 400;
    text-align: center;
    margin: 2.0833vw auto 0
}

.base.page-top .sec-head .catch {
    width: 100%;
    display: block;
    font-size: 2.0833vw;
    line-height: 1.5;
    letter-spacing: 0
}

.base.page-top .sec-head .txt {
    width: 100%;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    line-height: 2.778;
    letter-spacing: .02em;
    margin: 1.0417vw auto 0
}

.page-top .kv {
    padding-bottom: 7.8125vw
}

.page-top .concept {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/top/top_bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    aspect-ratio: 1920/6059;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 0;
    padding: 10.2604vw 0 1.0417vw
}

.page-top .concept .sec-tit {
    color: #fff
}

.page-top .concept .sec-tit .ja {
    top: 1.0417vw
}

.page-top .concept .sec-tit .en::after,
.page-top .concept .sec-tit .en::before {
    content: none
}

.page-top .concept .concept-welcome {
    width: 100%;
    position: relative;
    margin: 26.4583vw auto 0
}

.page-top .concept .concept-atmosphere {
    width: 100%;
    position: relative;
    margin: 5.2083vw auto 0
}

.page-top .concept .concept-atmosphere .sticky-note {
    position: absolute;
    top: 33.8542vw;
    left: 61.4583vw;
    padding-top: .5em
}

.page-top .concept .concept-interior-decoration {
    width: 100%;
    position: relative;
    margin: 4.9479vw auto 0
}

.page-top .concept .concept-interior-decoration .sticky-note {
    width: 22.0833vw;
    position: absolute;
    top: 14.3229vw;
    left: 7.2917vw
}

.page-top .concept .concept-interior-decoration .sticky-note span {
    margin-top: 0
}

.page-top .concept .concept-culture {
    width: 100%;
    position: relative;
    margin: 1.5104vw auto 0
}

.page-top .concept .concept-culture .sticky-note {
    width: 26.7188vw;
    position: absolute;
    top: 13.5938vw;
    left: 65.9896vw
}

.page-top .concept .concept-culture .sticky-note span {
    margin-top: 0
}

.page-top .concept .read-btn {
    margin: 1.1979vw auto 0
}

.page-top .guestroom {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/top/top_bg02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    aspect-ratio: 1920/2418;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 0;
    padding: 21.6146vw 0 12.5vw
}

.page-top .guestroom .center-slide {
    margin-top: 2.6042vw
}

.page-top .ancker-nav {
    --overlay-opacity: 0.75;
    --overlay-color01: 176, 217, 248;
    --overlay-color02: 176, 200, 248;
    --overlay-color03: 131, 183, 242;
    --overlay-color04: 229, 176, 248;
    --overlay-color05: 248, 176, 222;
    --overlay-color06: 249, 223, 140;
    width: 100%;
    margin-top: 5.2083vw
}

.page-top .ancker-nav ul {
    width: 85.4167vw;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin: auto
}

.page-top .ancker-nav li {
    width: 100%
}

.page-top .ancker-nav .ancker-link {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    text-decoration: none;
    border-radius: 50%;
    overflow: hidden;
    isolation: isolate
}

.page-top .ancker-nav .ancker-link::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    inset: 0;
    z-index: 0
}

.page-top .ancker-nav li:nth-child(2) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img02.png)
}

.page-top .ancker-nav li:nth-child(3) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img03.png)
}

.page-top .ancker-nav li:nth-child(4) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img04.png)
}

.page-top .ancker-nav li:nth-child(5) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img05.png)
}

.page-top .ancker-nav li:nth-child(6) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img06.png)
}

.page-top .ancker-nav .ancker-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--overlay-color01), var(--overlay-opacity));
    transition: opacity 250ms ease;
    z-index: 1
}

.page-top .ancker-nav li:nth-child(2) .ancker-link::after {
    background: rgba(var(--overlay-color02), var(--overlay-opacity))
}

.page-top .ancker-nav li:nth-child(3) .ancker-link::after {
    background: rgba(var(--overlay-color03), var(--overlay-opacity))
}

.page-top .ancker-nav li:nth-child(4) .ancker-link::after {
    background: rgba(var(--overlay-color04), var(--overlay-opacity))
}

.page-top .ancker-nav li:nth-child(5) .ancker-link::after {
    background: rgba(var(--overlay-color05), var(--overlay-opacity))
}

.page-top .ancker-nav li:nth-child(6) .ancker-link::after {
    background: rgba(var(--overlay-color06), var(--overlay-opacity))
}

.page-top .ancker-nav .ancker-link:focus-visible::after,
.page-top .ancker-nav .ancker-link:hover::after {
    opacity: 0
}

.page-top .ancker-nav .nav-tit {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: clamp(18px, 1.7073vw, 28px);
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    padding: 0 10px
}

.page-top .ancker-nav .nav-tit span+span {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: clamp(8px, .7317vw, 12px);
    font-weight: 500;
    margin-top: 1.0976vw
}

.page-top .ancker-nav .ancker-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px
}

.page-top .cuisine {
    width: 100%;
    position: relative;
    margin-top: 0;
    padding: 5.2083vw 0 0
}

.page-top .cuisine .img01 {
    width: 85.4167vw;
    margin: 3.125vw auto 0
}

.page-top .cuisine .center-slide {
    margin-top: 5.2083vw
}

.page-top .facility {
    width: 100%;
    position: relative;
    margin-top: 0;
    padding: 10.4167vw 0 3.6458vw
}

.page-top .facility .unit01 {
    width: 100%;
    position: relative;
    margin: 5.2083vw auto 0
}

.page-top .facility .unit01 .sticky-note {
    background-color: hsla(0, 0%, 100%, .8);
    width: 42.9688vw;
    position: absolute;
    top: 0;
    left: 49.7396vw;
    letter-spacing: .14em
}

.page-top .facility .unit02 {
    width: 100%;
    position: relative;
    margin: 10.4167vw auto 0
}

.page-top .facility .unit02 .sticky-note {
    background-color: hsla(0, 0%, 100%, .8);
    width: 42.9688vw;
    position: absolute;
    top: 1.5625vw;
    left: 7.2917vw;
    padding-bottom: 1.5em;
    letter-spacing: .14em
}

.page-top .facility .unit03 {
    width: 100%;
    position: relative;
    margin: 8.5417vw auto 0
}

.page-top .facility .unit03 .sticky-note {
    background-color: hsla(0, 0%, 100%, .8);
    width: 39.5833vw;
    position: absolute;
    top: 1.5625vw;
    left: 53.125vw;
    padding-bottom: 1.5em;
    letter-spacing: .14em
}

.page-top .facility .read-btn {
    margin: 5.2083vw auto 0
}

.page-top .access {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/top/top_bg04.png);
    background-repeat: no-repeat;
    background-size: cover top;
    background-position: center;
    aspect-ratio: 1920/3677;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 0;
    padding: 18.75vw 0 27.0833vw
}

.page-top .access .img01 {
    width: 85.4167vw;
    position: relative;
    margin: 5.2083vw auto 0
}

.page-top .access .movie{
    width: 66.666vw;
    position: relative;
    margin: 5.2083vw auto 0
}

.page-top .access .movie video{
    width: 100%;
}

.parts-footer {
    width: 100%
}

.base.page-cmn {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-cmn ul {
    margin: 0;
    padding: 0
}

.base.page-cmn ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.base.page-cmn .kv-lead-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/page-cmn_bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    padding: 0 0 23.9583vw
}

.base.page-cmn .sec-tit {
    width: 85.4167vw;
    display: flex;
    gap: .2604vw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0;
    margin: auto
}

.base.page-cmn .sec-tit .ja {
    width: 100%;
    display: block;
    position: relative;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    line-height: 1.45;
    text-align: center
}

.base.page-cmn .sec-tit .en {
    width: 100%;
    display: flex;
    gap: 2.0833vw;
    align-items: center;
    justify-content: center;
    font-family: "Dancing Script", cursive;
    font-size: 4.1667vw;
    line-height: 1.2
}

.base.page-cmn .sec-tit .en::after,
.base.page-cmn .sec-tit .en::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/tit_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 89/89;
    width: 3.5938vw;
    display: block;
    position: relative
}

.base.page-cmn .sec-tit-ja {
    width: 85.4167vw;
    position: relative;
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0;
    margin: auto
}

.base.page-cmn .sec-tit-ja .ja {
    width: 100%;
    display: flex;
    gap: 1.8229vw;
    align-items: center;
    justify-content: center;
    font-size: 3.125vw;
    line-height: 1.45;
    text-align: center
}

.base.page-cmn .sec-tit-ja .ja::after,
.base.page-cmn .sec-tit-ja .ja::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cmn/tit_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 89/89;
    width: 3.5938vw;
    display: block;
    position: relative
}

.base.page-cmn .sec-tit-ja02 {
    width: 85.4167vw;
    display: flex;
    flex-direction: column;
    gap: 1.1979vw;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto
}

.base.page-cmn .sec-tit-ja02::after {
    content: "";
    background-color: #597fbf;
    border-radius: 9999px;
    width: 4.5313vw;
    height: 6px;
    display: block
}

.base.page-cmn .sec-tit-ja02 .ja {
    width: 100%;
    font-size: 2.6042vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.44;
    text-align: center
}

.base.page-cmn .sec-head {
    width: 85.4167vw;
    font-weight: 400;
    margin: 5.2083vw auto 0
}

.base.page-cmn .sec-head .catch {
    border-left: 6px solid #f2bcd6;
    width: 100%;
    color: #597fbf;
    font-size: 2.0833vw;
    letter-spacing: 0;
    padding-left: 1.7708vw
}

.base.page-cmn .sec-head .txt {
    width: 100%;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.1458vw;
    padding-left: 2.0833vw
}

.page-cmn .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/kv_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1920/420;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    margin-top: -2.0833vw
}

.page-cmn .kv .ja {
    width: 100%;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    line-height: 1.45;
    margin-top: -3.125vw
}

.page-cmn .kv .en {
    width: 100%;
    display: block;
    font-family: "Dancing Script", cursive;
    font-size: 5.2083vw;
    line-height: 1.2
}

.page-cmn.page-concept .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/concept/kv_img.png)
}

.page-cmn.page-cuisine .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cuisine/kv_img.png)
}

.page-cmn.page-facility .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/kv_img.png)
}

.page-cmn.page-check-in .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/check-in/kv_img.png)
}

.page-cmn.page-access-area .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/kv_img.png)
}

.page-cmn.page-faq .kv {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/kv_img.png)
}

.page-cmn .lead {
    width: 85.4167vw;
    display: block;
    position: relative;
    margin: 10.4167vw auto 0
}

.page-cmn .lead::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/lead_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1640/596;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.page-cmn .lead .inner {
    background-color: #fff;
    border-radius: 60px;
    overflow: hidden;
    width: 63.5417vw;
    aspect-ratio: 1220/600;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #597fbf;
    letter-spacing: 0;
    text-align: center;
    margin: auto
}

.page-cmn .lead .head {
    border-bottom: 3px solid #f2bcd6;
    font-weight: 400;
    font-size: 2.6042vw;
    line-height: 1.44;
    padding-bottom: .5208vw
}

.page-cmn .lead .catch {
    font-size: 2.0833vw;
    font-weight: 400;
    line-height: 1.45;
    margin-top: 2.6042vw
}

.page-cmn .lead .txt {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-weight: 400;
    font-size: .9375vw;
    line-height: 2.667;
    margin-top: 1.875vw
}

.page-cmn.page-cuisine .lead::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cuisine/lead_img.png);
    aspect-ratio: 1640/681
}

.page-cmn.page-facility .lead::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/lead_img.png);
    aspect-ratio: 1640/729
}

.page-cmn.page-check-in .lead::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/check-in/lead_img.png);
    aspect-ratio: 1640/747
}

.page-cmn.page-access-area .lead::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/lead_img.png);
    aspect-ratio: 1640/778
}

.base.page-guestroom {
    background-color: #bde3f8;
    font-weight: 400;
    width: 100%;
    position: relative
}

.base.page-guestroom .ancker-nav {
    --overlay-opacity: 0.75;
    --overlay-color01: 176, 217, 248;
    --overlay-color02: 176, 200, 248;
    --overlay-color03: 131, 183, 242;
    --overlay-color04: 229, 176, 248;
    --overlay-color05: 248, 176, 222;
    --overlay-color06: 249, 223, 140;
    width: 100%;
    margin-top: 10.4167vw
}

.base.page-guestroom .ancker-nav ul {
    width: 85.4167vw;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin: auto
}

.base.page-guestroom .ancker-nav li {
    width: 100%
}

.base.page-guestroom .ancker-nav .ancker-link {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    text-decoration: none;
    border-radius: 50%;
    overflow: hidden;
    isolation: isolate
}

.base.page-guestroom .ancker-nav .ancker-link::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    inset: 0;
    z-index: 0
}

.base.page-guestroom .ancker-nav li:nth-child(2) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img02.png)
}

.base.page-guestroom .ancker-nav li:nth-child(3) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img03.png)
}

.base.page-guestroom .ancker-nav li:nth-child(4) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img04.png)
}

.base.page-guestroom .ancker-nav li:nth-child(5) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img05.png)
}

.base.page-guestroom .ancker-nav li:nth-child(6) .ancker-link::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker_img06.png)
}

.base.page-guestroom .ancker-nav .ancker-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--overlay-color01), var(--overlay-opacity));
    transition: opacity 250ms ease;
    z-index: 1
}

.base.page-guestroom .ancker-nav li:nth-child(2) .ancker-link::after {
    background: rgba(var(--overlay-color02), var(--overlay-opacity))
}

.base.page-guestroom .ancker-nav li:nth-child(3) .ancker-link::after {
    background: rgba(var(--overlay-color03), var(--overlay-opacity))
}

.base.page-guestroom .ancker-nav li:nth-child(4) .ancker-link::after {
    background: rgba(var(--overlay-color04), var(--overlay-opacity))
}

.base.page-guestroom .ancker-nav li:nth-child(5) .ancker-link::after {
    background: rgba(var(--overlay-color05), var(--overlay-opacity))
}

.base.page-guestroom .ancker-nav li:nth-child(6) .ancker-link::after {
    background: rgba(var(--overlay-color06), var(--overlay-opacity))
}

.base.page-guestroom .ancker-nav .ancker-link:focus-visible::after,
.base.page-guestroom .ancker-nav .ancker-link:hover::after {
    opacity: 0
}

.base.page-guestroom .ancker-nav .nav-tit {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 1.4583vw;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    padding: 0 10px
}

.base.page-guestroom .ancker-nav .nav-tit span+span {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .625vw;
    font-weight: 500;
    margin-top: 1.0976vw
}

.base.page-guestroom .ancker-nav .nav-tit::after {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/ancker-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 30/12;
    width: 1.8293vw;
    display: block;
    position: absolute;
    bottom: 2.439vw;
    left: 50%;
    transform: translate(-50%)
}

.base.page-guestroom .ancker-nav .ancker-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px
}

.page-guestroom .room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room01_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    aspect-ratio: 1920/260;
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    margin-top: -13.5417vw
}

.page-guestroom #room02.room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room02_bg.png)
}

.page-guestroom #room03.room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room03_bg.png)
}

.page-guestroom #room04.room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room04_bg.png)
}

.page-guestroom #room05.room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room05_bg.png)
}

.page-guestroom #room06.room-top {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room06_bg.png)
}

.page-guestroom #room01+.room {
    background-color: #daeefb
}

.page-guestroom #room02+.room {
    background-color: #d0e1fb
}

.page-guestroom #room02+.room .tit {
    color: #89a5dc
}

.page-guestroom #room03+.room {
    background-color: #b9d8fb
}

.page-guestroom #room03+.room .tit {
    color: #669cda
}

.page-guestroom #room04+.room {
    background-color: #e6dffa
}

.page-guestroom #room04+.room .tit {
    color: #d686f2
}

.page-guestroom #room05+.room {
    background-color: #ffe3f5
}

.page-guestroom #room05+.room .tit {
    color: #dc7fbb
}

.page-guestroom #room06+.room {
    background-color: #fbebb9
}

.page-guestroom #room06+.room .tit {
    color: #e7c353
}

.page-guestroom .room {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 23.9583vw
}

.page-guestroom .room .tit {
    width: 85.4167vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #7fb6e0;
    font-weight: 400;
    letter-spacing: 0;
    margin: auto
}

.page-guestroom .room .ja {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.5625vw;
    line-height: 1.467
}

.page-guestroom .room .en {
    font-family: "Dancing Script", cursive;
    font-size: 5.7813vw;
    line-height: 1.198;
    margin-top: .9896vw
}

.page-guestroom .room .catch {
    width: 62.5vw;
    color: #535353;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 2.0833vw;
    line-height: 1.45;
    letter-spacing: 0;
    text-align: center;
    margin: 3.5938vw auto 0
}

.page-guestroom .room .txt {
    width: 62.5vw;
    color: #535353;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    line-height: 2.556;
    letter-spacing: .05em;
    text-align: justify;
    margin: 1.4063vw auto 0
}

.page-guestroom .room .room-lead {
    width: 85.4167vw;
    display: flex;
    gap: 5.4167vw;
    align-items: center;
    justify-content: flex-start;
    margin: 3.6458vw auto 0
}

.page-guestroom .room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room01_img01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    aspect-ratio: 1099/825;
    width: 57.2396vw;
    display: block;
    position: relative
}

.page-guestroom .room .lead-tmb {
    width: 17.3958vw
}

.page-guestroom .room .room-info {
    width: 46.875vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .room .room-anker {
    width: 100%
}

.page-guestroom .room .room-anker ul {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: flex-end;
    justify-content: space-between
}

.page-guestroom .room .room-anker ul li {
    width: -moz-fit-content;
    width: fit-content
}

.page-guestroom .room .room-anker ul li a {
    width: 100%;
    display: flex
}

.page-guestroom .room .room-anker ul li a::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room_anker01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 258/45;
    width: 13.4375vw;
    display: block;
    position: relative
}

.page-guestroom .room .room-anker ul li:nth-child(2) a::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room_anker02.png);
    aspect-ratio: 304/53;
    width: 15.8333vw
}

.page-guestroom .room .room-anker ul li:nth-child(3) a::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room_anker03.png);
    aspect-ratio: 258/53;
    width: 13.4375vw
}

.page-guestroom .room .info-detail {
    width: 100%;
    margin: 1.5625vw auto 0
}

.page-guestroom .room .info-detail .unit {
    border-bottom: 1px solid #252525;
    width: 100%;
    display: flex;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2.556
}

.page-guestroom .room .info-detail .unit:last-child {
    border: none
}

.page-guestroom .room .info-detail .unit dt {
    flex-shrink: 0;
    background-color: #eee;
    width: 15.625vw;
    padding: 1em
}

.page-guestroom .room .info-detail .unit dd {
    flex-grow: 1;
    background-color: #fff;
    padding: 1em
}

.page-guestroom .room .room-slide {
    margin-top: 5.2083vw
}

.page-guestroom #room02+.room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room02_img01.png)
}

.page-guestroom #room03+.room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room03_img01.png)
}

.page-guestroom #room04+.room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room04_img01.png)
}

.page-guestroom #room05+.room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room05_img01.png)
}

.page-guestroom #room06+.room .lead-img {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/room06_img01.png)
}

.page-guestroom .amenity-facility {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity-facility-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    aspect-ratio: 1920/4913;
    display: block;
    width: 100%;
    position: relative;
    margin-top: -8.8542vw;
    padding: 22.9167vw 0 0
}

.page-guestroom .amenity-facility .sec-tit {
    margin: auto
}

.page-guestroom .amenity-facility .sec-tit-ja02 {
    width: 85.4167vw;
    margin: auto
}

.page-guestroom .amenity-facility .unit {
    width: 85.4167vw;
    margin: 6.25vw auto 0
}

.page-guestroom .amenity-facility .unit+.unit {
    margin: 10.4167vw auto 0
}

.page-guestroom .amenity-facility .unit ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .amenity-facility .unit li {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    align-items: center;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    letter-spacing: .054em
}

.page-guestroom .amenity-facility .unit li::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
    position: relative
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img02.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img03.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(4)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img04.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(5)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img05.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(6)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img06.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(7)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img07.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(8)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img08.svg)
}

.page-guestroom .amenity-facility .unit .facility-list li:nth-child(9)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/facility_img09.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(1)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img01.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img02.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img03.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(4)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img04.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(5)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img05.svg)
}

.page-guestroom .amenity-facility .unit .amenity-list li:nth-child(6)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_img06.svg)
}

.page-guestroom .amenity-facility .bar-unit {
    background-color: #fff;
    border: 5px solid #597fbf;
    border-radius: 80px;
    width: 85.4167vw;
    margin: 10.4167vw auto 0;
    padding: 6.5104vw 7.3958vw 9.2188vw
}

.page-guestroom .amenity-facility .bar-unit .unit-head {
    width: 100%;
    position: relative;
    text-align: center;
    margin: auto
}

.page-guestroom .amenity-facility .bar-unit .unit-head::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_bg.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    aspect-ratio: 1362/492;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.page-guestroom .amenity-facility .bar-unit .sec-tit-ja02 {
    width: 100%;
    margin: auto
}

.page-guestroom .amenity-facility .bar-unit .catch {
    width: 100%;
    font-size: 2.0833vw;
    line-height: 1.45;
    margin: 5.2083vw auto 0
}

.page-guestroom .amenity-facility .bar-unit .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    line-height: 2.556;
    margin: 1.5625vw auto 0
}

.page-guestroom .amenity-facility .bar-unit .bar-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .amenity-facility .bar-unit li {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    align-items: center;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    letter-spacing: .054em
}

.page-guestroom .amenity-facility .bar-unit li::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_img01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
    position: relative
}

.page-guestroom .amenity-facility .bar-unit li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_img02.svg)
}

.page-guestroom .amenity-facility .bar-unit li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_img03.svg)
}

.page-guestroom .amenity-facility .bar-unit li:nth-child(4)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_img04.svg)
}

.page-guestroom .amenity-facility .bar-unit li:nth-child(5)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/amenity_bar_img05.svg)
}

.page-guestroom .amenity-facility .eco-unit {
    background-color: #fff9e2;
    border-radius: 4.1667vw;
    width: 100%;
    margin: 5.2083vw auto 0;
    padding: 3.6458vw 3.4896vw 3.8542vw
}

.page-guestroom .amenity-facility .eco-unit .tit {
    width: 100%;
    display: flex;
    gap: .3125vw;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.page-guestroom .amenity-facility .eco-unit .tit .en {
    width: 100%;
    font-size: 2.0833vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.45
}

.page-guestroom .amenity-facility .eco-unit .tit .ja {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.1979vw;
    align-items: center;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.0417vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.45
}

.page-guestroom .amenity-facility .eco-unit .tit .ja::after {
    content: "";
    background-color: #ebcfaf;
    border-radius: 100vmax;
    width: 4.5313vw;
    height: clamp(3px, .3125vw, 6px)
}

.page-guestroom .amenity-facility .eco-unit .catch {
    width: 100%;
    font-size: 1.5625vw;
    letter-spacing: 0;
    line-height: 1.467;
    text-align: center;
    margin: 1.875vw auto 0
}

.page-guestroom .amenity-facility .eco-unit .head {
    width: 100%;
    display: flex;
    gap: 1.6667vw;
    align-items: center;
    justify-content: space-between;
    margin: 1.7708vw auto 0
}

.page-guestroom .amenity-facility .eco-unit .head-arrow {
    flex-shrink: 0;
    aspect-ratio: 618/101;
    width: 32.1875vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 1.4583vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.643;
    padding-left: 4.0104vw
}

.page-guestroom .amenity-facility .eco-unit .head-arrow::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/eco_head_aroow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 618/101;
    width: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.page-guestroom .amenity-facility .eco-unit .txt {
    flex-grow: 1;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.778;
    text-align: justify;
    margin: 0
}

.page-guestroom .amenity-facility .eco-unit .unit-img {
    width: 100%;
    margin: 4.0625vw auto 0
}

.page-guestroom .rental-cheak-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/rental-service_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    aspect-ratio: 1920/5703;
    position: relative;
    z-index: 1;
    margin-top: -8.8542vw
}

.page-guestroom .rental-service {
    display: block;
    width: 100%;
    position: relative;
    padding: 14.9479vw 0 0
}

.page-guestroom .rental-service .unit {
    width: 85.4167vw;
    display: flex;
    margin: 5.2083vw auto 0
}

.page-guestroom .rental-service .unit .img {
    width: 63.1771vw
}

.page-guestroom .rental-service .unit .contents {
    width: 25vw;
    margin-top: 27.2917vw;
    margin-left: -2.7604vw
}

.page-guestroom .rental-service .unit .sticky-note {
    background-color: #fff;
    border-left: 8px solid #f2bcd6;
    width: 100%;
    color: #597fbf;
    font-size: 1.4583vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.643;
    padding: 1em .5em;
    padding-left: 1.7188vw;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.page-guestroom .infomation {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.page-guestroom .infomation .info-detail {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .infomation .info-detail .unit {
    border-bottom: 1px solid #252525;
    width: 100%;
    display: flex;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2.556
}

.page-guestroom .infomation .info-detail .unit:last-child {
    border: none
}

.page-guestroom .infomation .info-detail .unit dt {
    flex-shrink: 0;
    background-color: #eee;
    width: 20.8333vw;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 1em
}

.page-guestroom .infomation .info-detail .unit dd {
    flex-grow: 1;
    background-color: #fff;
    padding: 1em
}

.page-guestroom .check-in {
    width: 100%;
    position: relative;
    padding: 8.1771vw 0 26.0417vw
}

.page-guestroom .check-in .txt {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    text-align: center;
    margin-top: 5.2083vw
}

.page-guestroom .check-in .txt.ver-left {
    text-align: left
}

.page-guestroom .check-in .unit {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .check-in .unit ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.page-guestroom .check-in .unit li {
    aspect-ratio: 520/500;
    width: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2;
    padding: 2.2917vw 1.3542vw
}

.page-guestroom .check-in .unit li::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/check-in_img01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 520/500;
    width: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.page-guestroom .check-in .unit .check-in-list li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/check-in_img01.svg)
}

.page-guestroom .check-in .unit .check-in-list li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/check-in_img02.svg)
}

.page-guestroom .check-in .unit .long-stay-list li:nth-child(1)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/long_stay_img03.svg)
}

.page-guestroom .check-in .unit .long-stay-list li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/long_stay_img02.svg)
}

.page-guestroom .check-in .unit .long-stay-list li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/guestroom/long_stay_img03.svg)
}

.page-guestroom .check-in .check-in-btn+.sec-tit-ja {
    margin-top: 11.4583vw
}

.base.page-concept {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-concept .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/concept/concept_bg03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative
}

.base.page-concept .lead {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/concept/concept_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    padding: 0 0 12.5vw
}

.base.page-concept .lead img {
    width: 100%;
    margin: 0
}

.base.page-concept .lead::before {
    content: none
}

.base.page-concept .lead .unit {
    width: 85.4167vw;
    display: flex;
    flex-direction: row-reverse;
    margin: auto
}

.base.page-concept .lead .unit .img {
    width: 57.2396vw;
    margin-left: -16.0938vw
}

.base.page-concept .lead .unit .contents {
    width: 44.2708vw
}

.base.page-concept .lead .unit .tit {
    width: 22.6042vw;
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 2.8646vw
}

.base.page-concept .lead .unit .tit .en {
    display: block;
    font-size: 3.125vw;
    line-height: 1.45
}

.base.page-concept .lead .unit .tit .ja {
    display: block;
    font-size: 1.0417vw;
    line-height: 1.45;
    margin-top: .9375vw
}

.base.page-concept .lead .unit .sticky-note {
    position: relative;
    background-color: hsla(0, 0%, 100%, .66);
    border-left: 10px solid #f2bcd6;
    width: 100%;
    color: #597fbf;
    font-size: 2.0833vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.15;
    padding: 1.5em .5em;
    padding-left: 1.7188vw;
    margin-top: 3.3854vw
}

.base.page-concept .lead .unit .sticky-note span {
    display: block;
    font-size: 1.0417vw;
    font-weight: 400;
    margin-top: 1.0417vw
}

.base.page-concept .lead .unit .txt {
    width: 22.6042vw;
    color: #597fbf;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.667;
    margin-top: 1.5104vw;
    margin-left: 2.8646vw
}

.base.page-concept .lead .welcome {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/concept/lead_img02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    aspect-ratio: 1920/989;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 10.9375vw
}

.base.page-concept .mission {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/concept/concept_bg02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    aspect-ratio: 1920/4121;
    width: 100%;
    position: relative;
    padding: 16.3667vw 0 17.1875vw
}

.base.page-concept .mission .sec-head {
    margin-top: 10.4167vw
}

.base.page-concept .mission .sec-head .txt {
    margin-top: 2.0833vw
}

.base.page-concept .mission .unit {
    width: 85.4167vw;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 5.2083vw auto 0
}

.base.page-concept .mission .unit:nth-child(even) {
    flex-direction: row
}

.base.page-concept .mission .unit .img-wrap {
    width: 41.1458vw;
    position: relative
}

.base.page-concept .mission .unit .img {
    width: 36.4583vw;
    margin-left: auto
}

.base.page-concept .mission .unit:nth-child(even) .img {
    margin-left: 0;
    margin-right: auto
}

.base.page-concept .mission .unit .sticky-note {
    background-color: hsla(0, 0%, 100%, .66);
    border-left: 10px solid #f2bcd6;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    width: 18.75vw;
    position: absolute;
    bottom: 3.3854vw;
    left: 0;
    color: #597fbf;
    font-size: 1.3021vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 1em .2em;
    padding-left: 1.1458vw
}

.base.page-concept .mission .unit:nth-child(even) .sticky-note {
    left: auto;
    right: 0
}

.base.page-concept .mission .unit .contents {
    width: 41.1458vw
}

.base.page-concept .mission .unit .tit {
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0
}

.base.page-concept .mission .unit .tit .num {
    display: block;
    font-family: "Dancing Script", cursive;
    font-size: 8.3333vw
}

.base.page-concept .mission .unit .tit .ja {
    display: block;
    font-size: 2.0833vw;
    line-height: 1.325;
    margin-top: .9375vw
}

.base.page-concept .mission .unit .tit .note {
    display: block;
    font-size: 1.0417vw;
    line-height: 2.65;
    margin-top: 1.5625vw
}

.base.page-concept .mission .unit .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.5104vw
}

.base.page-concept .efforts {
    width: 100%;
    position: relative;
    padding: 5.5729vw 0 0
}

.base.page-concept .efforts .sec-head {
    width: 100%;
    font-size: 2.6042vw;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    margin-top: 2.6042vw
}

.base.page-concept .efforts .sec-catch {
    border-left: 7px solid #f2bcd6;
    width: 85.4167vw;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 2.0833vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.45;
    margin: 5.2083vw auto 0;
    padding: .2em .5em;
    padding-left: 1.7188vw
}

.base.page-concept .efforts .img01 {
    width: 28.75vw;
    margin: 5.2083vw auto 0
}

.base.page-concept .efforts .txt {
    width: 28.75vw;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.444;
    margin: 3.6458vw auto 0
}

.base.page-concept .efforts .unit-wrap {
    box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, .16);
    width: 85.4167vw;
    margin: 2.9688vw auto 0;
    padding: 3.125vw
}

.base.page-concept .efforts .unit-wrap ul {
    width: 100%;
    display: grid;
    gap: 1.0417vw 5.2083vw;
    grid-template-columns: repeat(2, 1fr)
}

.base.page-concept .efforts .unit-wrap .unit {
    width: 100%;
    font-weight: 400
}

.base.page-concept .efforts .unit-wrap .unit .head {
    width: 100%;
    color: #d39206;
    font-size: 2.0833vw
}

.base.page-concept .efforts .unit-wrap .unit:nth-child(2) .head {
    color: #069edb
}

.base.page-concept .efforts .unit-wrap .unit:nth-child(3) .head {
    color: #e83418
}

.base.page-concept .efforts .unit-wrap .unit:nth-child(4) .head {
    color: #28a838
}

.base.page-concept .efforts .unit-wrap .unit .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 1.667;
    margin: .9375vw auto 0;
    padding: 0 1em
}

.base.page-concept .efforts .note {
    width: 85.4167vw;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .7292vw;
    letter-spacing: 0;
    line-height: 1.714;
    margin: 1.0417vw auto 0
}

.base.page-concept .efforts .img02 {
    width: 37.5vw;
    margin: 5.2083vw auto 0
}

.base.page-concept .commitment {
    width: 100%;
    position: relative;
    padding: 22.3958vw 0 27.6042vw
}

.base.page-concept .commitment .unit {
    width: 100%;
    margin: auto
}

.base.page-concept .commitment .unit+.unit {
    margin: 10.4167vw auto 0
}

.base.page-concept .commitment .unit .unit-img {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.base.page-concept .commitment .unit .center-slide {
    margin-top: 5.2083vw
}

.base.page-concept .commitment .unit .facility-btn {
    margin-top: 3.8021vw
}

.base.page-concept .commitment .unit .guestroom-btn {
    margin-top: 3.8021vw
}

.base.page-cuisine {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-cuisine .kv-lead-wrap {
    padding-bottom: 10.4167vw
}

.base.page-cuisine .center-slide {
    margin-top: 5.2083vw
}

.base.page-cuisine .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/cuisine/cuisine_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: -8.8542vw;
    padding: 8.8542vw 0 27.0833vw
}

.base.page-cuisine .cuisine-info {
    width: 46.875vw;
    margin: 5.2083vw auto 0
}

.base.page-cuisine .cuisine-info .unit {
    border-bottom: 1px solid #252525;
    width: 100%;
    display: flex;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2.556
}

.base.page-cuisine .cuisine-info .unit:last-child {
    border: none
}

.base.page-cuisine .cuisine-info .unit dt {
    flex-shrink: 0;
    background-color: #eee;
    width: 15.625vw;
    font-weight: 600;
    padding: 1em
}

.base.page-cuisine .cuisine-info .unit dd {
    flex-grow: 1;
    background-color: #fff;
    padding: 1em
}

.base.page-cuisine .lead {
    margin: 7.9167vw auto 0;
    padding: 2.3958vw 0 0
}

.base.page-cuisine .lead img {
    width: 100%;
    margin: 0
}

.base.page-cuisine .breakfast {
    width: 100%;
    position: relative;
    padding: 10.9375vw 0 0
}

.base.page-cuisine .breakfast .unit01 {
    width: 85.4167vw;
    display: flex;
    margin: 3.8542vw auto 0
}

.base.page-cuisine .breakfast .unit01 .img {
    width: 63.1771vw
}

.base.page-cuisine .breakfast .unit01 .contents {
    width: 31.0938vw;
    margin-top: 26.1979vw;
    margin-left: -8.8542vw
}

.base.page-cuisine .breakfast .unit01 .sticky-note {
    background-color: #fff;
    border-left: 8px solid #f2bcd6;
    width: 100%;
    color: #597fbf;
    font-size: 1.4583vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.643;
    padding: 1em .5em;
    padding-left: 1.7188vw;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.base.page-cuisine .breakfast .unit01 .sticky-note span {
    width: 100%;
    display: block;
    color: #252525;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: .5208vw
}

.base.page-cuisine .breakfast .unit02 {
    width: 85.4167vw;
    margin: 3.4375vw auto 0
}

.base.page-cuisine .breakfast .unit02 ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.0833vw
}

.base.page-cuisine .breakfast .unit02 li {
    width: 100%
}

.base.page-cuisine .breakfast .unit02 .img {
    width: 100%
}

.base.page-cuisine .breakfast .unit02 .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.9792vw
}

.base.page-cuisine .lunch {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.base.page-cuisine .lunch .sec-head {
    margin-top: 3.6458vw
}

.base.page-cuisine .lunch .unit01 {
    width: 85.4167vw;
    display: flex;
    align-items: flex-end;
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.base.page-cuisine .lunch .unit01 .img {
    width: 41.6667vw
}

.base.page-cuisine .lunch .unit01 .contents {
    width: 41.6667vw
}

.base.page-cuisine .lunch .unit01 .sticky-note {
    background-color: #fff;
    border-left: 8px solid #f2bcd6;
    width: 31.25vw;
    padding: 1em .5em;
    padding-left: 1.7188vw;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.base.page-cuisine .lunch .unit01 .sticky-note .head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.base.page-cuisine .lunch .unit01 .sticky-note .head .tit {
    color: #597fbf;
    font-size: 1.3021vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.84
}

.base.page-cuisine .lunch .unit01 .sticky-note .head .price {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: 1.4583vw;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.643
}

.base.page-cuisine .lunch .unit01 .sticky-note .head .price::after {
    content: "円（税込）";
    font-size: .9375vw
}

.base.page-cuisine .lunch .unit01 .sticky-note .detail {
    width: 100%;
    display: block;
    color: #252525;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: .5208vw
}

.base.page-cuisine .lunch .unit01 .lunch-menu {
    width: 100%;
    margin-top: 2.1875vw
}

.base.page-cuisine .lunch .unit01 .lunch-menu .head {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2
}

.base.page-cuisine .lunch .unit01 .lunch-menu .unit {
    width: 100%;
    display: flex;
    gap: 1.5em;
    align-items: flex-start;
    justify-content: space-between;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 1.611
}

.base.page-cuisine .lunch .unit01 .lunch-menu .unit dt {
    flex-grow: 1;
    font-weight: 400;
    padding: .2em 0
}

.base.page-cuisine .lunch .unit01 .lunch-menu .unit dd {
    flex-shrink: 0;
    width: 16.1458vw;
    padding: .2em 0
}

.base.page-cuisine .lunch .unit01 .lunch-menu .note {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.0417vw
}

.base.page-facility {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-facility .kv-lead-wrap {
    padding-bottom: 10.4167vw
}

.base.page-facility .center-slide {
    margin-top: 5.2083vw
}

.base.page-facility .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facility_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: -8.8542vw;
    padding: 8.8542vw 0 27.0833vw
}

.base.page-facility .lead {
    margin: 5.8854vw auto 0;
    padding: 4.4792vw 0 0
}

.base.page-facility .lead img {
    width: 100%;
    margin: 0
}

.base.page-facility .floorguide {
    width: 100%;
    position: relative;
    padding: 7.6563vw 0 0
}

.base.page-facility .floorguide .unit {
    width: 85.4167vw;
    display: flex;
    align-items: flex-end;
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.base.page-facility .floorguide .unit .unit-img {
    width: 41.6667vw
}

.base.page-facility .floorguide .unit .contents {
    width: 41.6667vw
}

.base.page-facility .floorguide .unit .contents ul {
    width: 100%;
    margin: 5.2083vw auto 0
}

.base.page-facility .floorguide .unit .contents li {
    width: 100%;
    display: flex;
    gap: 3.125vw;
    align-items: center;
    justify-content: space-between
}

.base.page-facility .floorguide .unit .contents li+li {
    margin-top: 2.0833vw
}

.base.page-facility .floorguide .unit .contents li::before {
    flex-shrink: 0;
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/floor_icon09.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 86/82;
    width: 4.4792vw;
    display: block;
    position: relative
}

.base.page-facility .floorguide .unit .contents li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/floor_icon08.svg)
}

.base.page-facility .floorguide .unit .contents li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/floor_icon03_07.svg);
    aspect-ratio: 86/141
}

.base.page-facility .floorguide .unit .contents li:nth-child(4)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/floor_icon02.svg)
}

.base.page-facility .floorguide .unit .contents li:nth-child(5)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/floor_icon01.svg)
}

.base.page-facility .floorguide .unit .contents li div {
    flex-grow: 1
}

.base.page-facility .floorguide .unit .contents li div p {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.222
}

.base.page-facility .floorguide .unit .contents li div p span {
    display: inline-block;
    margin-right: .5em
}

.base.page-facility .facilities {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.base.page-facility .facilities .facilities-unit {
    width: 85.4167vw;
    display: flex;
    justify-content: space-between;
    margin: 5.2083vw auto 0
}

.base.page-facility .facilities .facilities-unit:nth-child(odd) {
    flex-direction: row-reverse
}

.base.page-facility .facilities .facilities-unit .img-wrap {
    width: 41.6667vw;
    position: relative
}

.base.page-facility .facilities .facilities-unit .img {
    width: 100%
}

.base.page-facility .facilities .facilities-unit .contents {
    width: 41.6667vw;
    position: relative
}

.base.page-facility .facilities .facilities-unit .contents .sticky-note {
    background-color: #fff;
    border-left: 8px solid #f2bcd6;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    width: 100%;
    color: #597fbf;
    font-size: 1.5625vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.533;
    padding: 1em;
    padding-left: 1.7708vw
}

.base.page-facility .facilities .facilities-unit .contents .sticky-note span {
    width: 100%;
    display: block;
    color: #252525;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.0417vw
}

.base.page-facility .facilities .facilities-unit .contents .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.1979vw
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu {
    width: 100%;
    margin-top: .9896vw
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu .head {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu .unit {
    width: 100%;
    display: flex;
    gap: 1.5em;
    align-items: flex-start;
    justify-content: space-between;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 1.611
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu .unit dt {
    flex-grow: 1;
    font-weight: 400;
    padding: .2em 0
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu .unit dd {
    flex-shrink: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: .2em 0
}

.base.page-facility .facilities .facilities-unit .contents .shop-menu .note {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.0417vw
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list {
    width: 26.0417vw;
    margin-top: 1.875vw
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8333vw 1.0417vw
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li {
    width: 100%;
    display: flex;
    gap: .5208vw;
    align-items: center;
    justify-content: space-between
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li::before {
    flex-shrink: 0;
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facilities05_icon01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 86/82;
    width: 4.4792vw;
    display: block;
    position: relative
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li:nth-child(2)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facilities05_icon02.svg)
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li:nth-child(3)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facilities05_icon03.svg)
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li:nth-child(4)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facilities05_icon04.svg)
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li:nth-child(5)::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/facility/facilities05_icon05.svg)
}

.base.page-facility .facilities .facilities-unit .contents .amenity-list li span {
    flex-grow: 1;
    display: block;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    line-height: 2
}

.base.page-facility .facilities .facilities-unit .contents .restaurant-menu {
    width: 100%;
    margin: 1.5625vw auto 0
}

.base.page-facility .facilities .facilities-unit .contents .restaurant-menu .unit {
    border-bottom: 1px solid #252525;
    width: 100%;
    display: flex;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2.556
}

.base.page-facility .facilities .facilities-unit .contents .restaurant-menu .unit:last-child {
    border: none
}

.base.page-facility .facilities .facilities-unit .contents .restaurant-menu .unit dt {
    flex-shrink: 0;
    background-color: #eee;
    width: 13.75vw;
    font-weight: 600;
    padding: .8em
}

.base.page-facility .facilities .facilities-unit .contents .restaurant-menu .unit dd {
    flex-grow: 1;
    background-color: #fff;
    padding: .8em
}

.base.page-check-in {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-check-in .kv-lead-wrap {
    padding-bottom: 20.8333vw
}

.base.page-check-in .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/check-in/check-in_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: -13.5417vw;
    padding: 13.5417vw 0 27.0833vw
}

.base.page-check-in .lead {
    margin: 4.2188vw auto 0;
    padding: 6.1979vw 0 0
}

.base.page-check-in .lead img {
    width: 100%;
    margin: 0
}

.base.page-check-in .lead .inner {
    padding: 4.2188vw 2.4479vw 3.0729vw
}

.base.page-check-in .lead .head {
    font-size: 2.3698vw;
    line-height: 1.516;
    padding-bottom: .5208vw
}

.base.page-check-in .lead .catch {
    font-size: 2.0313vw;
    line-height: 1.487;
    margin-top: 1.5625vw
}

.base.page-check-in .lead .txt {
    margin-top: 1.5625vw
}

.base.page-check-in .check-in {
    width: 100%;
    position: relative;
    padding: 5.2083vw 0 0
}

.base.page-check-in .check-in .check-in-unit-wrap {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.base.page-check-in .check-in ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.2083vw 2.0833vw
}

.base.page-check-in .check-in .check-in-unit {
    width: 100%
}

.base.page-check-in .check-in .check-in-unit .unit-img {
    width: 100%
}

.base.page-check-in .check-in .check-in-unit .unit-contnts {
    width: 100%;
    margin-top: 2.6563vw
}

.base.page-check-in .check-in .check-in-unit .head {
    width: 100%;
    min-height: 2.8646vw;
    display: flex;
    gap: .2em;
    align-items: center;
    justify-content: flex-start;
    color: #597fbf;
    font-weight: 400;
    letter-spacing: 0
}

.base.page-check-in .check-in .check-in-unit .num {
    flex-shrink: 0;
    font-size: 2.6042vw
}

.base.page-check-in .check-in .check-in-unit .tit {
    flex-grow: 1;
    font-size: 2.0833vw;
    letter-spacing: -.032em
}

.base.page-check-in .check-in .check-in-unit .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: .7813vw
}

.base.page-check-in .check-out {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.base.page-check-in .check-out .check-out-unit {
    width: 85.4167vw;
    display: flex;
    gap: 2.0833vw;
    align-items: center;
    margin: 5.2083vw auto 0
}

.base.page-check-in .check-out .check-out-unit .unit-img {
    width: 41.6667vw
}

.base.page-check-in .check-out .check-out-unit .unit-contnts {
    width: 41.6667vw
}

.base.page-check-in .check-out .check-out-unit .txt {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2
}

.base.page-access-area {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-access-area .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/access-area_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: -8.8542vw;
    padding: 8.8542vw 0 27.0833vw
}

.base.page-access-area .lead {
    margin: 6.6146vw auto 0;
    padding: 4.0104vw 0 0
}

.base.page-access-area .lead .head {
    font-size: 2.3438vw;
    line-height: 1.444
}

.base.page-access-area .lead .txt {
    font-size: 1.5625vw;
    line-height: 1.9;
    margin-top: 1.25vw
}

.base.page-access-area .lead img {
    width: 100%;
    margin: 0
}

.base.page-access-area .info {
    width: 100%;
    position: relative;
    padding: 9.8958vw 0 0
}

.base.page-access-area .info .map_wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1920/612;
    margin: auto
}

.base.page-access-area .info .map_wrap iframe {
    width: 100%;
    height: 100%
}

.base.page-access-area .info .info-unit {
    width: 85.4167vw;
    display: flex;
    gap: 2.0833vw;
    margin: 5.2083vw auto 0
}

.base.page-access-area .info .info-unit .img-wrap {
    width: 41.6667vw
}

.base.page-access-area .info .info-unit .img {
    width: 100%
}

.base.page-access-area .info .info-unit .contents {
    width: 41.6667vw
}

.base.page-access-area .info .info-unit .contents .info-detail {
    width: 100%
}

.base.page-access-area .info .info-unit .contents .info-detail .unit {
    border-bottom: 1px solid #252525;
    width: 100%;
    display: flex;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: 2
}

.base.page-access-area .info .info-unit .contents .info-detail .unit:last-child {
    border: none
}

.base.page-access-area .info .info-unit .contents .info-detail .unit dt {
    flex-shrink: 0;
    background-color: #eee;
    width: 13.75vw;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 1em
}

.base.page-access-area .info .info-unit .contents .info-detail .unit dd {
    flex-grow: 1;
    background-color: #fff;
    padding: 1em
}

.base.page-access-area .guide {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.base.page-access-area .guide .access-type {
    width: 85.4167vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.0833vw;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: -.032em;
    line-height: 2;
    margin: 5.2083vw auto 0
}

.base.page-access-area .guide .access-type .type {
    width: 100%
}

.base.page-access-area .guide .access-type .head {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #597fbf;
    font-size: 1.5625vw;
    letter-spacing: -.032em;
    line-height: 1.767
}

.base.page-access-area .guide .access-type .head::after {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_head_icon_train.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    aspect-ratio: 190/123;
    width: 9.8958vw;
    display: block;
    position: relative;
    margin-top: 1.4583vw
}

.base.page-access-area .guide .access-type .head.ver-car::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_head_icon_car.svg)
}

.base.page-access-area .guide .access-type .head.ver-bus::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_head_icon_bus.svg)
}

.base.page-access-area .guide .access-type .root-unit {
    width: 100%;
    margin-top: 3.1771vw
}

.base.page-access-area .guide .access-type .root-point {
    background-color: #fff;
    border-radius: 1.0417vw;
    aspect-ratio: 380/111;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #597fbf
}

.base.page-access-area .guide .access-type .root-point.ver-bus span {
    display: flex;
    gap: .5208vw;
    align-items: center
}

.base.page-access-area .guide .access-type .root-point.ver-bus span::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_icon_bus.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 18/32;
    width: .9375vw;
    display: block;
    position: relative
}

.base.page-access-area .guide .access-type .root-detail {
    aspect-ratio: 380/124;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr clamp(4px, .4167vw, 8px) 1fr
}

.base.page-access-area .guide .access-type .txt {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: .8333vw;
    line-height: 1.5;
    padding-left: .5208vw
}

.base.page-access-area .guide .access-type .line {
    background-color: #597fbf;
    width: clamp(4px, .4167vw, 8px)
}

.base.page-access-area .guide .access-type .time {
    width: 100%;
    display: grid;
    place-content: center
}

.base.page-access-area .guide .access-type .time.ver-walk span {
    display: flex;
    gap: .5208vw;
    align-items: center
}

.base.page-access-area .guide .access-type .time.ver-walk span::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_icon_walk.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 40/32;
    width: 2.0833vw;
    display: block;
    position: relative
}

.base.page-access-area .guide .access-type .root-detail.ver02 {
    grid-template-columns: 1fr clamp(1px, .1042vw, 2px) 1fr
}

.base.page-access-area .guide .access-type .root-detail.ver02 .line {
    width: clamp(1px, .1042vw, 2px)
}

.base.page-access-area .surrounding-info {
    width: 100%;
    position: relative;
    padding: 10.4167vw 0 0
}

.base.page-access-area .surrounding-info .map-img {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.base.page-access-area .surrounding-info .spot-wrap {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.base.page-access-area .surrounding-info .spot-wrap ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6042vw 2.0833vw
}

.base.page-access-area .surrounding-info .spot-wrap li {
    width: 100%
}

.base.page-access-area .surrounding-info .spot-wrap .img {
    width: 100%;
    position: relative
}

.base.page-access-area .surrounding-info .spot-wrap .img::after {
    content: attr(data-mark);
    background-color: #fff;
    border: clamp(1px, .1563vw, 3px) solid #597fbf;
    border-radius: 100vmax;
    aspect-ratio: 1/1;
    width: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1.0417vw;
    right: 1.0417vw;
    color: #597fbf;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2
}

.base.page-access-area .surrounding-info .spot-wrap .contents {
    width: 100%;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: .9375vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
    margin-top: 1.7188vw;
    padding: 0 1.25vw
}

.base.page-access-area .surrounding-info .spot-wrap .contents .txt {
    text-align: justify;
    margin-top: 1.3021vw
}

.base.page-access-area .surrounding-info .spot-wrap .contents .access {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: .8333vw
}

.base.page-access-area .surrounding-info .spot-wrap .contents .access::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_card_icon_car.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    aspect-ratio: 40/32;
    width: 2.0833vw;
    display: block;
    position: relative;
    margin-right: .5208vw
}

.base.page-access-area .surrounding-info .spot-wrap .contents .access.ver-train::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_card_icon_train.svg)
}

.base.page-access-area .surrounding-info .spot-wrap .contents .access.ver-walk::before {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/access-area/guide_card_icon_walk.svg)
}

.base.page-faq {
    background-color: #bde3f8;
    width: 100%;
    position: relative
}

.base.page-faq .bg-wrap {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/faq_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    width: 100%;
    position: relative;
    margin-top: -8.8542vw;
    padding: 0 0 27.0833vw
}

.base.page-faq .kv-lead-wrap .lead-txt {
    width: 96%;
    font-size: clamp(12px, .9375vw, 18px);
    letter-spacing: .1em;
    line-height: 2;
    text-align: center;
    margin: 10.4167vw auto 0
}

.base.page-faq .kv-lead-wrap .page-anker {
    width: 85.4167vw;
    margin: 5.2083vw auto 0
}

.base.page-faq .kv-lead-wrap .page-anker ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.439vw;
    align-items: flex-end
}

.base.page-faq .kv-lead-wrap .page-anker li {
    width: 100%
}

.base.page-faq .faq {
    width: 100%;
    position: relative;
    padding: 1.8229vw 0 0
}

.base.page-faq .faq .unit {
    width: 85.4167vw;
    margin: auto
}

.base.page-faq .faq .unit+.unit {
    margin: 5.2083vw auto 0
}

.base.page-faq .faq .unit-head {
    width: 85.4167vw;
    margin: auto
}

.base.page-faq .faq .faq-list {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 2.6042vw
}

.base.page-faq .faq .faq-item {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "メイリオ", sans-serif;
    font-size: clamp(12px, .9375vw, 18px);
    line-height: 2.556;
    letter-spacing: .1em
}

.base.page-faq .faq .faq-q {
    background-color: #597fbf;
    width: 100%;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    color: #fff;
    cursor: pointer;
    padding: 1em 1.5em;
    margin: 0
}

.base.page-faq .faq .faq-q::before {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/faq_q_icon.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 2.439vw;
    aspect-ratio: 40/33;
    display: block
}

.base.page-faq .faq .faq-q::after {
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/ac_btn_open.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 2.2561vw;
    aspect-ratio: 37/37;
    transition: transform .3s ease;
    margin-left: auto
}

.base.page-faq .faq .is-open .faq-q::after {
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/ac_btn_close.svg);
    transform: rotate(180deg)
}

.base.page-faq .faq .faq-a {
    background-color: #fff;
    width: 100%;
    display: none;
    position: relative;
    padding: 1em 1.5em
}

.base.page-faq .faq .faq-a span {
    display: flex;
    gap: 1em;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.base.page-faq .faq .faq-a span::before {
    flex-shrink: 0;
    content: "";
    background-image: url(https://lolipop-fivestar-co.ssl-lolipop.jp/gio-sobe/image/faq/faq_a_icon.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 2.2561vw;
    min-height: 2.3958vw;
    aspect-ratio: 37/32;
    display: flex;
    align-items: center
}

/*
2026.02.06
--------------------------*/
 .concept-read {
     margin: 48px auto 0;
     width: fit-content;
 }

 .concept-read p {
     text-align: center;
 }

 .concept-read p .catch {
     font-size: 30px;
     color: #fff;
     line-height: 73px;
     letter-spacing: 0.11em;
     font-weight: 500;
 }