.p-kv-bg {
    height: 100%;
    position: relative;
    width: 100%
}

.p-kv-bg__days {
    opacity: 0
}

.p-kv-bg__days,
.p-kv-bg__days__img {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

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

img,
picture {
    display: block;
    height: auto;
    max-width: 100%;
    pointer-events: none;
}

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

.p-kv-bg__days__img img {
    -o-object-position: bottom center;
    object-position: bottom center
}

.p-kv-scroll__txt {
    position: relative
}

@media screen and (min-width:769px) {
    .p-kv-scroll__txt {
        height: 40px;
        width: 12px
    }
}

@media screen and (max-width:768px) {
    .p-kv-scroll__txt {
        height: 6.4rem;
        width: 1.92rem
    }
}

.p-kv-scroll__bar {
    position: relative;
    width: 1px
}

@media screen and (min-width:769px) {
    .p-kv-scroll__bar {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .p-kv-scroll__bar {
        margin-top: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-kv-scroll__bar {
        height: 70px
    }
}

@media screen and (max-width:768px) {
    .p-kv-scroll__bar {
        height: 11.200000000000001rem
    }
}

.p-kv-scroll__bar__fill {
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-name: p-kv-scroll-bar;
    animation-timing-function: linear;
    background-color: var(--white);
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

@keyframes p-kv-scroll-bar {
    0% {
        height: 0
    }

    70% {
        height: 100%
    }
}

.c-svg-arrow-circle {
    height: 1em;
    width: 1em
}

.p-kv-banner {
    position: relative
}

@media screen and (min-width:769px) {
    .p-kv-banner {
        align-content: flex-end;
        align-items: flex-end;
        display: flex
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100vw
    }
}

.p-kv-banner__access,
.p-kv-banner__map,
.p-kv-banner__myaku {
    display: block;
    position: relative
}

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

    .p-kv-banner__access,
    .p-kv-banner__map,
    .p-kv-banner__myaku {
        height: 60px;
        width: 246px
    }
}

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

    .p-kv-banner__access,
    .p-kv-banner__map,
    .p-kv-banner__myaku {
        height: 9.600000000000001rem;
        width: 35.300000000000004rem
    }
}

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

    .p-kv-banner__access__inner,
    .p-kv-banner__map__inner,
    .p-kv-banner__myaku__inner {
        height: 60px;
        width: 246px
    }
}

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

    .p-kv-banner__access__inner,
    .p-kv-banner__map__inner,
    .p-kv-banner__myaku__inner {
        height: 9.600000000000001rem;
        width: 35.300000000000004rem
    }
}

@media (hover:hover) {

    .p-kv-banner__access__inner,
    .p-kv-banner__map__inner,
    .p-kv-banner__myaku__inner {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-kv-banner__access:hover .p-kv-banner__access__inner,
    .p-kv-banner__map:hover .p-kv-banner__map__inner,
    .p-kv-banner__myaku:hover .p-kv-banner__myaku__inner {
        transform: translateY(-2px)
    }
}

.p-kv-banner__access__bg,
.p-kv-banner__map__bg,
.p-kv-banner__myaku__bg {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

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

    .p-kv-banner__access__bg,
    .p-kv-banner__map__bg,
    .p-kv-banner__myaku__bg {
        border-radius: 30px 0 30px 30px;
        box-shadow: 8px 14px 16px #1e28504d
    }
}

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

    .p-kv-banner__access__bg,
    .p-kv-banner__map__bg,
    .p-kv-banner__myaku__bg {
        border-radius: 4.800000000000001rem 0 4.800000000000001rem 4.800000000000001rem;
        box-shadow: 1.2rem 1.8rem 2rem #1e2850b3
    }
}

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

    .p-kv-banner__access__arrow,
    .p-kv-banner__map__arrow,
    .p-kv-banner__myaku__arrow {
        font-size: 28px
    }
}

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

    .p-kv-banner__access__arrow,
    .p-kv-banner__map__arrow,
    .p-kv-banner__myaku__arrow {
        font-size: 0
    }
}

.p-kv-banner__access__arrow circle,
.p-kv-banner__map__arrow circle,
.p-kv-banner__myaku__arrow circle {
    fill: var(--white)
}

.p-kv-banner__access__arrow path,
.p-kv-banner__map__arrow path,
.p-kv-banner__myaku__arrow path {
    fill: var(--blue)
}

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

    .p-kv-banner__access__arrow,
    .p-kv-banner__map__arrow,
    .p-kv-banner__myaku__arrow {
        display: block;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 2
    }
}

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

    .p-kv-banner__access__arrow,
    .p-kv-banner__map__arrow,
    .p-kv-banner__myaku__arrow {
        display: none
    }
}

@media (hover:hover) {

    .p-kv-banner__access__arrow,
    .p-kv-banner__map__arrow,
    .p-kv-banner__myaku__arrow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-kv-banner__access:hover .p-kv-banner__access__arrow,
    .p-kv-banner__map:hover .p-kv-banner__map__arrow,
    .p-kv-banner__myaku:hover .p-kv-banner__myaku__arrow {
        transform: translate(.06em, -.06em)
    }
}

.p-kv-banner__map__title {
    align-content: center;
    align-items: center;
    color: var(--white);
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.2;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv-banner__map__title {
        font-size: 19px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__map__title {
        font-size: 3rem
    }
}

body.-en .p-kv-banner__map__title {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    padding-bottom: .1em
}

@media screen and (min-width:769px) {
    body.-en .p-kv-banner__map__title {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    body.-en .p-kv-banner__map__title {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-kv-banner__map__title {
        margin-left: 22px;
        text-shadow: 0 0 8px rgba(28, 74, 94, .8)
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__map__title {
        margin-left: 3.8rem;
        text-shadow: 0 0 1.5rem rgba(28, 74, 94, .8)
    }
}

.p-kv-banner__map__arrow circle {
    fill: var(--white)
}

.p-kv-banner__map__arrow path {
    fill: var(--blue)
}

.p-kv-banner__myaku {
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv-banner__myaku {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__myaku {
        margin-left: 1rem
    }
}

.p-kv-banner__myaku__bg {
    background-color: #fffc
}

.p-kv-banner__myaku__title {
    align-content: center;
    align-items: center;
    color: var(--blue);
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 1.2;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv-banner__myaku__title {
        font-size: 16.5px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__myaku__title {
        font-size: 2.6rem
    }
}

@media screen and (min-width:769px) {
    .p-kv-banner__myaku__title {
        margin-left: 91px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__myaku__title {
        margin-left: 15.200000000000001rem
    }
}

@media screen and (min-width:769px) {
    body.-en .p-kv-banner__myaku__title {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    body.-en .p-kv-banner__myaku__title {
        font-size: 2.2rem
    }
}

.p-kv-banner__myaku__myaku {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv-banner__myaku__myaku {
        height: 75px;
        left: 15px;
        width: 75px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner__myaku__myaku {
        height: 11.8rem;
        left: 2.5rem;
        width: 11.8rem
    }
}

@media (hover:hover) {
    .p-kv-banner__myaku__myaku__img {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-kv-banner__myaku:hover .p-kv-banner__myaku__myaku__img {
        transform: translateY(-3px)
    }
}

.p-kv-banner__myaku__arrow circle {
    fill: var(--blue)
}

.p-kv-banner__myaku__arrow path {
    fill: var(--white)
}

.c-img-picture.-cover {
    height: 100%;
    width: 100%
}

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

.p-top-kv-finalcountdown {
    align-content: center;
    align-items: center;
    background-color: #ffffffd9;
    color: var(--blue);
    display: flex;
    justify-content: center;
    position: relative
}

@media screen and (min-width:769px) {
    .p-top-kv-finalcountdown {
        border-radius: 0 35px 35px;
        height: 70px;
        width: 225px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-finalcountdown {
        border-radius: 0 4.2rem 4.2rem;
        height: 8.3rem;
        width: 27rem
    }
}

.p-top-kv-finalcountdown__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-top-kv-finalcountdown__days {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-top-kv-finalcountdown__days {
        font-size: 44px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-finalcountdown__days {
        font-size: 5.4rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-finalcountdown__days {
        padding-bottom: 6px;
        padding-left: 66px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-finalcountdown__days {
        padding-bottom: 1rem;
        padding-left: 8.8rem
    }
}

@media screen and (min-width:769px) {
    body.-en .p-top-kv-finalcountdown__days {
        padding-bottom: 6px;
        padding-left: 0;
        padding-right: 74px
    }
}

@media screen and (max-width:768px) {
    body.-en .p-top-kv-finalcountdown__days {
        padding-bottom: 1rem;
        padding-left: 0;
        padding-right: 10.4rem
    }
}

.p-top-kv-credit {
    color: var(--white);
    line-height: 1.1;
    position: relative
}

@media screen and (min-width:769px) {
    .p-top-kv-credit {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-credit {
        font-size: 2.3rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-credit {
        text-shadow: 0 0 8px rgba(0, 0, 0, .3);
        width: 88svw
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-credit {
        padding-left: 4rem;
        text-align: right;
        text-shadow: 0 0 1.6rem rgba(0, 0, 0, .3)
    }

    body.-en .p-top-kv-credit {
        width: 60rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-credit .date {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-credit .date {
        font-size: 2.2rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-credit .date {
        position: absolute;
        right: 0
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-credit .date {
        display: block
    }
}

.p-top-kv-ticket {
    display: block;
    position: relative
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket {
        align-content: flex-end;
        align-items: flex-end;
        display: flex
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket {
        height: 26rem;
        overflow: hidden;
        width: 26rem
    }
}

.p-top-kv-ticket__box {
    align-content: center;
    align-items: center;
    background-color: #e60012cc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket__box {
        border-radius: 20px 0 20px 20px;
        box-shadow: 14px 18px 14px #1e28504d;
        height: 144px;
        width: 170px
    }
}

@media (hover:hover) {
    .p-top-kv-ticket__box {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-top-kv-ticket:hover .p-top-kv-ticket__box {
        box-shadow: 0 0 #1e28504d;
        transform: translate(2px, 2px)
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket__box {
        border-radius: 3.2rem 0 3.2rem 3.2rem;
        box-shadow: 1.6rem 2.2rem 1.6rem #542c6333;
        height: 23rem;
        right: 0;
        width: 26rem
    }
}

.p-top-kv-ticket__box__ico {
    display: block
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket__box__ico {
        height: 62px;
        width: 62px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket__box__ico {
        height: 9.8rem;
        margin-right: 1.2rem;
        width: 9.8rem
    }
}

.p-top-kv-ticket__box__txt {
    color: var(--white);
    display: block;
    font-weight: 700;
    line-height: 1.3;
    margin-top: .3em;
    text-align: center
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket__box__txt {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket__box__txt {
        font-size: 2.4rem;
        padding-right: 1.2rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket__arrow {
        height: 52px;
        margin-left: 10px;
        width: 52px
    }
}

@media (hover:hover) {
    .p-top-kv-ticket__arrow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-top-kv-ticket:hover .p-top-kv-ticket__arrow {
        transform: translate(.1em, -.1em)
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket__arrow {
        display: none
    }
}

.p-top-kv-ticket-two__item {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket-two__item+.p-top-kv-ticket-two__item {
        margin-top: 5px
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket-two__item+.p-top-kv-ticket-two__item {
        margin-top: .8rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket-two__item__img {
        border-radius: 30px 0 30px 30px;
        box-shadow: 7px 9px 7px #1e28501a;
        height: 60px;
        width: 240px
    }
}

@media (hover:hover) {
    .p-top-kv-ticket-two__item__img {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-top-kv-ticket-two__item:hover .p-top-kv-ticket-two__item__img {
        box-shadow: 0 0 #1e28501a;
        transform: translate(2px, 2px)
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket-two__item__img {
        border-radius: 4rem 0 4rem 4rem;
        box-shadow: .8rem 1.1rem .8rem #542c631a;
        height: 5rem;
        width: 20rem
    }
}

@media screen and (min-width:769px) {
    .p-top-kv-ticket-two__item.-entranceguide .p-top-kv-ticket-two__item__img {
        border-radius: 23px 0 23px 23px;
        box-shadow: 7px 9px 7px #1e28501a;
        height: 46px;
        margin-bottom: 3px;
        width: 240px
    }

    .p-top-kv-ticket-two__item__arrow {
        height: 34px;
        margin-left: 10px;
        width: 34px
    }
}

@media (hover:hover) {
    .p-top-kv-ticket-two__item__arrow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-top-kv-ticket-two__item:hover .p-top-kv-ticket-two__item__arrow {
        transform: translate(.1em, -.1em)
    }
}

@media screen and (max-width:768px) {
    .p-top-kv-ticket-two__item__arrow {
        display: none
    }
}

.p-kv-pickup {
    overflow: hidden;
    position: relative
}

@media screen and (min-width:769px) {
    .p-kv-pickup {
        height: 265px;
        width: 500px
    }
}

@media screen and (max-width:768px) {
    .p-kv-pickup {
        height: 41.300000000000004rem;
        width: 100%
    }
}

.p-kv-pickup__swiper {
    overflow: visible !important
}

.p-kv-pickup__swiper .swiper-wrapper {
    display: flex !important;
    transform-style: preserve-3d !important
}

@media screen and (min-width:769px) {
    .p-kv-pickup__swiper {
        margin: 0 auto;
        width: 300px
    }
}

@media screen and (max-width:768px) {
    .p-kv-pickup__swiper {
        margin: 0 auto;
        width: 50.400000000000006rem
    }
}

.p-kv-pickup__swiper__slide__btn {
    display: block
}

@media screen and (min-width:769px) {
    .p-kv-pickup__swiper__slide__btn {
        box-shadow: 8px 8px 6px #1e285033;
        height: 220px;
        width: 300px
    }
}

@media screen and (max-width:768px) {
    .p-kv-pickup__swiper__slide__btn {
        box-shadow: 1.3rem 1.3rem 1.4rem #1e285033;
        height: 37rem;
        width: 50.400000000000006rem
    }
}

@media (hover:hover) {
    .p-kv-pickup__swiper__slide__btn {
        transition: all .2s
    }

    .p-kv-pickup__swiper__slide__btn:hover {
        box-shadow: 0 0 #1e285033;
        transform: translateY(2px)
    }
}

.p-kv-banner2__img {
    display: block;
    position: relative
}

@media screen and (min-width:769px) {
    .p-kv-banner2__img {
        height: 100px;
        width: 242px
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner2__img {
        height: 14.200000000000001rem;
        width: 28.200000000000003rem
    }
}

.p-kv-banner2__img__img {
    position: relative;
    z-index: 2
}

@media (hover:hover) {
    .p-kv-banner2__img__img {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-kv-banner2:hover .p-kv-banner2__img__img {
        transform: translate(2px, 2px)
    }
}

.p-kv-banner2__img__shadow {
    position: absolute
}

@media screen and (min-width:769px) {
    .p-kv-banner2__img__shadow {
        border-radius: 40px;
        bottom: 0;
        box-shadow: 7px 9px 7px #1e285033;
        height: 76px;
        left: 0;
        width: 242px
    }
}

@media (hover:hover) {
    .p-kv-banner2__img__shadow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-kv-banner2:hover .p-kv-banner2__img__shadow {
        box-shadow: 0 0 #1e285033
    }
}

@media screen and (max-width:768px) {
    .p-kv-banner2__img__shadow {
        border-radius: 6rem;
        bottom: 2rem;
        box-shadow: 1.2rem 1.8rem 1.2rem #542c6333;
        height: 10.9rem;
        left: 0;
        width: 28.200000000000003rem
    }
}

.p-kv {
    background-color: #f1f1f1;
    position: relative;
    width: 100%
}

@media screen and (max-width:768px) {
    .p-kv {
        height: calc(735px)
    }
}

.p-kv__bg {
    opacity: 0;
    position: sticky;
    top: 0;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-kv__bg {
        height: 100dvh
    }
}

@media screen and (max-width:768px) {
    .p-kv__bg {
        height: 100dvh
    }
}

.p-kv__body {
    bottom: auto;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:769px) {
    .p-kv__body {
        height: 100dvh
    }
}

@media screen and (max-width:768px) {
    .p-kv__body {
        height: calc(735px)
    }
}

.p-kv__scroll {
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv__scroll {
        bottom: 45px;
        left: 30px
    }
}

@media screen and (max-width:768px) {
    .p-kv__scroll {
        bottom: 63rem;
        left: 4rem
    }
}

.p-kv__heroButtons {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv__heroButtons {
        bottom: auto;
        display: block;
        left: 95px;
        position: absolute;
        right: auto;
        top: 125px;
        width: 254px;
        z-index: 2
    }
}

@media screen and (max-width:768px) {
    .p-kv__heroButtons {
        bottom: auto;
        display: block;
        left: 3.2rem;
        position: absolute;
        right: auto;
        top: 13rem;
        width: 31rem;
        z-index: 2
    }
}

.p-kv__heroButtons__1 {
    transform: translateZ(0);
    will-change: filter
}

@media screen and (min-width:769px) {
    .p-kv__heroButtons__1 {
        filter: drop-shadow(4px 10px 16px rgba(30, 40, 80, .7))
    }
}

@media screen and (max-width:768px) {
    .p-kv__heroButtons__1 {
        filter: drop-shadow(.8rem 1.9rem 1.7rem rgba(30, 40, 80, .7))
    }
}

.p-kv__heroButtons__2 {
    transform: translateZ(0);
    will-change: filter
}

@media screen and (min-width:769px) {
    .p-kv__heroButtons__2 {
        margin-top: 22px
    }
}

@media screen and (max-width:768px) {
    .p-kv__heroButtons__2 {
        margin-top: 3.2rem
    }
}

@media screen and (min-width:769px) {
    .p-kv__heroButtons__2 {
        filter: drop-shadow(4px 10px 16px #1e2850)
    }
}

@media screen and (max-width:768px) {
    .p-kv__heroButtons__2 {
        filter: drop-shadow(.8rem 1.9rem 1.7rem #1e2850)
    }
}

@media screen and (min-width:769px) {
    .p-kv__finalcountdown {
        bottom: auto;
        display: block;
        left: 95px;
        position: absolute;
        right: auto;
        top: 485px;
        z-index: 2
    }
}

@media screen and (max-width:768px) {
    .p-kv__finalcountdown {
        bottom: auto;
        display: block;
        left: 4rem;
        position: absolute;
        right: auto;
        top: 57rem;
        z-index: 2
    }
}

.p-kv__banner {
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv__banner {
        bottom: 45px;
        left: 80px
    }
}

@media screen and (max-width:768px) {
    .p-kv__banner {
        bottom: 6.800000000000001rem
    }
}

.p-kv__credit {
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv__credit {
        bottom: 20px;
        left: 90px
    }
}

@media screen and (max-width:768px) {
    .p-kv__credit {
        bottom: 62rem;
        right: 4rem
    }
}

.p-kv__countdown {
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-kv__countdown {
        right: 74px;
        top: 114px
    }
}

@media screen and (max-width:768px) {
    .p-kv__countdown {
        right: 4rem;
        top: 13.5rem
    }
}

.p-kv__ticket {
    position: absolute;
    z-index: 3
}

@media screen and (min-width:769px) {
    .p-kv__ticket {
        right: 94px;
        top: 128px
    }
}

@media screen and (max-width:768px) {
    .p-kv__ticket {
        right: 0;
        top: 12.8rem
    }
}

.p-kv__pickup {
    position: absolute;
    z-index: 3
}

@media screen and (min-width:769px) {
    .p-kv__pickup {
        bottom: 0;
        right: 0
    }
}

@media screen and (max-width:768px) {
    .p-kv__pickup {
        bottom: 17.5rem;
        right: 0;
        width: 100%
    }
}

.p-kv__banner2 {
    position: absolute;
    z-index: 4
}

@media screen and (min-width:769px) {
    .p-kv__banner2 {
        right: 84px;
        top: 320px
    }
}

@media screen and (max-width:768px) {
    .p-kv__banner2 {
        right: 0;
        top: 40rem
    }
}

.p-kv__banner,
.p-kv__banner2,
.p-kv__countdown,
.p-kv__credit,
.p-kv__heroButtons,
.p-kv__finalcountdown,
.p-kv__pickup,
.p-kv__scroll,
.p-kv__ticket {
    opacity: 0
}

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

    .p-kv__banner,
    .p-kv__banner2,
    .p-kv__countdown,
    .p-kv__credit,
    .p-kv__heroButtons,
    .p-kv__finalcountdown,
    .p-kv__pickup,
    .p-kv__scroll,
    .p-kv__ticket {
        transform: translateY(5px)
    }
}

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

    .p-kv__banner,
    .p-kv__banner2,
    .p-kv__countdown,
    .p-kv__credit,
    .p-kv__heroButtons,
    .p-kv__finalcountdown,
    .p-kv__pickup,
    .p-kv__scroll,
    .p-kv__ticket {
        transform: translateY(1rem)
    }
}

.c-svg-arrow-card {
    height: 1em;
    width: 1em
}

.c-btn-card-round {
    display: block;
    height: inherit;
    position: relative;
    width: inherit
}

.c-btn-card-round__inner {
    position: relative
}

@media (hover:hover) {
    .c-btn-card-round__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-card-round:hover .c-btn-card-round__inner {
        opacity: .8;
        transform: translateY(-3px)
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-s {
        width: 216px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-s {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-l {
        width: 620px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-l {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-showcase-round {
        width: 500px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-showcase-round {
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-l {
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-l {
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-m {
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-m {
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-s {
        width: 270px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-s {
        width: 44rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-s {
        width: 310px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-s {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-l {
        width: 500px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-l {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-music-l {
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-music-l {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-people-s {
        width: 350px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-people-s {
        width: 48rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-place {
        width: 480px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-place {
        width: 67rem
    }
}

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

    .c-btn-card-round.-size-pamphlet,
    .c-btn-card-round.-size-tourism,
    .c-btn-card-round.-size-visitors {
        width: 1080px
    }
}

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

    .c-btn-card-round.-size-pamphlet,
    .c-btn-card-round.-size-tourism,
    .c-btn-card-round.-size-visitors {
        width: 67rem
    }
}

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

    .c-btn-card-round.-size-universalinfo,
    .c-btn-card-round.-size-visitors2 {
        width: 520px
    }
}

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

    .c-btn-card-round.-size-universalinfo,
    .c-btn-card-round.-size-visitors2 {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-ticket {
        width: 170px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-ticket {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-l {
        width: 450px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-l {
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-m {
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-m {
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-s {
        width: 270px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-s {
        width: 54rem
    }
}

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

    .c-btn-card-round.-size-exhibit-l,
    .c-btn-card-round.-size-other-l {
        width: 270px
    }
}

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

    .c-btn-card-round.-size-exhibit-l,
    .c-btn-card-round.-size-other-l {
        width: 54rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-work-s {
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-work-s {
        width: 61rem
    }
}

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

    .c-btn-card-round.-size-grandring,
    .c-btn-card-round.-size-webcam {
        width: 480px
    }
}

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

    .c-btn-card-round.-size-grandring,
    .c-btn-card-round.-size-webcam {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-daily {
        width: 280px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-daily {
        width: 50.400000000000006rem
    }
}

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

    .c-btn-card-round.-size-goodsshops,
    .c-btn-card-round.-size-gourmets {
        width: 520px
    }
}

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

    .c-btn-card-round.-size-goodsshops,
    .c-btn-card-round.-size-gourmets {
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-please {
        width: 520px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-please {
        width: 67rem
    }
}

.c-btn-card-round__body {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.c-btn-card-round__body>* ::-moz-selection {
    background: none
}

.c-btn-card-round__body>* ::selection {
    background: none
}

@media screen and (min-width:769px) {
    .c-btn-card-round__body {
        border-radius: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round__body {
        border-radius: 4rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body {
        height: 120px;
        width: 216px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body {
        width: 35rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body {
        height: 120px;
        width: 440px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body {
        height: 24rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body {
        height: 360px;
        width: 620px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body {
        height: 42rem;
        width: 35rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body {
        height: 200px;
        width: 500px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body {
        height: 82rem;
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body {
        height: 140px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body {
        height: 68rem;
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body {
        height: 140px;
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body {
        height: 28rem;
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body {
        height: 180px;
        width: 270px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body {
        height: 28rem;
        width: 44rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body {
        border-radius: 155px;
        height: 140px;
        width: 310px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body {
        border-radius: 20rem;
        height: 40rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body {
        border-radius: 100px;
        height: 200px;
        width: 500px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body {
        border-radius: 20rem;
        height: 40rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-music-l .c-btn-card-round__body {
        height: 140px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-music-l .c-btn-card-round__body {
        height: 48rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-people-s .c-btn-card-round__body {
        height: 110px;
        width: 350px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-people-s .c-btn-card-round__body {
        height: 25rem;
        width: 48rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-place .c-btn-card-round__body {
        height: 290px;
        width: 480px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-place .c-btn-card-round__body {
        height: 60rem;
        width: 67rem
    }
}

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

    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body {
        height: 180px;
        width: 1080px
    }
}

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

    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body {
        height: 48rem;
        width: 67rem
    }
}

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

    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body {
        height: 180px;
        width: 520px
    }
}

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

    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body {
        height: 48rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-l .c-btn-card-round__body {
        height: 270px;
        width: 450px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-l .c-btn-card-round__body {
        height: 72rem;
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body {
        height: 140px;
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body {
        height: 30rem;
        width: 61rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body {
        height: 270px;
        width: 270px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body {
        height: 30rem;
        width: 54rem
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body {
        height: 180px;
        width: 270px
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body {
        height: 30rem;
        width: 54rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-work-s .c-btn-card-round__body {
        height: 140px;
        width: 400px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-work-s .c-btn-card-round__body {
        height: 30rem;
        width: 61rem
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body {
        height: 270px;
        width: 480px
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body {
        height: 37.7rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body {
        border-radius: 24px;
        height: 90px;
        width: 170px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body {
        border-radius: 9rem;
        height: 16rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body {
        border-radius: 0;
        height: 140px;
        width: 280px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body {
        border-radius: 0;
        height: 25.3rem;
        width: 50.400000000000006rem
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body {
        height: 160px;
        width: 520px
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body {
        height: 38rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-please .c-btn-card-round__body {
        height: 180px;
        width: 520px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-please .c-btn-card-round__body {
        height: 48rem;
        width: 67rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-shadow-blue .c-btn-card-round__body {
        box-shadow: 0 20px 14px #37328a33
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-shadow-blue .c-btn-card-round__body {
        box-shadow: 0 4rem 2.8rem #37328a33
    }
}

.c-btn-card-round__body__arrow1 {
    position: absolute;
    z-index: 5;
    fill: var(--black)
}

@media (hover:hover) {
    .c-btn-card-round__body__arrow1 {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .c-btn-card-round:hover .c-btn-card-round__body__arrow1 {
        transform: translate(.1em, -.1em)
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body__arrow1 {
        font-size: 3rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body__arrow1 {
        right: 15px;
        top: 15px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-s .c-btn-card-round__body__arrow1 {
        right: 2rem;
        top: 2rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body__arrow1 {
        font-size: 5.2rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body__arrow1 {
        right: 15px;
        top: 15px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-m .c-btn-card-round__body__arrow1 {
        right: 3rem;
        top: 3rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body__arrow1 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body__arrow1 {
        font-size: 4.5rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body__arrow1 {
        right: 25px;
        top: 25px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-pavilion-l .c-btn-card-round__body__arrow1 {
        right: 2rem;
        top: 2rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body__arrow1 {
        font-size: 30px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body__arrow1 {
        font-size: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body__arrow1 {
        right: 20px;
        top: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-showcase-round .c-btn-card-round__body__arrow1 {
        right: 3.5rem;
        top: 3.5rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body__arrow1 {
        font-size: 30px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body__arrow1 {
        font-size: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body__arrow1 {
        right: 20px;
        top: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-sdgs-l .c-btn-card-round__body__arrow1 {
        right: 3.5rem;
        top: 3.5rem
    }
}

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

    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

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

    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body__arrow1 {
        font-size: 5.2rem
    }
}

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

    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body__arrow1 {
        right: 15px;
        top: 15px
    }
}

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

    .c-btn-card-round.-size-sdgs-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-sdgs-s .c-btn-card-round__body__arrow1 {
        right: 3rem;
        top: 3rem
    }
}

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

    .c-btn-card-round.-size-creation-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

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

    .c-btn-card-round.-size-creation-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body__arrow1 {
        font-size: 4.800000000000001rem
    }
}

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

    .c-btn-card-round.-size-creation-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body__arrow1 {
        right: 18px;
        top: 18px
    }
}

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

    .c-btn-card-round.-size-creation-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-m .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-creation-s .c-btn-card-round__body__arrow1 {
        right: 2.8rem;
        top: 2.8rem
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body__arrow1 {
        font-size: 5.2rem
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body__arrow1 {
        right: 14px;
        top: 14px
    }
}

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

    .c-btn-card-round.-size-exhibit-l .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-other-l .c-btn-card-round__body__arrow1 {
        right: 2.8rem;
        top: 2.8rem
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-people-s .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-work-s .c-btn-card-round__body__arrow1 {
        font-size: 28px
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-people-s .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-work-s .c-btn-card-round__body__arrow1 {
        font-size: 4.800000000000001rem
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-people-s .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-work-s .c-btn-card-round__body__arrow1 {
        right: 18px;
        top: 18px
    }
}

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

    .c-btn-card-round.-size-grandring .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-people-s .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-webcam .c-btn-card-round__body__arrow1,
    .c-btn-card-round.-size-work-s .c-btn-card-round__body__arrow1 {
        right: 2.8rem;
        top: 2.8rem
    }
}

.c-btn-card-round.-arrow-color-white .c-btn-card-round__body__arrow1 {
    fill: var(--white)
}

.c-btn-card-round.-arrow-color-red .c-btn-card-round__body__arrow1 {
    fill: var(--red)
}

.c-btn-card-round.-arrow-color-blue .c-btn-card-round__body__arrow1 {
    fill: var(--blue)
}

.c-btn-card-round__body__arrow2 {
    position: absolute;
    z-index: 5
}

@media (hover:hover) {
    .c-btn-card-round__body__arrow2 {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .c-btn-card-round:hover .c-btn-card-round__body__arrow2 {
        transform: translate(.1em, -.1em)
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-music-l .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-place .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-please .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body__arrow2 {
        font-size: 40px
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-music-l .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-place .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-please .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body__arrow2 {
        font-size: 8rem
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-music-l .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-place .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-please .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body__arrow2 {
        right: 20px;
        top: 20px
    }
}

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

    .c-btn-card-round.-size-goodsshops .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-gourmets .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-music-l .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-pamphlet .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-place .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-please .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-tourism .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors .c-btn-card-round__body__arrow2,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__body__arrow2 {
        right: 3.8rem;
        top: 3.8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body__arrow2 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body__arrow2 {
        font-size: 8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body__arrow2 {
        right: 30px;
        top: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-s .c-btn-card-round__body__arrow2 {
        right: 7.2rem;
        top: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body__arrow2 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body__arrow2 {
        font-size: 8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body__arrow2 {
        right: 60px;
        top: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-event-l .c-btn-card-round__body__arrow2 {
        right: 7.2rem;
        top: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body__arrow2 {
        font-size: 26px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body__arrow2 {
        font-size: 8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body__arrow2 {
        bottom: 10px;
        right: 10px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__body__arrow2 {
        right: 3.2rem;
        top: calc(50% - 4rem)
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body__arrow2 {
        font-size: 32px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body__arrow2 {
        font-size: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body__arrow2 {
        right: 20px;
        top: 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-daily .c-btn-card-round__body__arrow2 {
        right: 3.8rem;
        top: 3.8rem
    }
}

.c-btn-card-round__body__arrow2 circle {
    fill: var(--black)
}

.c-btn-card-round__body__arrow2 path {
    fill: var(--white)
}

.c-btn-card-round.-arrow-color-blue .c-btn-card-round__body__arrow2 circle {
    fill: var(--blue)
}

.c-btn-card-round.-arrow-color-red .c-btn-card-round__body__arrow2 circle {
    fill: var(--red)
}

.c-btn-card-round.-arrow-color-pink .c-btn-card-round__body__arrow2 circle {
    fill: var(--pink)
}

.c-btn-card-round.-arrow-color-purple .c-btn-card-round__body__arrow2 circle {
    fill: var(--purple)
}

.c-btn-card-round.-arrow-color-white-blue .c-btn-card-round__body__arrow2 circle {
    fill: var(--white)
}

.c-btn-card-round.-arrow-color-white-blue .c-btn-card-round__body__arrow2 path {
    fill: var(--blue)
}

.c-btn-card-round.-arrow-color-daily .c-btn-card-round__body__arrow2 circle {
    fill: var(--white)
}

.c-btn-card-round.-arrow-color-daily .c-btn-card-round__body__arrow2 path {
    fill: #d40212
}

.c-btn-card-round__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--black);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .c-btn-card-round__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-round__txt {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round__txt {
        padding: 0 2rem
    }
}

.c-btn-card-round.-text-color-white .c-btn-card-round__txt {
    color: var(--white)
}

.c-btn-card-round__bggradient {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-place .c-btn-card-round__bggradient {
        left: 0;
        top: 50px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-place .c-btn-card-round__bggradient {
        left: 0;
        top: 8rem
    }
}

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

    .c-btn-card-round.-size-pamphlet .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-please .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-tourism .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-visitors .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__bggradient {
        left: 0;
        top: 60px
    }
}

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

    .c-btn-card-round.-size-pamphlet .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-please .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-tourism .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-universalinfo .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-visitors .c-btn-card-round__bggradient,
    .c-btn-card-round.-size-visitors2 .c-btn-card-round__bggradient {
        left: 0;
        top: 12rem
    }
}

.c-btn-card-round.-size-ticket .c-btn-card-round__bggradient {
    height: 170%;
    opacity: .5
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__bggradient {
        left: 0;
        top: -15px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-ticket .c-btn-card-round__bggradient {
        left: 0;
        top: 0
    }
}

.c-btn-card-round.-size-work-s .c-btn-card-round__bggradient {
    height: 110%;
    opacity: .8
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-work-s .c-btn-card-round__bggradient {
        left: 0;
        top: 0
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-work-s .c-btn-card-round__bggradient {
        left: 0;
        top: 0
    }
}

.c-btn-card-round.-size-people-s .c-btn-card-round__bggradient {
    height: 110%;
    opacity: .8
}

@media screen and (min-width:769px) {
    .c-btn-card-round.-size-people-s .c-btn-card-round__bggradient {
        left: 0;
        top: 25px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-round.-size-people-s .c-btn-card-round__bggradient {
        left: 0;
        top: 5rem
    }
}

.c-title-sec-sm {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:768px) {
    .c-title-sec-sm {
        align-content: center;
        align-items: center;
        justify-content: center
    }
}

.c-title-sec-sm__txt1 {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    text-indent: -.03em
}

@media screen and (min-width:769px) {
    .c-title-sec-sm__txt1 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-sm__txt1 {
        font-size: 8rem
    }
}

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

    :root[lang=es] .c-title-sec-sm__txt1,
    :root[lang=fr] .c-title-sec-sm__txt1 {
        font-size: 34px
    }
}

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

    :root[lang=es] .c-title-sec-sm__txt1,
    :root[lang=fr] .c-title-sec-sm__txt1 {
        font-size: 7rem
    }
}

.c-title-sec-sm__txt2 {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 700;
    letter-spacing: .18em
}

@media screen and (min-width:769px) {
    .c-title-sec-sm__txt2 {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-sm__txt2 {
        font-size: 3.2rem
    }
}

@media screen and (min-width:769px) {
    .c-title-sec-sm__txt2 {
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-sm__txt2 {
        margin-top: 1rem
    }
}

.c-svg-arrow-right {
    height: 1em;
    width: .5em
}

.c-btn-round {
    align-content: center;
    align-items: center;
    background-color: var(--black);
    display: flex;
    justify-content: center;
    fill: var(--white)
}

.c-btn-round.-color-white {
    background-color: var(--white);
    fill: var(--black)
}

.c-btn-round.-color-black {
    background-color: var(--black)
}

.c-btn-round.-weight-bold {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .c-btn-round {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .c-btn-round {
        font-size: 3rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-round {
        border-radius: 15px;
        height: 30px;
        padding: 0 1em
    }
}

@media (hover:hover) {
    .c-btn-round {
        transition: all .1s
    }

    .c-btn-round:hover {
        opacity: .8;
        transform: scale(1.1)
    }
}

@media screen and (max-width:768px) {
    .c-btn-round {
        border-radius: 4rem;
        height: 8rem;
        padding: 0 1em
    }
}

.c-btn-round.-type-news {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 1em
}

@media screen and (min-width:769px) {
    .c-btn-round.-type-news {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .c-btn-round.-type-news {
        font-size: 2.4rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-round.-type-inquiry {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .c-btn-round.-type-inquiry {
        font-size: 2.6rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-round.-type-inquiry {
        border-radius: 16px;
        height: 32px
    }
}

@media screen and (max-width:768px) {
    .c-btn-round.-type-inquiry {
        border-radius: 3.2rem;
        height: 6.4rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-round.-type-nav {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .c-btn-round.-type-nav {
        border-radius: 3.6rem;
        font-size: 2.8rem;
        height: 7.2rem
    }
}

.c-btn-round__txt {
    color: var(--white);
    display: block;
    padding-bottom: .15em
}

.c-btn-round.-color-white .c-btn-round__txt {
    color: var(--black)
}

@media screen and (max-width:768px) {
    .c-btn-round.-type-news .c-btn-round__txt {
        padding-left: .4em;
        padding-right: .4em;
        text-align: center
    }
}

.c-btn-round__arrow {
    margin-left: .9em
}

@media (hover:hover) {
    .c-btn-round__arrow {
        transition: all .06s
    }

    .c-btn-round:hover .c-btn-round__arrow {
        transform: translate(2px)
    }
}

.c-btn-next-prev {
    align-content: center;
    align-items: center;
    background-color: #282828cc;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .1s
}

@media screen and (min-width:769px) {
    .c-btn-next-prev {
        height: 60px;
        width: 60px
    }
}

@media (hover:hover) {
    .c-btn-next-prev:hover {
        opacity: .8;
        transform: scale(1.1)
    }
}

.c-btn-next-prev[data-disabled=true] {
    opacity: 0;
    pointer-events: none
}

.c-btn-next-prev__arrow {
    position: relative;
    fill: var(--white)
}

@media screen and (min-width:769px) {
    .c-btn-next-prev__arrow {
        font-size: 30px
    }
}

@media screen and (max-width:768px) {
    .c-btn-next-prev__arrow {
        font-size: 1rem
    }
}

.c-btn-next-prev.-next .c-btn-next-prev__arrow {
    left: .06em
}

.c-btn-next-prev.-prev .c-btn-next-prev__arrow {
    left: -.06em;
    transform: rotate(180deg)
}

.p-news {
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-news {
        align-content: center;
        align-items: center;
        display: flex;
        height: 210px;
        justify-content: flex-start
    }
}

@media screen and (max-width:768px) {
    .p-news {
        height: 108rem;
        padding-top: 6.5rem
    }
}

.p-news__head {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-news__head {
        align-content: center;
        align-items: center;
        background: linear-gradient(90deg, #fff, #fff 90%, #fff0);
        display: flex;
        height: 100%;
        justify-content: flex-start;
        width: 550px
    }

    .p-news__head__banner {
        bottom: auto;
        display: block;
        left: 30px;
        position: absolute;
        right: auto;
        top: 25px;
        z-index: 1
    }

    .p-news__head__banner__img {
        height: 140px;
        width: 280px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__banner__img {
        height: 25.3rem;
        margin: 0 auto;
        width: 50.400000000000006rem
    }
}

.p-news__head__banner__txt {
    letter-spacing: 0;
    line-height: 1.2;
    text-align: center
}

@media screen and (min-width:769px) {
    .p-news__head__banner__txt {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__banner__txt {
        font-size: 2.6rem
    }
}

@media screen and (min-width:769px) {
    .p-news__head__banner__txt {
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__banner__txt {
        margin-top: 3rem
    }
}

@media screen and (min-width:769px) {
    .p-news__head__banner__txt {
        margin-left: -6px;
        margin-top: 10px
    }

    body.-en .p-news__head__banner__txt {
        margin-left: 0;
        margin-top: 3px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__banner__txt {
        margin-top: 1rem
    }
}

@media screen and (min-width:769px) {
    .p-news__head__inner {
        padding-left: 350px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__inner {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-news__head__btns {
        margin-top: 20px;
        width: 160px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__btns {
        align-content: center;
        align-items: center;
        bottom: -49rem;
        display: block;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        right: auto;
        top: auto;
        width: 100%;
        z-index: 1
    }

    .p-news__head__btns__btn {
        width: 32rem
    }
}

@media screen and (min-width:769px) {
    .p-news__head__btns__btn+.p-news__head__btns__btn {
        margin-top: 6px
    }
}

@media screen and (max-width:768px) {
    .p-news__head__btns__btn+.p-news__head__btns__btn {
        margin-left: 1rem
    }
}

.p-news__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-news__body {
        width: calc(100% - 550px)
    }
}

@media screen and (max-width:768px) {
    .p-news__body {
        margin-top: 3.5rem;
        padding: 0 4rem
    }
}

.p-news__body__ui__next,
.p-news__body__ui__prev {
    position: absolute;
    z-index: 2
}

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

    .p-news__body__ui__next,
    .p-news__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-news__body__ui__next,
    .p-news__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-news__body__ui__prev {
        left: -30px
    }

    .p-news__body__ui__next {
        right: 30px
    }
}

.p-news__body__swiper {
    display: flex !important;
    margin-left: 0 !important;
    overflow: visible !important
}

.p-news__body__swiper__slide {
    position: relative
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide {
        width: 230px !important
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide {
        width: 46rem !important
    }
}

.p-news__body__swiper__slide__bg {
    max-width: none;
    opacity: .8
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__bg {
        bottom: auto;
        display: block;
        height: 236.9px;
        left: -20px;
        position: absolute;
        right: auto;
        top: -25px;
        width: 267.8px;
        z-index: 1
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__bg {
        bottom: auto;
        display: block;
        height: 48.300000000000004rem;
        left: -3.5rem;
        position: absolute;
        right: auto;
        top: -5rem;
        width: 54.6rem;
        z-index: 1
    }
}

.p-news__body__swiper__slide__btn {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn {
        height: 160px;
        width: 220px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn {
        height: 32rem;
        width: 44rem
    }
}

.p-news__body__swiper__slide__btn__inner {
    background-color: #fffc
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__inner {
        border-radius: 22px;
        height: 160px;
        padding: 25px 20px 0;
        width: 220px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__inner {
        border-radius: 4rem;
        height: 32rem;
        padding: 5.5rem 4rem 0;
        width: 44rem
    }
}

@media (hover:hover) {
    .p-news__body__swiper__slide__btn__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .p-news__body__swiper__slide__btn:hover .p-news__body__swiper__slide__btn__inner {
        opacity: .8;
        transform: translateY(-2px)
    }
}

.p-news__body__swiper__slide__btn__head {
    color: var(--blue)
}

.p-news__body__swiper__slide__btn__head__date {
    font-family: Open Sans, sans-serif;
    font-weight: 600
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__head__date {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__head__date {
        font-size: 2.6rem
    }
}

.p-news__body__swiper__slide__btn__head__category {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.2;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__head__category {
        margin-top: 8px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__head__category {
        margin-top: 1.2rem
    }
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__head__category {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__head__category {
        font-size: 2.6rem
    }
}

.p-news__body__swiper__slide__btn__txt {
    display: -webkit-box;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__txt {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__txt {
        font-size: 3rem
    }
}

@media screen and (min-width:769px) {
    .p-news__body__swiper__slide__btn__txt {
        margin-top: 8px
    }
}

@media screen and (max-width:768px) {
    .p-news__body__swiper__slide__btn__txt {
        margin-top: 1.2rem
    }
}

.p-important {
    overflow: hidden;
    width: 100%
}

.p-important__inner {
    background: linear-gradient(-90deg, #ccd2d5, #e4e7e9)
}

@media screen and (min-width:769px) {
    .p-important__inner {
        align-content: center;
        align-items: center;
        display: flex;
        height: 130px;
        justify-content: center;
        min-width: 1100px
    }
}

@media screen and (max-width:768px) {
    .p-important__inner {
        padding: 7rem 4rem 5rem
    }
}

@media screen and (min-width:769px) {
    .p-important__title {
        height: 78px;
        width: 290px
    }
}

@media screen and (max-width:768px) {
    .p-important__title {
        height: 27.6rem;
        margin: 0 auto;
        width: 48.6rem
    }
}

.p-important__hr {
    background-color: var(--red);
    border: none
}

@media screen and (min-width:769px) {
    .p-important__hr {
        height: 42px;
        margin: 0 38px;
        width: 1px
    }
}

@media screen and (max-width:768px) {
    .p-important__hr {
        height: .2rem;
        margin: 3rem 0;
        width: 100%
    }
}

@media screen and (min-width:769px) {
    .p-important__list__item+.p-important__list__item {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item+.p-important__list__item {
        margin-top: 2rem
    }
}

.p-important__list__item__btn {
    line-height: 1.85;
    position: relative
}

@media screen and (min-width:769px) {
    .p-important__list__item__btn {
        display: flex
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item__btn {
        display: block
    }
}

@media (hover:hover) {
    .p-important__list__item__btn {
        transition: all .1s
    }

    .p-important__list__item__btn[href]:not([href=""]):hover {
        transform: translate(3px)
    }
}

.p-important__list__item__btn__date {
    font-family: Open Sans, sans-serif;
    font-weight: 600
}

@media screen and (min-width:769px) {
    .p-important__list__item__btn__date {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item__btn__date {
        font-size: 2.6rem
    }
}

@media screen and (min-width:769px) {
    .p-important__list__item__btn__date {
        padding-top: 1.5px
    }

    .p-important__list__item__btn__txt {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item__btn__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-important__list__item__btn__txt {
        margin-left: 21px;
        overflow: hidden;
        padding-right: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 592px
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item__btn__txt {
        padding-right: 5.5rem
    }
}

.p-important__list__item__btn__arrow {
    fill: var(--red);
    position: absolute
}

@media screen and (min-width:769px) {
    .p-important__list__item__btn__arrow {
        font-size: .8em;
        right: 0;
        top: .6em
    }
}

@media screen and (max-width:768px) {
    .p-important__list__item__btn__arrow {
        bottom: .6em;
        font-size: 1.5em;
        right: 0
    }
}

@media (hover:hover) {
    .p-important__list__item__btn__arrow {
        transition: all .06s
    }

    .p-important__list__item__btn[href]:not([href=""]):hover .p-important__list__item__btn__arrow {
        transform: translate(2px)
    }
}

.c-bg-accent__bg1,
.c-bg-accent__bg2 {
    left: 0;
    position: absolute;
    top: 0
}

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

    .c-bg-accent__bg1,
    .c-bg-accent__bg2 {
        height: 250px;
        width: 240px
    }
}

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

    .c-bg-accent__bg1,
    .c-bg-accent__bg2 {
        height: 34.6rem;
        width: 29rem
    }
}

.c-bg-accent__bg1 {
    z-index: 4
}

@media screen and (min-width:769px) {
    .c-bg-accent__bg2 {
        z-index: 2
    }
}

@media screen and (max-width:768px) {
    .c-bg-accent__bg2 {
        z-index: 4
    }
}

.c-title-sec-lg {
    display: flex;
    flex-direction: column
}

.c-title-sec-lg.-white {
    color: #fff
}

.c-title-sec-lg__txt1 {
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-weight: 700;
    text-indent: -.05em;
    letter-spacing: .06em;
}

@media screen and (min-width:769px) {
    .c-title-sec-lg__txt1 {
        font-size: 90px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-lg__txt1 {
        font-size: 6.8rem
    }
}

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

    :root[lang=es] .c-title-sec-lg__txt1,
    :root[lang=fr] .c-title-sec-lg__txt1 {
        font-size: 75px
    }
}

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

    :root[lang=es] .c-title-sec-lg__txt1,
    :root[lang=fr] .c-title-sec-lg__txt1 {
        font-size: 10rem
    }
}

.c-title-sec-lg__txt2 {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 500;
    letter-spacing: .12em;
    position: relative
}

@media screen and (min-width:769px) {
    .c-title-sec-lg__txt2 {
        font-size: 21px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-lg__txt2 {
        font-size: 2rem
    }
}

@media screen and (min-width:769px) {
    .c-title-sec-lg__txt2 {
        padding-bottom: 15px;
        padding-top: 24px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-lg__txt2 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.c-title-sec-lg__txt2:after {
    background-color: var(--black);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1
}

.c-title-sec-lg.-white .c-title-sec-lg__txt2:after {
    background-color: #fff
}

.c-title-bar {
    align-content: center;
    align-items: center;
    color: var(--black);
    display: flex;
    justify-content: flex-start
}

@media screen and (min-width:769px) {
    .c-title-bar {
        margin-bottom: 15px
    }
}

@media screen and (max-width:768px) {
    .c-title-bar {
        margin-bottom: 2.4rem
    }
}

.c-title-bar.-txt-white {
    color: #fff
}

.c-title-bar__bar {
    background-color: #fff;
    position: relative
}

.c-title-bar.-bar-blue .c-title-bar__bar {
    background-color: #0068b7
}

.c-title-bar.-bar-red .c-title-bar__bar {
    background-color: #e60012
}

@media screen and (min-width:769px) {
    .c-title-bar__bar {
        height: 16px;
        top: 2px;
        width: 3px
    }
}

@media screen and (max-width:768px) {
    .c-title-bar__bar {
        height: 3.2rem;
        top: .4rem;
        width: .6rem
    }
}

.c-title-bar__txt {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 700;
    letter-spacing: .08em
}

@media screen and (min-width:769px) {
    .c-title-bar__txt {
        font-size: 22px
    }
}

@media screen and (max-width:768px) {
    .c-title-bar__txt {
        font-size: 3.4rem
    }
}

@media screen and (min-width:769px) {
    .c-title-bar__txt {
        padding-left: 16px
    }
}

@media screen and (max-width:768px) {
    .c-title-bar__txt {
        padding-left: 3.4rem
    }
}

.p-enjoy-pavilion-signature {
    position: relative
}

.p-enjoy-pavilion-signature__btn {
    height: 100%;
    width: 100%
}

.p-enjoy-pavilion-signature__btn__img {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-enjoy-pavilion {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-pavilion__s {
        display: flex
    }
}

.p-enjoy-pavilion__s__item {
    opacity: 0
}

@media screen and (min-width:769px) {
    .p-enjoy-pavilion__s__item+.p-enjoy-pavilion__s__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-pavilion__s__item+.p-enjoy-pavilion__s__item {
        margin-top: 2rem
    }
}

.p-enjoy-pavilion__l {
    opacity: 0;
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-pavilion__l {
        bottom: 0;
        display: block;
        left: 454px;
        position: absolute;
        right: auto;
        top: auto;
        z-index: 1
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-pavilion__l {
        margin-top: 2rem
    }
}

.p-enjoy-grandring,
.p-enjoy-grandring__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-grandring__body {
        width: 481.59999999999997px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-grandring__body {
        width: 67rem
    }
}

.p-enjoy-grandring__body__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--white);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-enjoy-grandring__body__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-grandring__body__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-grandring__body__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-grandring__body__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-grandring__body__txt {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-grandring__body__txt {
        padding: 0 2rem
    }
}

.p-enjoy-grandring.-text-color-white .p-enjoy-grandring__body__txt {
    color: var(--white)
}

.p-enjoy-webcam,
.p-enjoy-webcam__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-webcam__body {
        width: 481.59999999999997px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-webcam__body {
        width: 67rem
    }
}

.p-enjoy-webcam__body__youtube {
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-enjoy-webcam__body__youtube {
        border-radius: 20px;
        height: 270px;
        width: 480px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-webcam__body__youtube {
        border-radius: 4rem;
        height: 37.6rem;
        width: 67rem
    }
}

.p-enjoy-webcam__body__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--white);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-enjoy-webcam__body__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-webcam__body__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-webcam__body__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-webcam__body__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-webcam__body__txt {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-webcam__body__txt {
        padding: 0 2rem
    }
}

.p-enjoy-webcam.-text-color-white .p-enjoy-webcam__body__txt {
    color: var(--white)
}

.c-btn-circle {
    cursor: pointer;
    display: block;
    height: inherit;
    position: relative;
    width: inherit
}

.c-btn-circle>* ::-moz-selection {
    background: none
}

.c-btn-circle>* ::selection {
    background: none
}

.c-btn-circle__inner {
    position: relative
}

@media (hover:hover) {
    .c-btn-circle__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-circle:hover .c-btn-circle__inner {
        opacity: .8;
        transform: translateY(-3px)
    }
}

.c-btn-circle__body {
    overflow: hidden
}

@media screen and (min-width:769px) {
    .c-btn-circle.-size-showcase-circle .c-btn-circle__body {
        height: 200px;
        width: 200px
    }
}

@media screen and (max-width:768px) {
    .c-btn-circle.-size-showcase-circle .c-btn-circle__body {
        height: 40rem;
        width: 40rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-circle.-size-showcase-circle-l .c-btn-circle__body {
        height: 180px;
        width: 350px
    }
}

@media screen and (max-width:768px) {
    .c-btn-circle.-size-showcase-circle-l .c-btn-circle__body {
        height: 40rem;
        width: 40rem
    }
}

.p-enjoy-showcase,
.p-enjoy-showcase__body {
    position: relative
}

.p-enjoy-showcase__body__ui__next,
.p-enjoy-showcase__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-enjoy-showcase__body__ui__next,
    .p-enjoy-showcase__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-enjoy-showcase__body__ui__next,
    .p-enjoy-showcase__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-showcase__body__ui__prev {
        left: -70px
    }

    .p-enjoy-showcase__body__ui__next {
        right: -70px
    }
}

.p-enjoy-showcase__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-enjoy-showcase__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-enjoy-showcase__body__swiper__slide {
        display: flex
    }

    .p-enjoy-showcase__body__swiper__slide+.p-enjoy-showcase__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-showcase__body__swiper__slide+.p-enjoy-showcase__body__swiper__slide {
        margin-left: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-showcase__body__swiper__slide__item+.p-enjoy-showcase__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-showcase__body__swiper__slide__item+.p-enjoy-showcase__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-enjoy-event,
.p-enjoy-event__body {
    position: relative
}

.p-enjoy-event__body__ui__next,
.p-enjoy-event__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-enjoy-event__body__ui__next,
    .p-enjoy-event__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-enjoy-event__body__ui__next,
    .p-enjoy-event__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-event__body__ui__prev {
        left: -70px
    }

    .p-enjoy-event__body__ui__next {
        right: -70px
    }
}

.p-enjoy-event__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-enjoy-event__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-enjoy-event__body__swiper__slide {
        display: flex
    }

    .p-enjoy-event__body__swiper__slide+.p-enjoy-event__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-event__body__swiper__slide+.p-enjoy-event__body__swiper__slide {
        margin-left: 2rem
    }
}

.p-enjoy-event__body__swiper__slide__item {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-event__body__swiper__slide__item+.p-enjoy-event__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-event__body__swiper__slide__item+.p-enjoy-event__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-enjoy-goodsshops,
.p-enjoy-goodsshops__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-goodsshops__body {
        width: 520px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-goodsshops__body {
        width: 67rem
    }
}

.p-enjoy-goodsshops__body__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--white);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-enjoy-goodsshops__body__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-goodsshops__body__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-goodsshops__body__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-goodsshops__body__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-goodsshops__body__txt {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-goodsshops__body__txt {
        padding: 0 2rem
    }
}

.p-enjoy-goodsshops.-text-color-white .p-enjoy-goodsshops__body__txt {
    color: var(--white)
}

.p-enjoy-gourmets,
.p-enjoy-gourmets__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-enjoy-gourmets__body {
        width: 520px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-gourmets__body {
        width: 67rem
    }
}

.p-enjoy-gourmets__body__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--white);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-enjoy-gourmets__body__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-gourmets__body__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-gourmets__body__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-gourmets__body__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy-gourmets__body__txt {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy-gourmets__body__txt {
        padding: 0 2rem
    }
}

.p-enjoy-gourmets.-text-color-white .p-enjoy-gourmets__body__txt {
    color: var(--white)
}

@media screen and (min-width:769px) {
    .c-layout-sec-md {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media screen and (max-width:768px) {
    .c-layout-sec-md {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.c-layout-sec-md__inner {
    position: relative
}

.p-enjoy {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-enjoy {
        padding-bottom: 140px;
        padding-top: 80px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy {
        padding-bottom: 14rem;
        padding-top: 13rem
    }
}

.p-enjoy__bg {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-enjoy__bgblur {
    position: absolute;
    z-index: 3
}

@media screen and (min-width:769px) {
    .p-enjoy__bgblur {
        border: 1px solid hsla(0, 0%, 100%, .3);
        border-radius: 15px 0 0 12px;
        height: calc(100% - 120px);
        overflow: hidden;
        right: 0;
        top: 60px;
        width: calc(100% - 60px)
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__bgblur {
        border-bottom: 1px solid hsla(0, 0%, 100%, .3);
        border-top: 1px solid hsla(0, 0%, 100%, .3);
        height: calc(100% - 15rem);
        left: 0;
        top: 8rem;
        width: 100%
    }
}

.p-enjoy__inner {
    position: relative;
    z-index: 5
}

@media screen and (min-width:769px) {
    .p-enjoy__title {
        width: 440px
    }

    .p-enjoy__grandringwebcam {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__grandringwebcam {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__grandringwebcam {
        display: flex
    }

    .p-enjoy__grandringwebcam__webcam {
        margin-left: 40px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__grandringwebcam__webcam {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__pavilion {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__pavilion {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__showcase {
        margin-top: 51px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__showcase {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__event {
        margin-top: 70px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__event {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__goodsshopsgourmet {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__goodsshopsgourmet {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-enjoy__goodsshopsgourmet {
        display: flex
    }

    .p-enjoy__goodsshopsgourmet__gourmets {
        margin-left: 40px
    }
}

@media screen and (max-width:768px) {
    .p-enjoy__goodsshopsgourmet__gourmets {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .c-title-sec-md {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md {
        display: flex;
        flex-direction: column
    }
}

.c-title-sec-md.-white {
    color: var(--white)
}

.c-title-sec-md__txt1 {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    text-indent: -.03em
}

@media screen and (min-width:769px) {
    .c-title-sec-md__txt1 {
        font-size: 90px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md__txt1 {
        font-size: 10.8rem
    }
}

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

    :root[lang=es] .c-title-sec-md__txt1,
    :root[lang=fr] .c-title-sec-md__txt1 {
        font-size: 75px
    }
}

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

    :root[lang=es] .c-title-sec-md__txt1,
    :root[lang=fr] .c-title-sec-md__txt1 {
        font-size: 10rem
    }
}

.c-title-sec-md__txt2 {
    font-family: Zen Kaku Gothic New, sans-serif;
    font-weight: 700;
    letter-spacing: .18em;
    position: relative
}

@media screen and (min-width:769px) {
    .c-title-sec-md__txt2 {
        font-size: 23px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md__txt2 {
        font-size: 3.2rem
    }
}

@media screen and (min-width:769px) {
    .c-title-sec-md__txt2 {
        align-content: flex-end;
        align-items: flex-end;
        display: flex;
        flex: 1;
        height: 70px;
        margin-left: 10px;
        padding-bottom: 14px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md__txt2 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.c-title-sec-md__txt2:after {
    background-color: var(--black);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1
}

.c-title-sec-md.-white .c-title-sec-md__txt2:after {
    background-color: var(--white)
}

.c-title-sec-md__txt3 {
    line-height: 1.5;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .c-title-sec-md__txt3 {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md__txt3 {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .c-title-sec-md__txt3 {
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .c-title-sec-md__txt3 {
        margin-top: 2rem
    }
}

.p-visit-place {
    position: relative
}

.p-visit-place__body__item {
    display: block
}

.p-visit-place__body__item__img {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-visit-place__body__item__txt {
        bottom: 23px;
        display: block;
        left: 30px;
        position: absolute;
        right: auto;
        top: auto;
        width: 410px;
        z-index: 2
    }
}

@media screen and (max-width:768px) {
    .p-visit-place__body__item__txt {
        bottom: 6rem;
        display: block;
        left: 4rem;
        position: absolute;
        right: auto;
        top: auto;
        width: 46.800000000000004rem;
        z-index: 2
    }
}

.c-btn-ticket-info {
    display: block;
    position: relative
}

.c-btn-ticket-info__inner {
    position: relative
}

@media (hover:hover) {
    .c-btn-ticket-info__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-ticket-info:hover .c-btn-ticket-info__inner {
        opacity: .8;
        transform: translateY(-2px)
    }
}

.c-btn-ticket-info__body {
    background-color: #9adafe;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__body {
        border-radius: 95px;
        box-shadow: inset -2px -27px 39px 2px #0068b782;
        height: 190px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__body {
        border-radius: 19rem;
        box-shadow: inset -.2rem -2.7rem 3.9rem .2rem #0068b782;
        height: 38rem;
        width: 69rem
    }
}

.c-btn-ticket-info__body__shadow {
    bottom: auto;
    display: block;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 5
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__body__shadow {
        border-radius: 95px;
        box-shadow: inset 0 -10px 15px 5px #0068b7cc;
        height: 190px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__body__shadow {
        border-radius: 19rem;
        box-shadow: inset 0 -2.5rem 2rem .5rem #0068b7e6;
        height: 38rem;
        width: 69rem
    }
}

@media (hover:hover) {
    .c-btn-ticket-info__body__shadow {
        transition: box-shadow .2s
    }

    .c-btn-ticket-info:hover .c-btn-ticket-info__body__shadow {
        box-shadow: inset 0 -5px 15px 5px #0068b7e6
    }
}

.c-btn-ticket-info__body__img,
.c-btn-ticket-info__body__myaku {
    border-radius: 100px;
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

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

    .c-btn-ticket-info__body__img,
    .c-btn-ticket-info__body__myaku {
        border-radius: 95px
    }
}

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

    .c-btn-ticket-info__body__img,
    .c-btn-ticket-info__body__myaku {
        border-radius: 19rem
    }
}

.c-btn-ticket-info__body__img__img {
    max-width: none
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__body__img__img {
        display: block;
        height: 379px;
        position: absolute;
        right: 0;
        top: -120px;
        width: 567.5px;
        z-index: 3
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__body__img__img {
        bottom: auto;
        display: block;
        height: 43.585rem;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 65.2625rem;
        z-index: 3
    }
}

@media (hover:hover) {
    .c-btn-ticket-info__body__img__img {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-ticket-info:hover .c-btn-ticket-info__body__img__img {
        transform: scale(1.05)
    }
}

.c-btn-ticket-info__body__myaku__img {
    max-width: none
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__body__myaku__img {
        display: block;
        height: 254px;
        position: absolute;
        right: 40px;
        top: 0;
        width: 213px;
        z-index: 3
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__body__myaku__img {
        display: block;
        height: 40.64000000000001rem;
        position: absolute;
        right: 3rem;
        top: 2.5rem;
        width: 34.080000000000005rem;
        z-index: 3
    }
}

@media (hover:hover) {
    .c-btn-ticket-info__body__myaku__img {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-ticket-info:hover .c-btn-ticket-info__body__myaku__img {
        transform: translateY(-10px)
    }
}

.c-btn-ticket-info__body__txt {
    max-width: none
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__body__txt {
        bottom: auto;
        display: block;
        height: 92.99px;
        left: 44px;
        position: absolute;
        right: auto;
        top: 44px;
        width: 235.64px;
        z-index: 4
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__body__txt {
        bottom: auto;
        display: block;
        height: 20.986000000000004rem;
        left: 7.5rem;
        position: absolute;
        right: auto;
        top: 8rem;
        width: 40.993rem;
        z-index: 4
    }
}

.c-btn-ticket-info__bggradient {
    position: absolute;
    z-index: 1
}

@media screen and (min-width:769px) {
    .c-btn-ticket-info__bggradient {
        height: 190px;
        left: 0;
        top: 40px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .c-btn-ticket-info__bggradient {
        height: 38rem;
        left: 0;
        top: 8rem;
        width: 69rem
    }
}

.p-visit-ticket,
.p-visit-ticket__body__info {
    position: relative
}

.p-visit-ticket__body__column {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-visit-ticket__body__column {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: flex-start;
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .p-visit-ticket__body__column {
        margin-top: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-visit-ticket__body__column__item+.p-visit-ticket__body__column__item {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .p-visit-ticket__body__column__item+.p-visit-ticket__body__column__item {
        margin-top: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-visit-ticket__body__column__item+.p-visit-ticket__body__column__item {
        margin-left: 10px
    }
}

.p-visit {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-visit {
        padding-bottom: 120px;
        padding-top: 80px
    }
}

@media screen and (max-width:768px) {
    .p-visit {
        padding-bottom: 14rem;
        padding-top: 13rem
    }
}

.p-visit__bg {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-visit__gradient {
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: p-visit__gradient_anime-bf53e019;
    animation-timing-function: linear;
    position: absolute;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-visit__gradient {
        height: 700px;
        right: 0;
        top: 0;
        width: 700px
    }
}

@media screen and (max-width:768px) {
    .p-visit__gradient {
        height: 60rem;
        right: -10rem;
        top: 10rem;
        width: 60rem
    }
}

.p-visit__inner {
    position: relative;
    z-index: 5
}

@media screen and (min-width:769px) {
    .p-visit__column {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__column {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__column {
        display: flex
    }

    .p-visit__column__item:first-child {
        width: 480px
    }

    .p-visit__column__item:nth-child(2) {
        margin-left: 58px;
        width: 540px
    }
}

@media screen and (max-width:768px) {
    .p-visit__column__item:nth-child(2) {
        margin-top: 5.5rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__please {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__please {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__column2 {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__column2 {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__column2 {
        display: flex
    }

    .p-visit__column2__item {
        margin-left: 40px;
        width: 520px
    }

    .p-visit__column2__item:first-child {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .p-visit__column2__item {
        margin-top: 5.5rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__visitors {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__visitors {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__pamphlet {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__pamphlet {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-visit__tourism {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-visit__tourism {
        margin-top: 6rem
    }
}

@keyframes p-visit__gradient_anime-bf53e019 {
    0% {
        transform: scale(1) rotate(0)
    }

    25% {
        transform: scale(.8) rotate(45deg)
    }

    50% {
        transform: scale(1.3) rotate(0)
    }

    75% {
        transform: scale(.9) rotate(-45deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.p-join-creation,
.p-join-creation__body {
    position: relative
}

.p-join-creation__body__ui__next,
.p-join-creation__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-join-creation__body__ui__next,
    .p-join-creation__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-join-creation__body__ui__next,
    .p-join-creation__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-join-creation__body__ui__prev {
        left: -70px
    }

    .p-join-creation__body__ui__next {
        right: -70px
    }
}

.p-join-creation__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-join-creation__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-join-creation__body__swiper__slide {
        display: flex
    }

    .p-join-creation__body__swiper__slide+.p-join-creation__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-creation__body__swiper__slide+.p-join-creation__body__swiper__slide {
        margin-left: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-join-creation__body__swiper__slide__item+.p-join-creation__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-creation__body__swiper__slide__item+.p-join-creation__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.c-btn-card-text {
    cursor: pointer;
    display: block;
    height: inherit;
    position: relative;
    width: inherit
}

@media screen and (min-width:769px) {
    .c-btn-card-text {
        width: 250px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text {
        width: 50rem
    }
}

.c-btn-card-text__inner {
    position: relative
}

@media (hover:hover) {
    .c-btn-card-text__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .c-btn-card-text:hover .c-btn-card-text__inner {
        opacity: .8;
        transform: translateY(-3px)
    }
}

.c-btn-card-text__body {
    background-color: var(--gray);
    overflow: hidden;
    position: relative;
    z-index: 2
}

.c-btn-card-text__body>* ::-moz-selection {
    background: none
}

.c-btn-card-text__body>* ::selection {
    background: none
}

@media screen and (min-width:769px) {
    .c-btn-card-text__body {
        border-radius: 45px;
        height: 85px;
        width: 250px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__body {
        border-radius: 7rem;
        height: 14rem;
        width: 50rem
    }
}

.c-btn-card-text.-color-red .c-btn-card-text__body {
    background-color: var(--red)
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-shadow-blue .c-btn-card-text__body {
        box-shadow: 0 20px 14px #37328a33
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-shadow-blue .c-btn-card-text__body {
        box-shadow: 0 4rem 2.8rem #37328a33
    }
}

.c-btn-card-text__body__txt {
    align-content: center;
    align-items: center;
    color: var(--black);
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.25
}

@media screen and (min-width:769px) {
    .c-btn-card-text__body__txt {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__body__txt {
        font-size: 3.2rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text__body__txt {
        padding-left: 32px;
        padding-right: 34px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__body__txt {
        padding-left: 7rem;
        padding-right: 7rem
    }
}

.c-btn-card-text.-color-red .c-btn-card-text__body__txt {
    color: var(--white)
}

.c-btn-card-text__body__arrow {
    position: absolute;
    z-index: 5;
    fill: var(--black)
}

@media (hover:hover) {
    .c-btn-card-text__body__arrow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .c-btn-card-text:hover .c-btn-card-text__body__arrow {
        transform: translate(.1em, -.1em)
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text__body__arrow {
        font-size: 22px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__body__arrow {
        font-size: 4rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text__body__arrow {
        right: 20px;
        top: calc(50% - 11px)
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__body__arrow {
        right: 4rem;
        top: calc(50% - 2rem)
    }
}

.c-btn-card-text.-color-red .c-btn-card-text__body__arrow {
    fill: var(--white)
}

.c-btn-card-text__body__arrow2 {
    position: absolute;
    z-index: 5
}

@media (hover:hover) {
    .c-btn-card-text__body__arrow2 {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .c-btn-card-text:hover .c-btn-card-text__body__arrow2 {
        transform: translate(.1em, -.1em)
    }
}

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

    .c-btn-card-text.-size-place .c-btn-card-text__body__arrow2,
    .c-btn-card-text.-size-tourism .c-btn-card-text__body__arrow2 {
        font-size: 40px
    }
}

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

    .c-btn-card-text.-size-place .c-btn-card-text__body__arrow2,
    .c-btn-card-text.-size-tourism .c-btn-card-text__body__arrow2 {
        font-size: 8rem
    }
}

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

    .c-btn-card-text.-size-place .c-btn-card-text__body__arrow2,
    .c-btn-card-text.-size-tourism .c-btn-card-text__body__arrow2 {
        right: 20px;
        top: 20px
    }
}

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

    .c-btn-card-text.-size-place .c-btn-card-text__body__arrow2,
    .c-btn-card-text.-size-tourism .c-btn-card-text__body__arrow2 {
        right: 3.8rem;
        top: 3.8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__body__arrow2 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__body__arrow2 {
        font-size: 8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__body__arrow2 {
        right: 17px;
        top: calc(50% - 20px)
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__body__arrow2 {
        right: 3.8rem;
        top: calc(50% - 4rem)
    }
}

.c-btn-card-text__body__arrow2 circle {
    fill: var(--black)
}

.c-btn-card-text__body__arrow2 path {
    fill: var(--white)
}

.c-btn-card-text.-arrow-color-blue .c-btn-card-text__body__arrow2 circle {
    fill: var(--blue)
}

.c-btn-card-text.-arrow-color-red .c-btn-card-text__body__arrow2 circle {
    fill: var(--red)
}

.c-btn-card-text__txt {
    display: -webkit-box;
    line-height: 1.5;
    position: relative;
    text-align: justify;
    text-overflow: ellipsis;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--black);
    overflow: hidden
}

@media screen and (min-width:769px) {
    .c-btn-card-text__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text__txt {
        margin-top: 7px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__txt {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text__txt {
        padding: 0 20px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text__txt {
        padding: 0 2rem
    }
}

.c-btn-card-text.-text-color-white .c-btn-card-text__txt {
    color: var(--white)
}

.c-btn-card-text__bggradient {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-size-place .c-btn-card-text__bggradient {
        left: 0;
        top: 50px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-size-place .c-btn-card-text__bggradient {
        left: 0;
        top: 8rem
    }
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-size-tourism .c-btn-card-text__bggradient {
        left: 0;
        top: 60px
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-size-tourism .c-btn-card-text__bggradient {
        left: 0;
        top: 12rem
    }
}

.c-btn-card-text.-size-ticket .c-btn-card-text__bggradient {
    height: 170%;
    opacity: .5
}

@media screen and (min-width:769px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__bggradient {
        left: 0;
        top: 0
    }
}

@media screen and (max-width:768px) {
    .c-btn-card-text.-size-ticket .c-btn-card-text__bggradient {
        left: 0;
        top: 0
    }
}

.p-join-exhibit,
.p-join-exhibit__body {
    position: relative
}

.p-join-exhibit__body__ui__next,
.p-join-exhibit__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-join-exhibit__body__ui__next,
    .p-join-exhibit__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-join-exhibit__body__ui__next,
    .p-join-exhibit__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-join-exhibit__body__ui__prev {
        left: -70px
    }

    .p-join-exhibit__body__ui__next {
        right: -70px
    }
}

.p-join-exhibit__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-join-exhibit__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-join-exhibit__body__swiper__slide {
        display: flex;
        flex-direction: column
    }

    .p-join-exhibit__body__swiper__slide+.p-join-exhibit__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-exhibit__body__swiper__slide+.p-join-exhibit__body__swiper__slide {
        margin-left: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-join-exhibit__body__swiper__slide__item+.p-join-exhibit__body__swiper__slide__item {
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-exhibit__body__swiper__slide__item+.p-join-exhibit__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-join-other,
.p-join-other__body {
    position: relative
}

.p-join-other__body__ui__next,
.p-join-other__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-join-other__body__ui__next,
    .p-join-other__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-join-other__body__ui__next,
    .p-join-other__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-join-other__body__ui__prev {
        left: -70px
    }

    .p-join-other__body__ui__next {
        right: -70px
    }
}

.p-join-other__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-join-other__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-join-other__body__swiper__slide {
        display: flex;
        flex-direction: column
    }

    .p-join-other__body__swiper__slide+.p-join-other__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-other__body__swiper__slide+.p-join-other__body__swiper__slide {
        margin-left: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-join-other__body__swiper__slide__item+.p-join-other__body__swiper__slide__item {
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .p-join-other__body__swiper__slide__item+.p-join-other__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-join {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-join {
        padding-bottom: 120px;
        padding-top: 80px
    }
}

@media screen and (max-width:768px) {
    .p-join {
        padding-bottom: 14rem;
        padding-top: 13rem
    }
}

.p-join__bg {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-join__bg__cover1,
.p-join__bg__cover2 {
    background: linear-gradient(315deg, #5050da, #009cd8);
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 2
}

.p-join__inner {
    position: relative;
    z-index: 5
}

@media screen and (min-width:769px) {
    .p-join__creation {
        margin-top: 60px
    }
}

@media screen and (max-width:768px) {
    .p-join__creation {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-join__exhibit {
        margin-top: 36px
    }
}

@media screen and (max-width:768px) {
    .p-join__exhibit {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-join__other {
        margin-top: 36px
    }
}

@media screen and (max-width:768px) {
    .p-join__other {
        margin-top: 6rem
    }
}

.p-about-sdgs,
.p-about-sdgs__body {
    position: relative
}

.p-about-sdgs__body__ui__next,
.p-about-sdgs__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-about-sdgs__body__ui__next,
    .p-about-sdgs__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-about-sdgs__body__ui__next,
    .p-about-sdgs__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-about-sdgs__body__ui__prev {
        left: -70px
    }

    .p-about-sdgs__body__ui__next {
        right: -70px
    }
}

.p-about-sdgs__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-about-sdgs__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-about-sdgs__body__swiper__slide {
        display: flex
    }

    .p-about-sdgs__body__swiper__slide+.p-about-sdgs__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-sdgs__body__swiper__slide+.p-about-sdgs__body__swiper__slide {
        margin-left: 2rem
    }
}

.p-about-sdgs__body__swiper__slide__item {
    position: relative
}

@media screen and (min-width:769px) {
    .p-about-sdgs__body__swiper__slide__item.-sdgs-s:nth-child(2n) {
        top: 30px;
        transition: top .15s
    }

    .p-about-sdgs__body__swiper__slide__item+.p-about-sdgs__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-sdgs__body__swiper__slide__item+.p-about-sdgs__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-about-music,
.p-about-music__body {
    position: relative
}

.p-about-music__body__ui__next,
.p-about-music__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-about-music__body__ui__next,
    .p-about-music__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-about-music__body__ui__next,
    .p-about-music__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-about-music__body__ui__prev {
        left: -70px
    }

    .p-about-music__body__ui__next {
        right: -70px
    }
}

.p-about-music__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-about-music__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-about-music__body__swiper__slide {
        display: flex
    }

    .p-about-music__body__swiper__slide+.p-about-music__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-music__body__swiper__slide+.p-about-music__body__swiper__slide {
        margin-left: 2rem
    }
}

.p-about-music__body__swiper__slide__item {
    position: relative
}

@media screen and (min-width:769px) {
    .p-about-music__body__swiper__slide__item+.p-about-music__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-music__body__swiper__slide__item+.p-about-music__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-about-people,
.p-about-people__body {
    position: relative
}

.p-about-people__body__ui__next,
.p-about-people__body__ui__prev {
    position: absolute;
    z-index: 5
}

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

    .p-about-people__body__ui__next,
    .p-about-people__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-about-people__body__ui__next,
    .p-about-people__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-about-people__body__ui__prev {
        left: -70px
    }

    .p-about-people__body__ui__next {
        right: -70px
    }
}

.p-about-people__body__swiper {
    margin-left: 0;
    overflow: visible
}

.p-about-people__body__swiper__slide {
    width: auto
}

@media screen and (min-width:769px) {
    .p-about-people__body__swiper__slide {
        display: flex
    }

    .p-about-people__body__swiper__slide+.p-about-people__body__swiper__slide {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-people__body__swiper__slide+.p-about-people__body__swiper__slide {
        margin-left: 2rem
    }
}

@media screen and (min-width:769px) {
    .p-about-people__body__swiper__slide__item+.p-about-people__body__swiper__slide__item {
        margin-left: 10px
    }
}

@media screen and (max-width:768px) {
    .p-about-people__body__swiper__slide__item+.p-about-people__body__swiper__slide__item {
        margin-top: 2rem
    }
}

.p-about {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .p-about {
        padding-bottom: 120px;
        padding-top: 80px
    }
}

@media screen and (max-width:768px) {
    .p-about {
        padding-bottom: 14rem;
        padding-top: 13rem
    }
}

.p-about__bg {
    bottom: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 1
}

.p-about__inner {
    position: relative;
    z-index: 5
}

@media screen and (min-width:769px) {
    .p-about__sdgs {
        margin-top: 70px
    }
}

@media screen and (max-width:768px) {
    .p-about__sdgs {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-about__music {
        margin-top: 70px
    }
}

@media screen and (max-width:768px) {
    .p-about__music {
        margin-top: 6rem
    }
}

@media screen and (min-width:769px) {
    .p-about__people {
        margin-top: 70px
    }
}

@media screen and (max-width:768px) {
    .p-about__people {
        margin-top: 6rem
    }
}

.p-pressrelease {
    background-color: #dee7ed;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:769px) {
    .p-pressrelease {
        align-content: center;
        align-items: center;
        display: flex;
        height: 210px;
        justify-content: flex-start
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease {
        height: 75rem;
        padding-top: 6.5rem
    }
}

.p-pressrelease__head {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-pressrelease__head {
        align-content: center;
        align-items: center;
        background: linear-gradient(90deg, #dee7ed, #dee7ed 90%, #dee7ed00);
        display: flex;
        height: 100%;
        justify-content: flex-start;
        width: 240px
    }

    .p-pressrelease__head__inner {
        padding-left: 30px
    }

    .p-pressrelease__head__btns {
        margin-top: 20px;
        width: 180px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__head__btns {
        align-content: center;
        align-items: center;
        bottom: -50rem;
        display: block;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        right: auto;
        top: auto;
        width: 100%;
        z-index: 1
    }
}

@media screen and (min-width:769px) {
    .p-pressrelease__head__btns__btn+.p-pressrelease__head__btns__btn {
        margin-top: 6px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__head__btns__btn+.p-pressrelease__head__btns__btn {
        margin-left: 1rem
    }
}

.p-pressrelease__body {
    position: relative
}

@media screen and (min-width:769px) {
    .p-pressrelease__body {
        width: calc(100% - 240px)
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body {
        margin-top: 3.5rem;
        padding: 0 4rem
    }
}

.p-pressrelease__body__ui__next,
.p-pressrelease__body__ui__prev {
    position: absolute;
    z-index: 2
}

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

    .p-pressrelease__body__ui__next,
    .p-pressrelease__body__ui__prev {
        top: calc(50% - 30px)
    }
}

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

    .p-pressrelease__body__ui__next,
    .p-pressrelease__body__ui__prev {
        display: none
    }
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__ui__prev {
        left: -30px
    }

    .p-pressrelease__body__ui__next {
        right: 30px
    }
}

.p-pressrelease__body__swiper {
    display: flex !important;
    margin-left: 0 !important;
    overflow: visible !important
}

.p-pressrelease__body__swiper__slide {
    position: relative
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide {
        width: 230px !important
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide {
        width: 46rem !important
    }
}

.p-pressrelease__body__swiper__slide__bg {
    max-width: none;
    opacity: .8
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__bg {
        bottom: auto;
        display: block;
        height: 236.9px;
        left: -20px;
        position: absolute;
        right: auto;
        top: -25px;
        width: 267.8px;
        z-index: 1
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__bg {
        bottom: auto;
        display: block;
        height: 48.300000000000004rem;
        left: -3.5rem;
        position: absolute;
        right: auto;
        top: -5rem;
        width: 54.6rem;
        z-index: 1
    }
}

.p-pressrelease__body__swiper__slide__btn {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn {
        height: 160px;
        width: 220px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn {
        height: 32rem;
        width: 44rem
    }
}

.p-pressrelease__body__swiper__slide__btn__inner {
    background-color: #fffc
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__inner {
        border-radius: 22px;
        height: 160px;
        padding: 25px 20px 0;
        width: 220px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__inner {
        border-radius: 4rem;
        height: 32rem;
        padding: 5.5rem 4rem 0;
        width: 44rem
    }
}

@media (hover:hover) {
    .p-pressrelease__body__swiper__slide__btn__inner {
        transition: all .2s cubic-bezier(.175, .885, .32, 1.275)
    }

    .p-pressrelease__body__swiper__slide__btn:hover .p-pressrelease__body__swiper__slide__btn__inner {
        opacity: .8;
        transform: translateY(-2px)
    }
}

.p-pressrelease__body__swiper__slide__btn__head {
    color: var(--blue)
}

.p-pressrelease__body__swiper__slide__btn__head__date {
    font-family: Open Sans, sans-serif;
    font-weight: 600
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__head__date {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__head__date {
        font-size: 2.6rem
    }
}

.p-pressrelease__body__swiper__slide__btn__head__category {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.2;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__head__category {
        margin-top: 8px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__head__category {
        margin-top: 1.2rem
    }
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__head__category {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__head__category {
        font-size: 2.6rem
    }
}

.p-pressrelease__body__swiper__slide__btn__txt {
    display: -webkit-box;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__txt {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__txt {
        font-size: 3rem
    }
}

@media screen and (min-width:769px) {
    .p-pressrelease__body__swiper__slide__btn__txt {
        margin-top: 8px
    }
}

@media screen and (max-width:768px) {
    .p-pressrelease__body__swiper__slide__btn__txt {
        margin-top: 1.2rem
    }
}

.c-svg-arrow-link {
    height: 1em;
    width: 1em
}

.p-link {
    position: relative
}

@media screen and (min-width:769px) {
    .p-link {
        display: flex;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 22px
    }
}

@media screen and (max-width:768px) {
    .p-link {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 8rem
    }
}

@media screen and (min-width:769px) {
    .p-link__head {
        width: 200px
    }

    .p-link__body {
        flex: 1
    }
}

@media screen and (max-width:768px) {
    .p-link__body {
        margin-top: 5rem
    }
}

.p-link__body__item {
    display: inline;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    .p-link__body__item {
        margin-right: 20px
    }
}

@media screen and (max-width:768px) {
    .p-link__body__item {
        margin-right: 3.4rem
    }
}

.p-link__body__item__img {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    .p-link__body__item__img {
        height: 26px;
        margin-right: 20px
    }
}

@media screen and (max-width:768px) {
    .p-link__body__item__img {
        height: 5.2rem;
        margin-right: 4rem
    }
}

.p-link__body__item__img img {
    height: 100%;
    max-width: none;
    width: auto
}

.p-link__body__item__btn {
    display: inline
}

.p-link__body__item__btn__arrow {
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    .p-link__body__item__btn__arrow {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .p-link__body__item__btn__arrow {
        font-size: 2.8rem
    }
}

.p-link__body__item__btn__arrow path {
    fill: #e60012
}

.p-link__body__item__btn__arrow polygon {
    fill: #fff
}

@media (hover:hover) {
    .p-link__body__item__btn__arrow {
        transition: all .15s
    }

    .p-link__body__item__btn:hover .p-link__body__item__btn__arrow {
        transform: scale(1.3)
    }
}

.p-link__body__item__btn__txt {
    display: inline;
    flex: 1;
    line-height: 2.5;
    vertical-align: middle
}

@media screen and (min-width:769px) {
    .p-link__body__item__btn__txt {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .p-link__body__item__btn__txt {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-link__body__item__btn__txt {
        margin-left: 6px
    }
}

@media screen and (max-width:768px) {
    .p-link__body__item__btn__txt {
        margin-left: 1rem
    }
}

@media (hover:hover) {
    .p-link__body__item__btn__txt {
        transition: all .15s
    }

    .p-link__body__item__btn:hover .p-link__body__item__btn__txt {
        opacity: .8;
        transform: translate(2px)
    }
}

.p-banner {
    position: relative
}

@media screen and (min-width:769px) {
    .p-banner {
        margin-top: 50px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:768px) {
    .p-banner {
        margin-top: 5rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media screen and (min-width:769px) {
    .p-banner__item+.p-banner__item {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item+.p-banner__item {
        margin-top: 2rem
    }
}

@media (hover:hover) {
    .p-banner__item {
        transition: opacity .15s
    }

    .p-banner__item:hover {
        opacity: .9
    }
}

.p-banner__item__cycle {
    align-content: center;
    align-items: center;
    background-color: #b8d3df;
    display: block;
    display: flex;
    justify-content: center
}

@media screen and (min-width:769px) {
    .p-banner__item__cycle {
        height: 110px;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__cycle {
        height: 10rem;
        width: 100%
    }
}

@media screen and (min-width:769px) {
    .p-banner__item__cycle__img {
        height: 100px;
        width: 940px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__cycle__img {
        height: auto;
        width: 100%
    }
}

.p-banner__item__bie {
    background-color: #1c388d;
    display: block
}

@media screen and (min-width:769px) {
    .p-banner__item__bie {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 35px 70px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__bie {
        padding: 5.600000000000001rem
    }
}

@media screen and (min-width:769px) {
    .p-banner__item__bie__logo {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: center;
        width: 50%
    }

    .p-banner__item__bie__logo__img {
        height: 100px;
        width: 370px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__bie__logo__img {
        height: 10rem;
        margin: 0 auto;
        width: 37rem
    }
}

.p-banner__item__bie__info {
    color: var(--white);
    line-height: 1.8
}

@media screen and (min-width:769px) {
    .p-banner__item__bie__info {
        font-size: 15px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__bie__info {
        font-size: 2.8rem
    }
}

@media screen and (min-width:769px) {
    .p-banner__item__bie__info {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__bie__info {
        margin-top: 6.2rem
    }
}

.p-banner__item__bie__info__link {
    align-content: center;
    align-items: center;
    display: flex;
    font-size: 1.1em;
    justify-content: flex-start
}

@media screen and (min-width:769px) {
    .p-banner__item__bie__info__link {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .p-banner__item__bie__info__link {
        margin-top: 3rem;
        padding-left: 10rem
    }
}

.p-banner__item__bie__info__link path {
    fill: #fff
}

.p-banner__item__bie__info__link polygon {
    fill: #1c388d
}

.p-floating-banner {
    display: block;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translate(-100%);
    transition: transform .4s;
    z-index: 1000
}

.p-floating-banner.-show {
    pointer-events: auto;
    transform: translate(0)
}

@media screen and (min-width:769px) {
    .p-floating-banner {
        top: calc(55% - 135px)
    }
}

@media screen and (max-width:768px) {
    .p-floating-banner {
        top: calc(49% - 17.5rem)
    }
}

.p-floating-banner__img {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .p-floating-banner__img {
        height: 270px;
        transition: all .2s;
        width: 101px
    }

    .p-floating-banner__img:hover {
        opacity: .9;
        transform: translateY(2px)
    }
}

@media screen and (max-width:768px) {
    .p-floating-banner__img {
        height: 35.1rem;
        transition: all .2s;
        width: 13.100000000000001rem
    }
}

.p-floating-banner__shadow {
    position: absolute
}

@media screen and (min-width:769px) {
    .p-floating-banner__shadow {
        border-radius: 10px;
        bottom: 0;
        box-shadow: 7px 9px 7px #1e285033;
        height: 270px;
        left: 0;
        width: 70px
    }
}

@media (hover:hover) {
    .p-floating-banner__shadow {
        transition: all .2s cubic-bezier(.19, 1, .22, 1)
    }

    .p-floating-banner:hover .p-floating-banner__shadow {
        box-shadow: 0 0 #1e285033
    }
}

@media screen and (max-width:768px) {
    .p-floating-banner__shadow {
        border-radius: 1rem;
        bottom: 0;
        box-shadow: 1.2rem 1.8rem 1.2rem #542c6333;
        height: 35.1rem;
        left: 0;
        width: 9rem
    }
}