@import"https://fonts.googleapis.com/css2?family=Whisper&family=WindSong:wght@400;500&display=swap";
@import"https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist/css/yakuhanjp.css";
@import"https://use.typekit.net/mej6rjf.css";
@media screen and (min-width: 480px) {
    .mediaSort {
        display: block
    }
}

@media screen and (min-width: 600px) {
    .mediaSort {
        display: block
    }
}

@media screen and (min-width: 840px) {
    .mediaSort {
        display: block
    }
}

@media screen and (min-width: 1180px) {
    .mediaSort {
        display: block
    }
}

@media screen and (min-width: 1280px) {
    .mediaSort {
        display: block
    }
}

@media screen and (min-width: 1440px) {
    .mediaSort {
        display: block
    }
}

:root {
    --color-body: #716B4E;
    --color-primary: #847d4f;
    --color-secondary: #4e665c;
    --color-sub: #999378;
    --color-sub2: #ABA99F;
    --color-error: #e7edf3;
    --color-border: #d8d8d8;
    --color-bg: #F7F5F2;
    --color-ex1: #d7d3ad;
    --color-ex2: #918451;
    --color-btn: #BAAD7C
}

.whisper {
    font-family: "Whisper", cursive;
    font-weight: 400;
    font-style: normal
}

.neue {
    font-family: "classico-urw", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase
}

.windsong-regular {
    font-family: "WindSong", cursive;
    font-weight: 400;
    font-style: normal
}

.windsong-medium {
    font-family: "WindSong", cursive;
    font-weight: 500;
    font-style: normal
}

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

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0
}

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
}

ul[role=list],
ol[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,
picture {
    max-width: 100%;
    vertical-align: bottom;
    height: auto
}

button {
    font: inherit
}

@media(prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    *::before,
    *::after {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 135px
}

@media screen and (min-width: 1180px) {
    html {
        scroll-padding-top: 200px
    }
}

body {
    color: var(--color-body);
    font-family: YakuHanJP, "Yu Gothic Pr6N R";
    font-size: .875rem;
    letter-spacing: .1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    line-height: 2
}

@media screen and (min-width: 840px) {
    body {
        font-size: .9375rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: YakuHanJP, "shippori-mincho", sans-serif
}

.en {
    font-family: "classico-urw", sans-serif
}

.pc-hide {
    display: inherit
}

@media screen and (min-width: 1180px) {
    .pc-hide {
        display: none !important
    }
}

.pc-show {
    display: none
}

@media screen and (min-width: 1180px) {
    .pc-show {
        display: inherit
    }
}

.sp-hide {
    display: none
}

@media screen and (min-width: 600px) {
    .sp-hide {
        display: inherit
    }
}

@media screen and (min-width: 600px) {
    .sp-show {
        display: none
    }
}

.tb-hide {
    display: inherit
}

@media screen and (min-width: 840px) {
    .tb-hide {
        display: none
    }
}

.tb-show {
    display: none
}

@media screen and (min-width: 840px) {
    .tb-show {
        display: inherit
    }
}

a {
    -webkit-transition: .3s;
    transition: .3s
}

a:focus {
    opacity: .75
}

@media(hover) {
    a:hover {
        opacity: .75
    }
}

.text-center {
    text-align: left
}

@media screen and (min-width: 840px) {
    .text-center {
        text-align: center
    }
}

.text-center-keep {
    text-align: center
}

.header {
    font-family: YakuHanJP, "shippori-mincho", sans-serif;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border: .5px solid #707070;
    background: #fff;
    z-index: 10
}

.header * {
    color: #716c6c
}

.header a {
    text-decoration: none
}

.header .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 140.5px;
    position: absolute;
    z-index: 10;
    left: 17.5px
}

.header .logo img {
    display: block
}

@media screen and (min-width: 1180px) {
    .header .logo {
        left: 4.4%;
        width: 200px
    }
}

@media screen and (min-width: 1180px) {
    .header {
        padding: 0 3.4% 0 4.4%;
        border: none
    }

    .header a {
        font-size: 13.3px
    }
}

.header_inner {
    margin: 0 auto;
    padding: 0 18px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 5px;
    height: 60px
}

@media screen and (min-width: 1180px) {
    .header_inner {
        padding: 0;
        height: 100px;
        padding-right: 85px;
        border-bottom: .5px solid var(--color-border)
    }
}

.header_nav {
    display: block;
    width: 100%;
    height: 100vh;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: hidden;
    background: var(--color-bg);
    z-index: 1;
    opacity: 0;
    padding-top: 60px
}

.header_nav .header_nav_inner {
    padding: 0 37.5px 50px 37.5px;
    overflow-y: auto;
    height: 100%
}

.is-drawerActive .header_nav {
    visibility: visible;
    opacity: 1
}

.header_nav .header_nav_btn {
    display: block;
    border: .5px solid #585540;
    padding: 15px;
    margin-top: 52px;
    text-align: center;
    color: #585540;
    line-height: 1
}

.header_nav .header_nav_btn:focus {
    background: #585540;
    color: #fff
}

@media(hover) {
    .header_nav .header_nav_btn:hover {
        background: #585540;
        color: #fff
    }
}

@media screen and (min-width: 1180px) {
    .header_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 100px
    }

    .header_nav .header_nav_inner {
        height: auto;
        width: 100%
    }

    .header_nav .header_nav_btn {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        font-size: .9375rem
    }
}

.header_nav_banner {
    margin-top: 35px
}

@media screen and (min-width: 1180px) {
    .header_nav_banner {
        margin-top: auto
    }
}

.header_nav_banner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    background-color: var(--color-secondary);
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.header_nav_banner a:not(:first-child) {
    margin-top: 10px
}

.header_nav_banner a p {
    color: #fff;
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    text-transform: uppercase
}

.header_nav_banner a p span {
    color: #fff;
    font-size: .78125rem
}

.header_nav_banner a img {
    position: absolute;
    inset: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: .08;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

@media screen and (min-width: 600px) {
    .header_nav_banner {
        margin-top: 52px
    }
}

@media screen and (min-width: 840px) {
    .header_nav_banner {
        margin-top: 0
    }

    .header_nav_banner a {
        height: 160px
    }
}

.header_nav_menu {
    margin-top: 12px
}

.header_nav_menu .header_nav_title {
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #979480;
    font-size: 1.05rem;
    margin-top: 27px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header_nav_menu .header_nav_title:after {
    content: "";
    height: .5px;
    margin-left: .5em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #716c6c
}

.header_nav_menu .header_nav_list {
    list-style: none;
    padding-left: 24px;
    margin-block: 20px;
    font-family: YakuHanJP, "Yu Gothic Pr6N R"
}

.header_nav_menu .header_nav_list a {
    padding-block: 10px;
    line-height: 1;
    display: block;
    color: #585540
}

@media screen and (min-width: 600px) {
    .header_nav_menu .header_nav_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px 26px;
        padding-left: 0
    }
}

@media screen and (min-width: 840px) {
    .header_nav_menu {
        margin-top: 0
    }

    .header_nav_menu .header_nav_title {
        font-size: 1.2rem;
        margin-top: 40px
    }

    .header_nav_menu .header_nav_title:first-child {
        margin-top: 0
    }

    .header_nav_menu .header_nav_list {
        margin-block: 15px;
        gap: 15px 26px
    }

    .header_nav_menu .header_nav_list a {
        font-size: .9375rem;
        padding: 0
    }
}

.header_spPrimaryLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 42px
}

.header_spPrimaryLink a {
    height: 49px;
    display: block;
    border-right: .5px solid var(--color-body);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header_spPrimaryLink .header_spPrimaryLink_access,
.header_spPrimaryLink .header_spPrimaryLink_tel {
    width: 60px
}

.header_spPrimaryLink .header_spPrimaryLink_tel img {
    max-width: 18px
}

.header_spPrimaryLink .header_spPrimaryLink_fair {
    background: #004129;
    color: var(--color-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 60px;
    font-size: 0.75em;
    line-height: 1.875;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    height: 60px;
    position: fixed;
    top: 0;
    right: 60px;
    z-index: 2
}

@media screen and (min-width: 1180px) {
    .header_spPrimaryLink {
        display: none
    }
}

.header_pcPrimaryLink {
    display: none;
    list-style: none
}

@media screen and (min-width: 1180px) {
    .header_pcPrimaryLink {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 40px;
        margin-top: auto;
        margin-bottom: 22px
    }
}

.header_pcPrimaryLink_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.header_pcPrimaryLink_btns .header_pcPrimaryLink_btn {
    width: 128px;
    border-radius: 4px;
    background: var(--color-secondary);
    color: #fff;
    padding: 4px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .5px solid var(--color-secondary)
}

.header_pcPrimaryLink_btns .header_pcPrimaryLink_btn:focus {
    color: var(--color-primary);
    background: #fff;
    border: .5px solid var(--color-primary)
}

@media(hover) {
    .header_pcPrimaryLink_btns .header_pcPrimaryLink_btn:hover {
        color: var(--color-primary);
        background: #fff;
        border: .5px solid var(--color-primary)
    }
}

.header_nav_info {
    margin-top: 52px;
    line-height: 1.25;
    font-family: YakuHanJP, "Yu Gothic Pr6N R"
}

.header_nav_info * {
    color: #585540
}

.header_nav_info p,
.header_nav_info a {
    margin-top: 12px
}

.header_nav_info .header_nav_info_title {
    font-size: .84375rem
}

.header_nav_info .header_nav_info_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    text-decoration: underline
}

.header_nav_info .header_nav_info_link-tel {
    font-size: 1.05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px
}

@media screen and (min-width: 1180px) {
    .header_nav_info {
        font-size: .83125rem
    }

    .header_nav_info .header_nav_info_add {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px
    }

    .header_nav_info .header_nav_info_add a {
        margin-top: 0
    }

    .header_nav_info .header_nav_info_post-num {
        margin-right: .5em
    }

    .header_nav_info .header_nav_info_link-tel {
        font-size: 1rem
    }

    .header_nav_info .header_nav_info_title {
        font-size: 1rem;
        margin-top: 0
    }
}

.header_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.header_menu>* {
    width: 100%
}

.header_menu a {
    color: #fff;
    text-decoration: none;
    padding: 20px 10px;
    line-height: 1;
    width: 100%;
    border-bottom: .5px solid rgba(255, 255, 255, .2);
    display: block
}

@media screen and (min-width: 840px) {
    .header_menu>* {
        width: auto
    }

    .header_menu a {
        color: var(--color-body);
        display: block
    }
}

#hamburger {
    display: block;
    position: absolute;
    width: 60px;
    height: 54px;
    right: 0;
    top: 3px;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer
}

#hamburger .hamburger_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
    font-size: .625rem
}

#hamburger .hamburger_line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 32px;
    height: .5px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: inherit;
    transition: inherit
}

#hamburger .hamburger_line:before,
#hamburger .hamburger_line:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-body);
    content: "";
    -webkit-transition: inherit;
    transition: inherit
}

#hamburger .hamburger_line::before {
    top: -10px
}

#hamburger .hamburger_line:after {
    top: -4px
}

#hamburger[aria-expanded=true] .hamburger_line {
    background-color: rgba(0, 0, 0, 0)
}

#hamburger[aria-expanded=true] .hamburger_line:before,
#hamburger[aria-expanded=true] .hamburger_line:after {
    top: 0;
    background-color: var(--color-body)
}

#hamburger[aria-expanded=true] .hamburger_line:before {
    top: -6px;
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg)
}

#hamburger[aria-expanded=true] .hamburger_line:after {
    top: -6px;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg)
}

#hamburger .visuallyHidden {
    position: absolute;
    white-space: nowrap;
    width: .5px;
    height: .5px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

@media screen and (min-width: 1180px) {
    #hamburger {
        right: 3.4%;
        top: 10px;
        bottom: 0;
        margin: auto
    }

    #hamburger .hamburger_line {
        width: 40px
    }

    #hamburger .hamburger_text {
        font-size: .8125rem;
        bottom: 6px
    }
}

.header_nav_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width: 840px) {
    .header_nav_block {
        max-width: 1161px;
        gap: 40px;
        margin: 0 auto;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }

    .header_nav_block>* {
        width: calc((100% - 40px)/2)
    }
}

@media screen and (min-width: 1180px) {
    .header_nav_block {
        gap: 120px
    }

    .header_nav_block>* {
        width: calc((100% - 120px)/2)
    }
}

.container {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

.main {
    margin-top: 60px
}

@media screen and (min-width: 1180px) {
    .main {
        margin-top: 100px
    }
}

.inner {
    margin: 0 auto;
    padding: 0 28.5px;
    width: 100%;
    max-width: 1052px
}

.inner.-l {
    max-width: 1194px
}

.inner.-ll {
    max-width: 1257px
}

@media screen and (min-width: 840px) {
    .inner {
        padding: 0 80px
    }
}

.sec {
    margin-top: 75px
}

.sec.-bg {
    background: var(--color-bg);
    padding-block: 50px
}

@media screen and (min-width: 1180px) {
    .sec.-bg {
        padding-block: 100px
    }
}

@media screen and (min-width: 1180px) {
    .sec {
        margin-top: 100px
    }
}

.page-title {
    font-weight: normal;
    font-family: "classico-urw", sans-serif;
    font-size: 1.8125rem;
    text-transform: uppercase;
    margin-bottom: 32px;
    letter-spacing: .15em
}

.page-title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .78125rem;
    font-family: YakuHanJP, "shippori-mincho", sans-serif;
    margin-top: -10px;
    gap: 1em
}

.page-title span:before {
    content: "";
    height: .5px;
    width: 100px;
    background-color: var(--color-body)
}

@media screen and (min-width: 1180px) {
    .page-title {
        font-size: 2.5rem;
        margin-bottom: 44px
    }

    .page-title span {
        font-size: .9375rem
    }
}

.sec_title {
    text-align: center;
    font-size: .833rem;
    font-family: YakuHanJP, "shippori-mincho", sans-serif;
    letter-spacing: .25em;
    font-weight: normal;
    margin-bottom: 32px
}

.sec_title span:not([class]) {
    display: block;
    line-height: 1.6;
    font-size: 1.728rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: "classico-urw", sans-serif
}

.sec_title.-left {
    text-align: left
}

.sec_title.-border span:not([class]) {
    line-height: 1;
    margin-bottom: 0
}

.sec_title .border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5em
}

.sec_title .border:after {
    content: "";
    height: .5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: var(--color-body)
}

@media screen and (min-width: 1180px) {
    .sec_title {
        font-size: .875rem
    }

    .sec_title span:not([class]) {
        font-size: 2.125rem
    }

    .sec_title.-border {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 24px
    }

    .sec_title.-border .border {
        width: 100%;
        gap: 32px
    }
}

.sec_title-m {
    font-size: 1.05rem;
    font-family: "classico-urw", sans-serif;
    font-weight: normal;
    margin-bottom: 50px;
    color: #c1b37f;
    text-transform: uppercase
}

.sec_title-s {
    font-size: .875rem;
    font-weight: normal;
    margin-bottom: 20px
}

.sec-heading {
    margin-top: 68px;
    padding-left: 28.5px
}

.sec-heading .sec_text {
    margin-top: 30px;
    padding-right: 8%
}

.sec-heading p {
    line-height: 2;
    font-size: .875rem
}

.sec-heading picture {
    display: block
}

.sec-heading .sec_title {
    font-size: 1.05rem;
    font-weight: normal;
    letter-spacing: .2em;
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width: 1180px) {
    .sec-heading {
        padding-left: 10%;
        margin-top: 50px
    }

    .sec-heading .sec-heading_content {
        padding-left: 24px
    }

    .sec-heading .sec_text {
        width: 60%;
        padding-right: 0;
        margin-top: 50px
    }

    .sec-heading .sec_text.-full {
        width: 100%;
        padding-right: 16%
    }

    .sec-heading .sec_title {
        font-size: 1.35rem;
        margin-bottom: 40px
    }
}

.sec-lead .sec-lead_content {
    margin-top: 30px
}

.sec-lead .sec-lead_title {
    font-size: 1.05rem;
    font-weight: normal;
    margin-bottom: 50px
}

.sec-lead .sec-lead_title span:not([class]) {
    color: var(--color-ex2);
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: "classico-urw", sans-serif
}

.sec-lead p {
    line-height: 2;
    font-size: .875rem
}

@media screen and (min-width: 600px) {
    .sec-lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sec-lead>* {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 50%
    }

    .sec-lead .sec-lead_content {
        margin-top: 0;
        padding-inline: 30px
    }
}

@media screen and (min-width: 840px) {
    .sec-lead {
        margin-top: 137px
    }

    .sec-lead .sec-lead_content {
        padding-inline: 7.5% 12%
    }

    .sec-lead .sec-lead_title {
        font-size: 1.35rem
    }
}

.sec-fair .btn {
    margin-top: 20px
}

.sec-fair .inner {
    max-width: 1173px
}

.sec-plan .btn {
    margin-top: 20px
}

.sec-plan .inner {
    max-width: 1173px
}

.sec-plan iframe {
    width: 100%
}

.sec-point .sec-point_content {
    margin-top: 75px
}

.sec-point .sec-point_content_title {
    font-size: 1.05rem;
    font-weight: normal;
    letter-spacing: .2em
}

.sec-point p {
    margin-top: 30px
}

.sec-point .sec-point_content_img {
    margin-top: 24px
}

.sec-point .sec-point_content_img img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 632/398
}

@media screen and (min-width: 600px) {
    .sec-point .sec-point_content_img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1180px) {
    .sec-point .sec-point_content {
        margin-top: 100px
    }

    .sec-point .sec-point_content_title {
        font-size: 1.125rem
    }
}

.toc {
    margin-top: 100px;
    width: 250px;
    margin-inline: auto
}

.toc .toc_title {
    color: #979480;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 24px
}

.toc .toc_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.toc .toc_list .toc_list_item {
    border-bottom: .5px solid #847d4f;
    padding-bottom: 10px;
    position: relative
}

.toc .toc_list .toc_list_item a {
    display: block;
    color: var(--color-body);
    text-decoration: none;
    width: 250px;
    position: relative
}

.toc .toc_list .toc_list_item a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 15px;
    height: 14px;
    background-color: #847d4f;
    -webkit-mask-image: url(../img/common/arrow-br-diagonal-2.svg);
    mask-image: url(../img/common/arrow-br-diagonal-2.svg);
    -webkit-mask-size: 15px 14px;
    mask-size: 15px 14px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.toc .toc_list .toc_list_item a span {
    display: block;
    color: var(--color-primary)
}

@media screen and (min-width: 600px) {
    .toc {
        width: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 48px;
        padding-left: 24px
    }
}

@media screen and (min-width: 840px) {
    .post-type-archive-party .toc {
        max-width: 804px;
        margin-left: 50px;
        padding-left: 0
    }

    .post-type-archive-party .toc .toc_list .toc_list_item a {
        width: auto
    }

    .post-type-archive-party .toc .toc_list {
        gap: 72px
    }

    .post-type-archive-party .toc .toc_list>* {
        width: calc((100% - 144px)/2)
    }
}

@media screen and (min-width: 600px) {
    .sec-toc {
        padding-left: 10%;
        margin-left: auto
    }

    .sec-toc .inner {
        display: contents
    }
}

.sec-recommend .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.sec-recommend .sec-recommend_title {
    font-size: .78125rem;
    font-weight: normal;
    letter-spacing: .15em;
    margin-bottom: 20px;
    line-height: 1.25;
    text-align: center
}

.sec-recommend .sec-recommend_title span {
    text-transform: uppercase;
    display: block;
    font-size: 1.5rem;
    font-family: "classico-urw", sans-serif
}

.sec-recommend .sec-recommend_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px 12.5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sec-recommend .sec-recommend_list_item {
    width: calc((100% - 12.5px)/2);
    font-size: .703125rem;
    text-decoration: none;
    color: var(--color-body)
}

.sec-recommend .sec-recommend_list_item figure {
    margin-bottom: 10px
}

@media screen and (min-width: 840px) {
    .sec-recommend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sec-recommend .sec-recommend_list {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .sec-recommend .sec-recommend_title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        font-size: .9375rem
    }

    .sec-recommend .sec-recommend_title span {
        font-size: 1.1875rem
    }

    .sec-recommend .inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 70px
    }

    .sec-recommend .inner img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        aspect-ratio: 6/4
    }

    .sec-recommend .inner .sec-recommend_article {
        width: calc((100% - 70px)*.66666)
    }

    .sec-recommend .inner .sec-recommend_article .sec-recommend_list {
        gap: 30px
    }

    .sec-recommend .inner .sec-recommend_article .sec-recommend_list .sec-recommend_list_item {
        width: calc((100% - 30px)/2)
    }

    .sec-recommend .inner .sec-recommend_style {
        width: calc((100% - 70px)*.33333 - 15px)
    }

    .sec-recommend .inner .sec-recommend_style a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.sec-otherContents .otherContents .otherContents_link {
    position: relative;
    text-decoration: none;
    color: var(--color-body);
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sec-otherContents .otherContents .otherContents_link .btn {
    margin-bottom: 30px;
    width: 76.8%;
    -webkit-backdrop-filter: invert(40%);
    backdrop-filter: invert(40%);
    -webkit-transition: .3s;
    transition: .3s
}

.sec-otherContents .otherContents .otherContents_link .otherContents_img {
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 1/1;
    overflow: hidden
}

.sec-otherContents .otherContents .otherContents_link .otherContents_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

.sec-otherContents .otherContents .otherContents_link:focus .btn {
    background: var(--color-bg);
    color: var(--color-primary)
}

.sec-otherContents .otherContents .otherContents_link:focus .btn:after {
    background-color: var(--color-primary);
    -webkit-transform: translate(4px, 0px);
    transform: translate(4px, 0px)
}

.sec-otherContents .otherContents .otherContents_link:focus .otherContents_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .sec-otherContents .otherContents .otherContents_link:hover .btn {
        background: var(--color-bg);
        color: var(--color-primary)
    }

    .sec-otherContents .otherContents .otherContents_link:hover .btn:after {
        background-color: var(--color-primary);
        -webkit-transform: translate(4px, 0px);
        transform: translate(4px, 0px)
    }

    .sec-otherContents .otherContents .otherContents_link:hover .otherContents_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (min-width: 600px) {
    .sec-otherContents .otherContents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sec-otherContents .otherContents .otherContents_link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        aspect-ratio: 6/4
    }

    .sec-otherContents .otherContents .otherContents_link .otherContents_img {
        aspect-ratio: 6/4
    }
}

.cta {
    position: relative;
    height: 60vh;
    min-height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 40px;
    margin-top: 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.cta .cta_title {
    color: initial;
    font-size: 1.458125rem;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: "classico-urw", sans-serif;
    font-weight: normal
}
@media screen and (min-width: 600px) {
    .cta .cta_title {
        color: #fff;
}
}
.cta .cta_img {
    position: absolute;
    width: 100%;
    height: 250px;
    top: 0;
    left: 0;
    z-index: -1;
    background: #313131;
    }
@media screen and (min-width: 600px) {
    .cta .cta_img {
        height: 100%; 
    }
}
.cta .cta_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 600px){
    .cta .cta_img img{
        opacity: .4;
    }
}


.cta .cta_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

@media screen and (min-width: 600px) {
    .cta {
        height: 40vh;
        min-height: 240px
    }

    .cta .cta_btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: auto;
        gap: 16px;
        max-width: 871px
    }

    .cta .cta_title {
        font-size: 1.35rem
    }
}

@media screen and (min-width: 840px) {
    .cta {
        padding-bottom: 110px;
        height: 70vh
    }

    .cta .cta_btns {
        gap: 44px
    }
}

.footer {
    padding-block: 50px 60px;
    background: var(--color-bg);
    line-height: 1.6
}

.footer .footer_venue_logo {
    width: 116px;
    display: block;
    margin: auto
}

.footer .footer_inner {
    margin: 0 auto;
    padding: 0px 42px;
    width: 100%;
    max-width: 1116px
}

.footer .footer_venue_add {
    margin-top: 20px
}

.footer .footer_venue_add_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #847d4f;
    text-decoration: underline
}

.footer .footer_venue_add_link:after {
    content: "";
    display: inline-block;
    width: 10.5px;
    height: 10.5px;
    background-color: #847d4f;
    -webkit-mask-image: url(../img/common/arrow-br-diagonal.svg);
    mask-image: url(../img/common/arrow-br-diagonal.svg);
    -webkit-mask-size: 10.5px 10.5px;
    mask-size: 10.5px 10.5px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.footer .footer_venue_contact {
    margin-top: 20px
}

.footer .footer_venue_contact .footer_venue_contact_tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    font-size: 1.0625rem;
    text-decoration: none;
    color: #847d4f;
    margin-bottom: 5px
}

.footer .footer_venue_title {
    display: none
}

.footer .footer_info {
    margin-top: 20px
}

.footer .footer_info_link {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.footer .footer_info_link a {
    font-size: .625rem;
    color: var(--color-body);
    text-decoration: none
}

.footer .copyright {
    margin-top: 15px;
    font-size: .71875rem
}

@media screen and (min-width: 600px) {
    .footer .footer_venue {
        text-align: center
    }

    .footer .footer_venue_add_link {
        margin: auto
    }

    .footer .footer_venue_contact_tel {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer .footer_info_link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer .footer_info {
        text-align: center
    }
}

@media screen and (min-width: 840px) {
    .footer .footer_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer .footer_venue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 100px;
        text-align: left
    }

    .footer .footer_venue_title {
        display: block;
        font-size: 1rem;
        font-family: YakuHanJP, "shippori-mincho", sans-serif
    }

    .footer .footer_venue_add_link {
        margin: 5px 0 0 0
    }

    .footer .footer_venue_add_link:after {
        content: "";
        width: 18px;
        height: 18px;
        -webkit-mask-image: url(../img/common/arrow-br-diagonal.svg);
        mask-image: url(../img/common/arrow-br-diagonal.svg);
        -webkit-mask-size: 18px 18px;
        mask-size: 18px 18px
    }

    .footer .footer_venue_contact {
        margin-top: 30px;
        font-size: .875rem
    }

    .footer .footer_venue_logo {
        margin-top: 0;
        width: 180px
    }

    .footer .footer_venue_logo img {
        width: 100%
    }

    .footer .footer_venue_contact_tel {
        font-size: 1.225rem;
        font-weight: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .footer .footer_venue_add {
        margin-top: 25px;
        font-size: .875rem
    }

    .footer .footer_info {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left
    }

    .footer .footer_info_link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 5px
    }

    .footer .footer_info_link a {
        font-size: .78125rem
    }

    .footer .copyright {
        margin-top: auto
    }
}

button {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.header_search {
    position: relative;
    width: 100%
}

.header_search input {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    border-radius: 8px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    padding: 16px 32px 16px 16px;
    background: var(--color-bg)
}

.header_search button {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    right: 16px;
    width: 24px;
    height: 24px;
    background: url(../img/common/icon-search.svg) no-repeat;
    background-size: 24px 24px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    letter-spacing: .15em
}

.heading-primary {
    font-size: 1.5rem;
    font-family: YakuHanJP, "shippori-mincho", sans-serif;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 54px;
    text-align: center
}

.heading-primary span {
    font-size: .8125rem;
    display: block;
    margin-top: 10px;
    color: var(--color-main);
    line-height: 1;
    letter-spacing: 0
}

.heading-primary .br {
    font-size: 1.5rem;
    letter-spacing: .1em;
    line-height: initial;
    color: var(--color-body);
    display: block
}

@media screen and (min-width: 840px) {
    .heading-primary .br {
        font-size: 2.25rem;
        display: inline-block;
        margin-left: 20px
    }
}

.heading-primary.-wh {
    color: #fff
}

.heading-primary.-wh span {
    color: #fff
}

@media screen and (min-width: 840px) {
    .heading-primary {
        font-size: 2.25rem
    }
}

.heading {
    margin-bottom: 54px
}

.heading .heading-primary {
    margin-bottom: 24px
}

.btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 25px 0
}

.btn-container a {
    margin: 0
}

.btn-container.-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-container.-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 840px) {
    .btn-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.btn {
    background: var(--color-btn);
    color: var(--color-bg);
    border: .5px solid var(--color-btn);
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-radius: 7px;
    position: relative;
    margin: auto;
    line-height: 1;
    padding: 20px 30px;
    font-size: .8125rem
}

.btn:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-bg);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

.btn:focus {
    background: var(--color-bg);
    color: var(--color-primary);
    border: .5px solid var(--color-primary);
    opacity: 1
}

.btn:focus:after {
    background-color: var(--color-primary);
    -webkit-transform: translate(4px, 0px);
    transform: translate(4px, 0px)
}

@media(hover) {
    .btn:hover {
        background: var(--color-bg);
        color: var(--color-primary);
        border: .5px solid var(--color-primary);
        opacity: 1
    }

    .btn:hover:after {
        background-color: var(--color-primary);
        -webkit-transform: translate(4px, 0px);
        transform: translate(4px, 0px)
    }
}

.btn.-back {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.-back:after {
    content: none
}

.btn.-back:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-bg);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 35px
}

.btn.-back:focus:before {
    left: 32px
}

@media(hover) {
    .btn.-back:hover:before {
        left: 32px
    }
}

.btn.-s {
    padding: 14px 25px;
    padding: 22px 30px
}

.btn.-glass {
    background: none;
    color: #fff;
    background: #BAAD7C;
    border: .5px solid #BAAD7C;
    -webkit-backdrop-filter: blur(4px) brightness(0.9);
    backdrop-filter: blur(4px) brightness(0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn.-glass:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: #fff;
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.btn.-glass:focus {
    background: var(--color-secondary)
}

@media(hover) {
    .btn.-glass:hover {
        background: var(--color-secondary)
    }
}

.btn.-glass-2 {
    background: rgba(255, 255, 255, .55);
    color: var(--color-primary);
    border: .5px solid var(--color-secondary);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn.-glass-2:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-primary);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.btn.-glass-2:focus:after {
    background: var(--color-primary)
}

@media(hover) {
    .btn.-glass-2:hover:after {
        background: var(--color-primary)
    }
}

@media screen and (min-width: 840px) {
    .btn {
        font-size: .83125rem;
        max-width: 280px
    }
}

@media(min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default
    }
}

.text-link {
    color: var(--color-primary)
}

.text-link.has-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-link.has-arrow:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-primary);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.sec-faq {
    margin-bottom: 120px
}

.faq-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12.5px
}

.faq-tab li {
    line-height: 1;
    padding: 15px;
    border-radius: 100px;
    border: .5px solid #bbb58d;
    background: #fffefc;
    text-align: center;
    color: #847d4f;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.faq-tab li.current {
    background: #bbb58d;
    color: #fff
}

.faq-tab li:hover {
    background: #bbb58d;
    color: #fff
}

@media screen and (min-width: 600px) {
    .faq-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px
    }

    .faq-tab>* {
        width: calc((100% - 16px)/2)
    }
}

@media screen and (min-width: 1180px) {
    .faq-tab {
        gap: 20px 25px
    }

    .faq-tab>* {
        width: calc((100% - 50px)/3)
    }
}

.list-tab-contents {
    margin-top: 70px
}

.list-tab-contents .list-tab-content {
    display: none
}

.list-tab-contents .list-tab-content.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 840px) {
    .list-tab-contents {
        margin-top: 100px
    }
}

.faq_list .faq_item {
    font-size: .875rem;
    border-bottom: .5px solid #707070;
    padding-bottom: 30px
}

.faq_list .faq_item:not(:last-child) {
    margin-bottom: 30px
}

.faq_list .faq_item[open] .faq_item_q .cross:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media screen and (min-width: 840px) {
    .faq_list {
        font-size: 1rem
    }
}

.faq_item_q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
    cursor: pointer;
    width: 100%
}

.faq_item_q .icon {
    font-size: 1.5rem;
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    margin-top: .1em
}

.faq_item_q .cross {
    position: relative;
    width: 10px;
    height: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .7em;
    margin-left: auto
}

.faq_item_q .cross:before {
    content: "";
    width: 10px;
    height: .5px;
    background: #847d4f;
    display: block
}

.faq_item_q .cross:after {
    content: "";
    width: 10px;
    height: .5px;
    background: #847d4f;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (min-width: 840px) {
    .faq_item_q .icon {
        font-size: 2.075rem;
        margin-top: -0.1em
    }

    .faq_item_q .cross {
        margin-right: 20px;
        width: 18px;
        height: 18px
    }

    .faq_item_q .cross:before,
    .faq_item_q .cross:after {
        width: 18px
    }
}

.faq_item_a_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
    cursor: pointer;
    margin-top: 30px
}

.faq_item_a_inner p {
    color: #585540
}

.faq_item_a_inner .icon {
    font-size: 1.5rem;
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    margin-top: .1em
}

@media screen and (min-width: 840px) {
    .faq_item_a_inner .icon {
        font-size: 2.075rem;
        margin-top: -0.1em
    }
}

:root {
    --m: 30px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin: 0 auto
}

.col-10,
.col-12,
.col-17,
.col-20,
.col-25,
.col-33,
.col-40,
.col-50,
.col-60,
.col-67,
.col-75,
.col-80,
.col-83,
.col-100,
.fluid {
    width: 100%;
    margin: 0
}

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

    .col-10,
    .col-12,
    .col-17,
    .col-20,
    .col-25,
    .col-33,
    .col-40,
    .col-50,
    .col-60,
    .col-67,
    .col-75,
    .col-80,
    .col-83,
    .col-100,
    .fluid {
        margin: 0 0 0 var(--m)
    }

    .col-10 {
        width: calc(10% - var(--m))
    }

    .col-12 {
        width: calc(12.5% - var(--m))
    }

    .col-17 {
        width: calc(16.6667% - var(--m))
    }

    .col-20 {
        width: calc(20% - var(--m))
    }

    .col-25 {
        width: calc(25% - var(--m))
    }

    .col-33 {
        width: calc(33.3334% - var(--m))
    }

    .col-40 {
        width: calc(40% - var(--m))
    }

    .col-50 {
        width: calc(50% - var(--m))
    }

    .col-60 {
        width: calc(60% - var(--m))
    }

    .col-67 {
        width: calc(66.6667% - var(--m))
    }

    .col-75 {
        width: calc(75% - var(--m))
    }

    .col-80 {
        width: calc(80% - var(--m))
    }

    .col-83 {
        width: calc(83.3334% - var(--m))
    }

    .col-100 {
        width: calc(100% - var(--m))
    }

    .fluid {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .clear {
        width: 100%
    }

    .nomargin {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 0 !important;
        margin: 0 !important
    }
}

.objectFitImg {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover", sans-serif
}

.iframe-wrap {
    position: relative;
    width: 100%;
    padding: 56.2719812427% 0 0;
    margin-top: 2.4rem;
    -webkit-overflow-scrolling: touch
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.flex>* {
    width: 100%
}

.flex.-sep-2>* {
    width: calc((100% - 24px)/2)
}

.flex.-sep-4>* {
    width: calc((100% - 24px)/2)
}

@media screen and (min-width: 600px) {
    .flex.-sep-4>* {
        width: calc((100% - 72px)/4)
    }
}

.wp-pagenavi {
    text-align: center;
    margin-bottom: 100px;
    margin-top: 50px
}

.wp-pagenavi * {
    font-size: 13px;
    color: var(--color-body);
    text-decoration: none
}

.wp-pagenavi>* {
    margin: 0 6px;
    padding: 0 3px 3px
}

.wp-pagenavi .current {
    position: relative
}

.wp-pagenavi .current::after {
    content: "";
    width: 100%;
    height: .5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-body)
}

.previouspostslink,
.nextpostslink {
    font-size: 0;
    width: 13px;
    height: 13px;
    display: inline-block
}

.previouspostslink:before,
.nextpostslink:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: .5px solid var(--color-body);
    border-right: .5px solid var(--color-body);
    display: block
}

.previouspostslink:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nextpostslink:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 2px
}

@media screen and (max-width: 736px) {
    .wp-pagenavi {
        text-align: center;
        margin-bottom: 0;
        margin-top: 0
    }

    .wp-pagenavi * {
        font-size: 13px
    }

    .wp-pagenavi>* {
        margin: 0 6px;
        padding: 0 3px 3px
    }

    .wp-pagenavi .current {
        position: relative
    }

    .wp-pagenavi .current::after {
        content: "";
        width: 100%;
        height: .5px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--color-body)
    }

    .previouspostslink,
    .nextpostslink {
        font-size: 0;
        width: 13px;
        height: 13px;
        display: inline-block
    }

    .previouspostslink:before,
    .nextpostslink:before {
        content: "";
        width: 6px;
        height: 6px;
        border-top: .5px solid var(--color-body);
        border-right: .5px solid var(--color-body);
        display: block
    }

    .previouspostslink:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .nextpostslink:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-bottom: 2px
    }
}

.mv {
    height: calc(100svh - 60px);
    position: relative
}

.mv picture {
    width: 100%;
    height: 100%;
    display: block
}

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

.mv .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-block: 80px 15px
}

.mv .inner>* {
    color: #fff
}

.mv .mv_logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mv .mv_logo>* {
    line-height: 1
}

.mv .mv_logo .main {
    font-size: 2.25rem;
    white-space: nowrap
}

.mv .mv_logo .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .3rem
}

@media screen and (min-width: 600px) {
    .mv .mv_logo .sub {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: auto
    }
}

.mv .mv_logo .sub .whisper {
    font-size: 1.875rem
}

.mv .mv_logo .sub .neue {
    font-size: .625rem
}

.mv .mv_news_link {
    border: .5px solid #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(2px) brightness(0.8);
    backdrop-filter: blur(2px) brightness(0.8);
    padding: 5px 20px;
    text-decoration: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mv .mv_news_link .mv_news_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.mv .mv_news_link:focus .mv_news_title:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

@media(hover) {
    .mv .mv_news_link:hover .mv_news_title:after {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

.mv .mv_news_link .mv_news_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .875rem;
    gap: 10px
}

.mv .mv_news_link .mv_news_title:after {
    content: "";
    display: inline-block;
    width: 18.5px;
    height: 18.5px;
    background-color: #fff;
    -webkit-mask-image: url(../img/common/arrow-round.svg);
    mask-image: url(../img/common/arrow-round.svg);
    -webkit-mask-size: 18.5px 18.5px;
    mask-size: 18.5px 18.5px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 600px) {
    .mv .inner {
        padding-block: 80px 50px
    }

    .mv .mv_news_link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        gap: 10px
    }

    .mv .mv_news_link .mv_news_title:after {
        -webkit-mask-image: url(../img/common/arrow-wh.svg);
        mask-image: url(../img/common/arrow-wh.svg)
    }
}

@media screen and (min-width: 1180px) {
    .mv {
        max-height: calc(100vh - 100px)
    }

    .mv .mv_logo .main {
        font-size: 3.375rem;
        text-shadow: 0px .1px 16px #62524a
    }

    .mv .mv_logo .sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mv .mv_logo .sub .whisper {
        font-size: 2.875rem
    }

    .mv .mv_logo .sub .neue {
        font-size: .8125rem
    }

    .mv .inner {
        max-width: inherit;
        padding-inline: 4.4%
    }

    .mv .mv_news_link>* {
        font-size: .8125rem
    }

    .mv .mv_news_link .mv_news_meta {
        gap: 30px
    }

    .mv .mv_news_link .mv_news_title:after {
        margin-left: 80px;
        -webkit-mask-image: url(../img/common/arrow-wh.svg);
        mask-image: url(../img/common/arrow-wh.svg);
        width: 14px;
        height: 11px;
        -webkit-mask-size: 13px 12px;
        mask-size: 13px 12px
    }
}

.sec-aod .sec-aod_img {
    margin-left: -28.5px;
    width: calc(100% + 28.5px)
}

.sec-aod .sec-aod_img-2 {
    display: none
}

.sec-aod .sec-aod_text {
    text-align: center
}

.sec-aod .sec-aod_text p {
    margin-top: 40px
}

.sec-aod .sec-aod_sub_title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: .78125rem;
    font-weight: normal;
    margin-top: 60px;
    line-height: 1;
    max-width: 350px;
    margin-inline: auto
}

.sec-aod .sec-aod_sub_title .whisper {
    font-size: 1.5rem
}

.sec-aod .sec-aod_sub_title .border {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 56px;
    height: .5px;
    border-top: .5px solid
}

.sec-aod .sec-aod_sub_title .nomal {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sec-aod .sec-aod_title {
    font-size: 2.0625rem;
    text-align: center;
    letter-spacing: .2rem;
    margin-bottom: 40px
}

@media screen and (min-width: 600px) {
    .sec-aod .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 40px
    }

    .sec-aod .inner>* {
        width: 50%
    }

    .sec-aod .sec-aod_img {
        margin-left: auto;
        width: 70%;
        display: none
    }

    .sec-aod .sec-aod_img-2 {
        margin-right: inherit;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sec-aod .sec-aod_img-2 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .sec-aod .sec-aod_text {
        text-align: left
    }

    .sec-aod .sec-aod_text p {
        margin-top: 16px
    }

    .sec-aod .sec-aod_text .btn-container {
        margin-top: 50px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sec-aod .sec-aod_title {
        text-align: left
    }

    .sec-aod .sec-aod_sub_title {
        margin-left: 0;
        margin-top: 0
    }

    .sec-aod .sec-aod_sub_title .border {
        -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
        width: 40px
    }
}

@media screen and (min-width: 1180px) {
    .sec-aod .inner {
        gap: 100px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sec-aod .sec-aod_img {
        display: block
    }

    .sec-aod .sec-aod_img-2 {
        max-width: 485px;
        margin-bottom: 60px
    }

    .sec-aod .sec-aod_title {
        font-size: 2.4375rem;
        line-height: 1
    }

    .sec-aod .sec-aod_sub_title {
        margin-top: 60px
    }

    .sec-aod .sec-aod_sub_title .whisper {
        font-size: 2.0625rem
    }

    .sec-aod .sec-aod_sub_title .nomal {
        font-size: .9375rem
    }
}

.sec-partition {
    position: relative;
    overflow: hidden;
    max-height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5rem
}

.sec-partition picture {
    display: block
}

.sec-partition .scroll-list {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-inline: 0;
    margin-inline: 0;
    margin-block: 0;
    gap: 0;
    color: #fff;
    left: calc(50% - 50vw);
    width: 100vw
}

.sec-partition .scroll-list li {
    color: #fff;
    font-size: 3rem;
    line-height: 1;
    font-weight: 100;
    white-space: nowrap;
    padding: 0 1em 0 0;
    margin: 0;
    -webkit-animation: marquee-left 100s linear infinite;
    animation: marquee-left 100s linear infinite;
    mix-blend-mode: overlay;
    margin-bottom: -7px
}

@media screen and (min-width: 1180px) {
    .sec-partition .scroll-list li {
        font-size: 5.5rem;
        margin-bottom: -12.4px
    }
}

@media screen and (min-width: 600px) {
    .sec-partition {
        max-height: 500px
    }
}

@-webkit-keyframes marquee-left {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee-left {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.sec-about-bestrate {
    text-align: center
}

.sec-about-bestrate .border-box {
    border: .5px solid #bbb58d;
    border-radius: 8px;
    padding: 25px 12.5px
}

.sec-about-bestrate .sec-about-bestrate_img {
    display: none
}

.sec-about-bestrate figure {
    max-width: 100px;
    margin-bottom: 20px;
    margin-inline: auto
}

.sec-about-bestrate .btn {
    margin-top: 15px
}

@media screen and (min-width: 600px) {
    .sec-about-bestrate .border-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .sec-about-bestrate .border-box>* {
        width: 50%
    }

    .sec-about-bestrate .border-box .sec-about-bestrate_content {
        padding: 30px
    }

    .sec-about-bestrate .border-box .sec-about-bestrate_img {
        display: block
    }

    .sec-about-bestrate .border-box .sec-about-bestrate_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width: 840px) {
    .sec-about-bestrate {
        margin-top: 50px
    }
}

.range-bg {
    background: #fffef9;
    padding-bottom: 65px
}

.range-bg .sec-fair {
    margin-top: 0;
    padding-top: 75px
}

@media screen and (min-width: 840px) {
    .range-bg {
        padding-bottom: 100px
    }
}

.sec-ceremony .sec-ceremony_img {
    display: block;
    margin-inline: -28.5px;
    width: calc(100% + 57px);
    max-width: inherit;
    margin-bottom: 30px
}

.sec-ceremony .text-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 30px
}

.sec-ceremony .text-link:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-primary);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

.sec-ceremony .sec-ceremony_place {
    margin-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 75px
}

.sec-ceremony .sec-ceremony_place>* {
    width: 100%
}

.sec-ceremony .sec-ceremony_place a .sec-ceremony_place_img {
    overflow: hidden;
    display: block
}

.sec-ceremony .sec-ceremony_place a .sec-ceremony_place_img img {
    -webkit-transition: .3s;
    transition: .3s
}

.sec-ceremony .sec-ceremony_place a:focus .sec-ceremony_place_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .sec-ceremony .sec-ceremony_place a:hover .sec-ceremony_place_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.sec-ceremony .sec-ceremony_place .sec-ceremony_place_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
    gap: 20px
}

.sec-ceremony .sec-ceremony_place .sec-ceremony_place_meta .neue {
    font-size: 1.05rem
}

@media screen and (min-width: 600px) {
    .sec-ceremony {
        margin-top: 0
    }

    .sec-ceremony .sec-ceremony_img {
        margin: 0 calc(50% - 50vw);
        width: 100vw
    }

    .sec-ceremony .sec-ceremony_heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        gap: 30px
    }

    .sec-ceremony .sec-ceremony_place {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }

    .sec-ceremony .sec-ceremony_place>* {
        width: calc((100% - 16px)/2)
    }

    .sec-ceremony .sec-ceremony_place .sec-ceremony_place_meta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sec-ceremony .sec-ceremony_text {
        text-align: center;
        letter-spacing: .2em
    }

    .sec-ceremony .text-link {
        margin-inline: auto
    }
}

@media screen and (min-width: 1180px) {
    .sec-ceremony .sec-ceremony_text {
        position: relative
    }

    .sec-ceremony .sec-ceremony_text .text-link {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .sec-ceremony .sec-ceremony_place .sec-ceremony_place_meta .neue {
        font-size: .875rem
    }
}

.sec-party .sec-party_img {
    display: block;
    margin-inline: -28.5px;
    width: calc(100% + 57px);
    max-width: inherit;
    margin-bottom: 30px
}

@media screen and (min-width: 600px) {
    .sec-party {
        overflow: inherit
    }

    .sec-party .sec-party_img {
        margin: 0 calc(50% - 50vw);
        width: 100vw
    }

    .sec-party .sec-party_heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        gap: 30px
    }

    .sec-party .sec-party_text {
        text-align: center;
        letter-spacing: .2em
    }
}

.party-contens {
    margin-top: 75px;
    margin-inline: -28.5px;
    padding-inline: 28.5px;
    width: calc(100% + 57px);
    position: relative;
    overflow: hidden
}

.party-contens:before {
    content: "";
    width: 28.5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 2;
    display: block
}

.party-contens .slide-party_item {
    border: .5px solid #979480;
    border-radius: 5.5px;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-body);
    -webkit-transition: .3s;
    transition: .3s
}

.party-contens .slide-party_item .slide-party_img {
    overflow: hidden;
    display: block
}

.party-contens .slide-party_item img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.party-contens .slide-party_item:focus {
    opacity: 1
}

.party-contens .slide-party_item:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .party-contens .slide-party_item:hover {
        opacity: 1
    }

    .party-contens .slide-party_item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.party-contens .slide-party_text {
    padding: 20px 15px
}

.party-contens .slide-party_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.party-contens .slide-party_detail p {
    padding-right: 20px;
    font-size: .84375rem
}

.party-contens .slide-party_title {
    font-weight: normal;
    font-size: .84375rem
}

.party-contens .slide-party_title span {
    display: block;
    color: #977260;
    text-transform: uppercase;
    font-size: 1.05rem
}

.party-contens .tag-list {
    margin: 16px 0 0;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 10px
}

.party-contens .tag-list li {
    color: #aea6a6;
    font-size: .78125rem
}

.party-contens .tag-list li:before {
    content: "#"
}

.party-contens .swiper {
    position: relative;
    overflow: visible;
    z-index: 1
}

.party-contens .swiper .swiper-slide {
    height: auto
}

.party-contens .swiper .swiper-slide-item {
    height: 100%
}

@media screen and (min-width: 600px) {
    .party-contens:after {
        content: none
    }

    .party-contens .swiper-pagination {
        display: none
    }

    .party-contens .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }

    .party-contens .swiper-wrapper>* {
        width: calc((100% - 16px)/2)
    }
}

@media screen and (min-width: 840px) {
    .party-contens .tag-list li {
        font-size: .83125rem
    }

    .party-contens .slide-party_detail p {
        font-size: .9375rem
    }

    .party-contens .slide-party_title {
        font-size: .9375rem
    }

    .party-contens .slide-party_title span {
        display: block;
        color: #977260;
        font-size: .9375rem
    }
}

@media screen and (min-width: 1180px) {
    .party-contens .swiper-wrapper {
        gap: 25px
    }

    .party-contens .swiper-wrapper>* {
        width: calc((100% - 50px)/2)
    }
}

.sec-cd .cuisine img {
    -o-object-position: right;
    object-position: right
}

.sec-cd .dressflower img {
    -o-object-position: left;
    object-position: left
}

.sec-report {
    position: relative
}

.sec-report:before {
    content: "";
    width: 28.5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 2;
    display: block
}

.sec-report .swiper-container {
    overflow-x: hidden
}

.sec-report .swiper {
    overflow: visible
}

.sec-report .report-list .report-list_item {
    margin-bottom: 0 !important
}

.sec-report .report_list_meta {
    padding-block: 20px 0 !important;
    padding-left: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.sec-report .report_list_meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #aea6a6;
    font-size: .78125rem
}

.sec-report .report_list_meta li:before {
    content: "#"
}

@media screen and (min-width: 600px) {
    .sec-report {
        overflow-x: inherit
    }

    .sec-report .report-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }

    .sec-report .report-list .report_list_title {
        font-size: .9375rem
    }

    .sec-report .report-list>* {
        width: calc((100% - 32px)/3)
    }

    .sec-report .swiper-pagination {
        display: none
    }
}

@media screen and (min-width: 1180px) {
    .sec-report .btn-container {
        margin-top: 0
    }

    .sec-report .report-list li {
        font-size: .83125rem
    }
}

#bestrate {
    display: block;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

#bestrate .br__text {
    background: var(--color-secondary);
    color: #fff;
    text-align: center;
    padding: .4rem 4rem;
    font-weight: 600
}

@media screen and (min-width: 840px) {
    .sec-dressShop {
        margin-top: 120px
    }
}

.sec-dressShop_brand {
    margin-top: 80px
}

.sec-dressShop_brand .sec-dressShop_brand_title {
    font-weight: normal
}

.sec-dressShop_brand .sec-dressShop_brand_content {
    margin-top: 24px
}

@media screen and (min-width: 840px) {
    .sec-dressShop_brand {
        margin-top: 100px
    }

    .sec-dressShop_brand .inner {
        width: 72%;
        margin-left: 0
    }

    .sec-dressShop_brand .sec-dressShop_brand_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 720px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 10px;
        margin-left: auto
    }

    .sec-dressShop_brand .sec-dressShop_brand_title {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.sec-dressShop_content {
    position: relative
}

.sec-dressShop_content .sec-dressShop_content_item {
    margin-top: 50px
}

.sec-dressShop_content .sec-dressShop_content_img {
    margin-right: -28.5px;
    margin-left: 28.5px
}

.sec-dressShop_content .sec_title-m {
    margin-top: 30px
}

@media screen and (min-width: 600px) {
    .sec-dressShop_content {
        margin-top: 100px
    }

    .sec-dressShop_content .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 24px
    }
}

@media screen and (min-width: 840px) {
    .sec-dressShop_content .inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sec-dressShop_content .sec-dressShop_content_text {
        width: 40%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .sec-dressShop_content .sec-dressShop_content_img {
        width: 44%;
        margin-right: -100px
    }
}

.sec-dressShop_tems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px
}

.sec-dressShop_tems .sec-dressShop_items_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sec-dressShop_tems .sec-dressShop_items_item p {
    margin-top: 20px
}

@media screen and (min-width: 600px) {
    .sec-dressShop_tems {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 15px
    }
}

.sec-dressShop_title {
    font-size: 1.05rem;
    position: relative;
    font-weight: normal
}

.sec-dressShop_title .border-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px
}

.sec-dressShop_title .border-wrap:after {
    content: "";
    height: .5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: var(--color-body)
}

@media screen and (min-width: 600px) {
    .sec-dressSlideImg {
        margin-top: 50px
    }
}

@media screen and (min-width: 840px) {
    .sec-dressSlideImg {
        width: 72%;
        margin-left: auto
    }
}

@media screen and (min-width: 840px) {
    .sec-dressShop_brand_slide {
        width: 72%;
        margin-right: auto;
        margin-right: auto !important;
        margin-left: 0 !important
    }
}

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

    .sec-dressSlide.swiper,
    .sec-dressShop_brand_slide.swiper {
        padding-bottom: 0 !important;
        margin-top: 50px
    }

    .sec-dressSlide.swiper .swiper-wrapper,
    .sec-dressShop_brand_slide.swiper .swiper-wrapper {
        gap: 10px
    }

    .sec-dressSlide.swiper .swiper-slide,
    .sec-dressShop_brand_slide.swiper .swiper-slide {
        -ms-flex-negative: inherit;
        flex-shrink: inherit
    }
}

.sec-venue {
    margin-top: 100px
}

.sec-venue .sec-venue_title {
    text-align: center;
    line-height: 1.25;
    font-weight: normal;
    font-size: .78125rem;
    margin-bottom: 30px
}

.sec-venue .sec-venue_title span {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 10px
}

.sec-venue img {
    width: 100%;
    max-width: inherit
}

.sec-venue .sec-venue_copy {
    font-size: 1.05rem;
    font-weight: normal;
    margin-bottom: 50px;
    letter-spacing: .2em
}

.sec-venue .sec-venue_detail {
    font-size: .78125rem;
    display: block;
    color: #93958d;
    margin-top: 35px
}

@media screen and (min-width: 600px) {
    .sec-venue .sec-venue_copy {
        text-align: center
    }

    .sec-venue .sec-venue_detail {
        display: inline
    }
}

.sec-venue.-chapel .sec-venue_title span {
    font-family: "classico-urw", sans-serif
}

.sec-venue.-chapel .sec-venue_copy {
    font-size: 1.2rem;
    margin-bottom: 32px
}

.sec-venue.-chapel .sec-venue_copy span {
    font-family: "classico-urw", sans-serif;
    font-size: 1.0125rem;
    display: block;
    text-transform: uppercase;
    color: #d7d3ad
}

.sec-venue.-chapel .sec-venue_text {
    margin-bottom: 50px
}

@media screen and (min-width: 840px) {
    .sec-venue.-chapel .sec-venue_text {
        text-align: center
    }

    .sec-venue.-chapel .sec-venue_detail {
        display: block
    }
}

@media screen and (min-width: 840px) {
    .post-type-archive-party .toc {
        max-width: 1200px;
        margin-left: 50px;
        padding-left: 0
    }

    .post-type-archive-party .toc .toc_list {
        gap: 30px;
        width: 100%
    }

    .post-type-archive-party .toc .toc_list>* {
        width: calc((100% - 144px)/4)
    }
}

.sec-heading_spec {
    border-top: .5px solid #707070;
    padding-top: 32px;
    margin-top: 50px
}

.sec-heading_spec table {
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sec-heading_spec table th,
.sec-heading_spec table td {
    border: none;
    padding: 0
}

.sec-heading_spec table th {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sec-heading_spec table th p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: normal
}

.sec-heading_spec table th p:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #d7d3ad;
    border-radius: calc(infinity*1px);
    display: inline-block;
    margin-top: .8em
}

.sec-heading_spec table td {
    padding-left: 20px
}

@media screen and (min-width: 1180px) {
    .sec-heading_spec {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .sec-heading_spec table th p {
        gap: 10px
    }

    .sec-heading_spec table th p:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #979480;
        border-radius: 100px;
        display: inline-block
    }
}

@media screen and (min-width: 1180px) {
    .single-chapel .sec-heading .sec_title br {
        content: ""
    }

    .single-chapel .sec-heading .sec_title br:after {
        margin-right: -0.333rem;
        content: ""
    }

    .single-chapel .sec-heading .sec_text {
        width: 100%;
        padding-right: 7%
    }

    .single-chapel .sec-heading .sec-heading_detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px
    }

    .single-chapel .sec-point_content_title br {
        content: ""
    }

    .single-chapel .sec-point_content_title br:after {
        margin-right: -0.333rem;
        content: ""
    }
}

@media screen and (min-width: 600px) {
    .sec-subSlideImg {
        margin-top: 50px
    }
}

@media screen and (min-width: 840px) {
    .sec-subSlideImg {
        width: 72%;
        margin-left: auto
    }
}

@media screen and (min-width: 600px) {
    .sec-subSlide.swiper {
        padding-bottom: 0 !important;
        margin-top: 50px
    }

    .sec-subSlide.swiper .swiper-wrapper {
        gap: 10px
    }

    .sec-subSlide.swiper .swiper-slide {
        -ms-flex-negative: inherit;
        flex-shrink: inherit
    }
}

.news-list .news-list_item {
    text-decoration: none;
    padding-bottom: 50px;
    color: var(--color-body);
    display: block
}

.news-list .news-list_item>* {
    line-height: 1.5
}

.news-list .news-list_item:not(:last-child) {
    border-bottom: .5px solid var(--color-body);
    margin-bottom: 50px
}

.news-list .news-list_item img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1
}

.news-list .news-list_content {
    margin-top: 20px
}

.news-list .news_list_date {
    font-size: .78125rem
}

.news-list .news_list_title {
    font-size: .875rem;
    margin-top: 8px;
    font-weight: 400
}

.news-list .news_list_view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    text-decoration: underline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 60px;
    text-transform: uppercase
}

.news-list .news_list_view-more:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-primary);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@media screen and (min-width: 600px) {
    .news-list {
        max-width: 893px;
        margin-left: auto
    }

    .news-list .news-list_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 24px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .news-list .news-list_content {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-list .news-list_img {
        max-width: 204px
    }

    .news-list .news_list_view-more {
        margin-top: auto;
        font-size: .875rem;
        margin-left: 0
    }
}

.article-news_title {
    font-weight: normal;
    font-size: 1.05rem;
    line-height: 1.6
}

.article-news_body {
    margin-top: 80px;
    padding-bottom: 75px;
    border-bottom: .5px solid;
    margin-bottom: 50px
}

.article-news_header:after {
    content: ""
}

@media screen and (min-width: 840px) {
    .article-news {
        margin-top: 100px;
        margin-bottom: 75px
    }

    .article-news .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 100px;
        border-bottom: .5px solid;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 100px
    }

    .article-news .inner .btn {
        max-width: 260px;
        margin-top: 0
    }

    .article-news .inner .sec {
        margin-top: 0
    }

    .article-news_body {
        margin-top: 20px;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 840px) {
    .post-type-archive-report .sec.archive {
        margin-top: 50px
    }
}

@media screen and (min-width: 840px) {
    .single-report .article-report_content {
        margin-top: 50px
    }
}

.report-list .report-list_item {
    text-decoration: none;
    color: var(--color-body);
    display: block
}

.report-list .report-list_item:not(:last-child) {
    margin-bottom: 75px
}

.report-list .report-list_item>* {
    line-height: 1.5
}

.report-list .report-list_item img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 6/4;
    -webkit-transition: .3s;
    transition: .3s
}

.report-list .report-list_item figure {
    overflow: hidden
}

.report-list .report-list_item:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .report-list .report-list_item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.report-list .report-list_content {
    margin-top: 20px
}

.report-list .report_list_date {
    font-size: .78125rem
}

.report-list .report_list_title {
    font-size: 1.05rem;
    margin-top: 8px;
    font-weight: 400
}

.report-list .report_list_view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    font-family: "classico-urw", sans-serif;
    font-size: .728125rem;
    color: #847d4f
}

.report-list .report_list_view-more:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: var(--color-primary);
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.report-list .report_list_meta {
    padding-block: 30px
}

.report-list .report_list_meta table {
    width: auto
}

.report-list .report_list_meta table th,
.report-list .report_list_meta table td {
    border: none;
    padding: 2.5px 0
}

.report-list .report_list_meta table td:nth-child(2) {
    padding: 2.5px 10px;
    color: #979480
}

.report-list .report_list_meta table th {
    text-align: left;
    font-weight: normal;
    color: #7f7b63
}

.report-list .report_list_meta .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem
}

.report-list .report_list_meta .box:not(:last-child) {
    margin-bottom: 8px
}

.report-list .report_list_meta .box dt {
    width: 78px;
    color: #979480
}

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

    .report-list .report_list_meta table th,
    .report-list .report_list_meta table td {
        font-size: .83125rem;
        padding: 2.5px 0
    }

    .report-list .report_list_meta table td:nth-child(2) {
        padding: 2.5px 15px
    }

    .report-list .report_list_meta .box {
        padding-inline: 0;
        font-size: .9375rem
    }

    .report-list .report_list_meta .box:not(:last-child) {
        margin-bottom: 0
    }

    .report-list .report_list_meta .box dt {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-right: .5em
    }
}

@media screen and (min-width: 600px) {
    .report-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px
    }

    .report-list>* {
        width: calc((100% - 30px)/2)
    }

    .report-list .report-list_img {
        aspect-ratio: 6/4
    }

    .report-list .report-list_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .report-list .report-list_item:not(:last-child) {
        margin-bottom: 0
    }

    .report-list .report-list_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .report-list .report_list_meta {
        margin-top: auto
    }
}

@media screen and (min-width: 840px) {
    .report-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px
    }

    .report-list .report_list_view-more {
        font-size: .83125rem
    }

    .report-list>* {
        width: calc((100% - 60px)/3)
    }
}

.article-report_title {
    font-weight: normal;
    font-size: 1.05rem;
    line-height: 1.6
}

@media screen and (min-width: 840px) {
    .article-report_title {
        font-size: 1.35rem;
        margin-top: 10px
    }
}

.article-report_cover {
    margin-top: 50px;
    margin-inline: -28.5px
}

@media screen and (min-width: 840px) {
    .article-report_cover {
        margin-inline: 0
    }
}

@media screen and (min-width: 840px) {
    .article-report_header {
        margin-bottom: 150px
    }
}

.article-report_meta {
    margin-inline: -28.5px;
    padding-block: 27px;
    border-bottom: .5px solid #bbb58d;
    margin-bottom: 30px
}

.article-report_meta table {
    width: auto;
    margin: 0 28.5px
}

.article-report_meta table th,
.article-report_meta table td {
    border: none;
    padding: 2.5px 0
}

.article-report_meta table td:nth-child(2) {
    padding: 2.5px 10px;
    color: #979480
}

.article-report_meta table th {
    text-align: left;
    font-weight: normal;
    color: #7f7b63
}

.article-report_meta .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-inline: 28.5px;
    font-size: .71875rem
}

.article-report_meta .box:not(:last-child) {
    margin-bottom: 16px
}

.article-report_meta .box dt {
    width: 78px;
    color: #979480
}

@media screen and (min-width: 840px) {
    .article-report_meta {
        margin-inline: 0;
        padding-inline: 50px;
        padding-block: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 60px;
        margin-bottom: 0
    }

    .article-report_meta table {
        margin: 0
    }

    .article-report_meta table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 40px;
        white-space: nowrap
    }

    .article-report_meta table td:nth-child(2) {
        padding: 2.5px 5px
    }

    .article-report_meta .box {
        padding-inline: 0;
        font-size: .9375rem
    }

    .article-report_meta .box:not(:last-child) {
        margin-bottom: 0
    }

    .article-report_meta .box dt {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-right: .5em
    }
}

.article-report_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.article-report_img figure {
    width: 100%
}

.article-report_img img {
    width: 100%
}

@media(max-width: 599px) {
    .article-report_img figure {
        width: 100% !important
    }
}

@media screen and (min-width: 600px) {
    .article-report_img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 5px
    }
}

.article-report_img+.article-report_img {
    margin-top: 5px
}

.article-report_img+.article-report_text {
    margin-top: 80px
}

@media screen and (min-width: 840px) {
    .article-report_img+.article-report_text {
        margin-top: 100px
    }
}

.article-report_text {
    padding-inline: 10px
}

.article-report_text h2 {
    font-weight: normal;
    font-size: 1.05rem;
    line-height: 1.6
}

.article-report_text h2+p {
    margin-top: 30px
}

.article-report_text+.article-report_img {
    margin-top: 80px
}

.article-report_text+.article-report_text {
    margin-top: 80px
}

@media screen and (min-width: 840px) {
    .article-report_text {
        width: 80%;
        margin-inline: auto
    }

    .article-report_text h2 {
        font-size: 1.2rem
    }

    .article-report_text+.article-report_img {
        margin-top: 100px
    }

    .article-report_text+.article-report_text {
        margin-top: 100px
    }
}

.article-report .btn-container {
    margin-top: 75px;
    padding-top: 75px;
    border-top: .5px solid #979480
}

@media screen and (min-width: 840px) {
    .article-report .btn-container {
        margin-top: 100px;
        padding-top: 100px
    }
}

.sec-access-heading {
    margin-top: 68px
}

.sec-access-heading .page-title {
    padding-left: 28.5px
}

@media screen and (min-width: 1180px) {
    .sec-access-heading {
        margin-top: 100px
    }

    .sec-access-heading .page-title {
        padding-left: 10%
    }

    .sec-access-heading .inner {
        padding-left: 28.5px
    }

    .sec-access-heading .inner .sec-guest-heading_img {
        margin-right: calc(50% - 50vw)
    }
}

.sec-address .sec-address_text {
    margin-top: 20px
}

.sec-address .sec-address_title {
    font-weight: normal;
    font-size: 1.05rem
}

.sec-address .sec-address_map {
    position: relative;
    width: 100%;
    aspect-ratio: 635/423;
    margin-top: 20px;
    -webkit-overflow-scrolling: touch
}

.sec-address .sec-address_map iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.sec-address .sec-address_add_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #847d4f;
    text-decoration: underline
}

.sec-address .sec-address_add_link:after {
    content: "";
    display: inline-block;
    width: 10.5px;
    height: 10.5px;
    background-color: #847d4f;
    -webkit-mask-image: url(../img/common/arrow-br-diagonal.svg);
    mask-image: url(../img/common/arrow-br-diagonal.svg);
    -webkit-mask-size: 10.5px 10.5px;
    mask-size: 10.5px 10.5px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@media screen and (min-width: 840px) {
    .sec-address {
        margin-top: 150px
    }

    .sec-address .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 100px
    }

    .sec-address .sec-address_title {
        margin-bottom: 24px
    }

    .sec-address .sec-address_add_link {
        margin-top: 10px
    }

    .sec-address .sec-address_text {
        margin-top: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .sec-address .sec-address_map {
        aspect-ratio: 612/476;
        margin-top: 0;
        -webkit-overflow-scrolling: touch
    }
}

.sec-way .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 75px
}

.sec-way .sec-way_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 1.05rem;
    margin-bottom: 40px
}

.sec-way .sec-way_title:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #979480;
    border-radius: 100px;
    margin-right: .5em
}

.sec-way .sec-way_title:after {
    content: "";
    height: .5px;
    margin-left: 1.5em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #707070
}

.sec-way .sec-way_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.sec-way .sec-way_sub-title {
    font-weight: normal;
    font-size: .78125rem;
    margin-bottom: 10px
}

.sec-way .sec-way_sub-title span {
    font-size: 1.05rem
}

.sec-way .sec-way_item p+p {
    margin-top: 20px
}

@media screen and (min-width: 840px) {
    .sec-way .sec-way_title {
        font-size: 1.35rem
    }

    .sec-way .sec-way_title:before {
        content: "";
        width: 9px;
        height: 9px;
        background: #979480;
        border-radius: 100px
    }

    .sec-way .sec-way_sub-title {
        font-size: .9375rem
    }

    .sec-way .sec-way_sub-title span {
        font-size: 1.125rem
    }

    .sec-way .sec-way_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 55px 80px;
        padding-left: 1.25em
    }

    .sec-way .sec-way_list>* {
        width: calc((100% - 80px)/2)
    }
}

.concept .toc {
    margin-left: 0
}

@media screen and (min-width: 840px) {
    .concept .toc {
        padding-left: 0
    }
}

.sec-hospitality {
    padding-inline: 18.75px
}

.sec-hospitality .inner {
    background: var(--color-bg);
    padding-inline: 18.75px;
    border-radius: 11px;
    padding-block: 50px
}

.sec-hospitality .sec-hospitality_title {
    font-size: 1.05rem;
    font-weight: normal;
    text-align: center;
    letter-spacing: .15em;
    margin-bottom: 75px
}

.sec-hospitality .sec-hospitality_title span {
    font-family: "Whisper", cursive;
    letter-spacing: 0em;
    color: #d7d3ad;
    display: block;
    font-size: 1.5rem
}

@media screen and (min-width: 840px) {
    .sec-hospitality {
        padding-inline: 4.8%
    }

    .sec-hospitality .inner {
        max-width: inherit;
        padding-inline: 4.8%
    }

    .sec-hospitality .sec-hospitality_title {
        font-size: 1.35rem
    }

    .sec-hospitality .sec-hospitality_title span {
        font-size: 2.07375rem
    }
}

.hospitality_content+.hospitality_content {
    margin-top: 100px
}

.hospitality_content .sec-hospitality_sub-title {
    font-size: 1.05rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px
}

.hospitality_content .sec-hospitality_sub-title span {
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    color: #d7d3ad;
    display: block
}

.hospitality_content .hospitality_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px
}

.hospitality_content .hospitality_list>* {
    width: 100%
}

.hospitality_content .hospitality_list figure {
    text-align: center
}

.hospitality_content .hospitality_title {
    margin: 20px 0 30px;
    padding: 0 2rem;
    font-size: 1.05rem;
    font-weight: normal;
    line-height: 1.6
}

.hospitality_content .hospitality_title span {
    display: block
}

@media screen and (min-width: 600px) {
    .hospitality_content .hospitality_list {
        gap: 40px 24px
    }

    .hospitality_content .hospitality_list>* {
        width: calc((100% - 24px)/2)
    }
}

@media screen and (min-width: 840px) {
    .hospitality_content .sec-hospitality_sub-title {
        font-size: .9375rem
    }

    .hospitality_content .sec-hospitality_sub-title span {
        font-size: 1.2rem
    }

    .hospitality_content .hospitality_list {
        gap: 50px
    }

    .hospitality_content .hospitality_list>* {
        width: calc((100% - 50px)/2)
    }
}

.hospitality_content .hospitality_text {
    padding: 0 2rem
}

.sec-staff .sec-staff_title {
    font-size: .78125rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px
}

.sec-staff .sec-staff_title span {
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    display: block
}

.sec-staff .sec-staff_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.sec-staff .sec-staff_img>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sec-staff .sec-staff_img figure {
    border-radius: 3px;
    overflow: hidden
}

.sec-staff .sec-staff_sub-title {
    font-size: 16.8;
    font-weight: normal;
    text-align: center;
    margin: 25px 0px
}

@media screen and (min-width: 600px) {
    .sec-staff .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sec-staff .inner>* {
        width: 32%;
        text-align: left
    }

    .sec-staff .sec-staff_img {
        position: absolute;
        width: 60%;
        right: 28.5px;
        padding-left: 40px;
        height: 100%
    }

    .sec-staff .sec-staff_img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width: 840px) {
    .sec-staff .inner {
        max-width: 1200px
    }

    .sec-staff .sec-staff_sub-title {
        font-size: 1.35rem;
        margin-bottom: 80px
    }

    .sec-staff .sec-staff_title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        line-height: 1;
        font-size: .9375rem;
        gap: 15px
    }

    .sec-staff .sec-staff_title span {
        font-size: 2.0625rem;
        margin-bottom: -5px
    }
}

.sep-img {
    margin-top: 200px
}

@media screen and (min-width: 600px) {
    .sep-img {
        display: none
    }
}

.sec-stay .sec-stay_title {
    font-size: .78125rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px
}

.sec-stay .sec-stay_title span {
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    display: block
}

.sec-stay .sec-stay_heading_img {
    margin-inline: -28.5px;
    width: calc(100% + 57px);
    display: block;
    max-width: inherit
}

.sec-stay .sec-stay_lead {
    text-align: center;
    margin-top: 30px
}

@media screen and (min-width: 600px) {
    .sec-stay {
        margin-top: 130px
    }

    .sec-stay .sec-stay_heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 30px
    }
}

@media screen and (min-width: 840px) {
    .sec-stay .sec-stay_title {
        font-size: .9375rem
    }

    .sec-stay .sec-stay_title span {
        font-size: 2.0625rem
    }

    .sec-stay .sec-stay_heading_img {
        width: 100vw;
        margin-inline: calc(50% - 50vw)
    }
}

.sec-stay-content {
    margin-top: 120px
}

.sec-stay-content .sec-stay_content_title {
    font-size: .78125rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px
}

.sec-stay-content .sec-stay_content_title span {
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    color: #d7d3ad;
    display: block;
    font-size: 1.05rem
}

.sec-stay-content .other-time {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px
}

.sec-stay-content .other-time>* {
    width: 100%
}

.sec-stay-content .other-time .other-time_title {
    margin: 20px 0 25px;
    font-size: 1.05rem;
    font-weight: normal;
    line-height: 1.6
}

.sec-stay-content .other-time .other-time_title span {
    display: block
}

@media screen and (min-width: 600px) {
    .sec-stay-content .other-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24px
    }

    .sec-stay-content .other-time>* {
        width: calc((100% - 48px)/3)
    }
}

@media screen and (min-width: 840px) {
    .sec-stay-content .inner {
        max-width: 88%
    }

    .sec-stay-content .other-time {
        gap: 50px
    }

    .sec-stay-content .other-time>* {
        width: calc((100% - 100px)/3)
    }

    .sec-stay-content .other-time .other-time_title {
        font-size: 1.125rem
    }
}

.time-table .time-table_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: .875rem;
    color: #979480
}

.time-table .time-table_time span {
    background: #bbc6a4;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 1.5;
    color: #fff
}

.time-table .time-table_title {
    font-size: 1.05rem;
    margin-bottom: 24px;
    font-weight: normal
}

.time-table .time-table_item {
    padding-right: 18px
}

.time-table .time-table_border {
    padding-block: 20px;
    display: block;
    position: relative;
    margin-bottom: 5px
}

.time-table .time-table_border:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    border: .5px solid #979480;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 92px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 2
}

.time-table .time-table_border:after {
    width: .5px;
    height: 50%;
    content: "";
    background: #979480;
    top: 20px;
    left: 95px;
    position: absolute
}

.time-table .time-table_border span {
    background: #979480;
    display: block;
    width: calc(100% + 18px);
    height: .5px
}

@media screen and (min-width: 840px) {
    .time-table .time-table_item {
        padding-right: 40px
    }

    .time-table .time-table_time span {
        padding: 0px 8px;
        border-radius: 100px
    }

    .time-table .time-table_title {
        font-size: 1.125rem
    }

    .time-table .time-table_border {
        margin-top: 10px
    }

    .time-table .time-table_border:before {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }

    .time-table .time-table_border:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.sec-stay-content.-timetable {
    overflow: hidden;
    position: relative
}

.sec-stay-content.-timetable:before {
    content: "";
    width: 28.5px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 2;
    display: block
}

.sec-stay-content.-timetable .inner {
    position: relative;
    z-index: -1
}

.sec-stay-content.-timetable .time-table_img {
    position: relative;
    z-index: -1
}

.sec-stay-content.-timetable .swiper {
    overflow: inherit;
    position: relative;
    z-index: 0;
    padding-left: 0;
    padding-right: 20px
}

.sec-stay-content.-timetable .swiper .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.sec-stay-content.-timetable .swiper .swiper-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.sec-stay-content.-timetable .swiper .swiper-button-prev,
.sec-stay-content.-timetable .swiper .swiper-button-next {
    position: relative;
    width: 40px;
    height: 40px;
    inset: 0
}

.sec-stay-content.-timetable .swiper .swiper-button-prev:after,
.sec-stay-content.-timetable .swiper .swiper-button-next:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 40px;
    margin: auto;
    width: 40px;
    display: block
}

.sec-stay-content.-timetable .swiper .swiper-button-prev:after {
    background-image: url(../img/concept/arrow-prev.svg)
}

.sec-stay-content.-timetable .swiper .swiper-button-next:after {
    background-image: url(../img/concept/arrow-next.svg)
}

@media screen and (min-width: 840px) {
    .sec-stay-content.-timetable:before {
        content: "";
        width: calc(6% + 28.5px);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 2
    }
}

.topics_cat_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12.5px;
    max-width: 1120px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

.topics_cat_list ul li {
    width: calc((100% - 12.5px)/2)
}

.topics_cat_list ul a {
    display: block;
    text-align: center;
    font-size: 12px;
    border: .5px solid var(--color-secondary);
    padding: 9px 0;
    text-decoration: none;
    border-radius: 100px;
    color: var(--color-primary)
}

.topics_cat_list ul a.active {
    background-color: var(--color-secondary);
    color: #fff
}

@media screen and (min-width: 600px) {
    .topics_cat_list ul {
        gap: 20px
    }

    .topics_cat_list ul li {
        width: calc((100% - 40px)/3)
    }
}

@media screen and (min-width: 1180px) {
    .topics_cat_list ul {
        gap: 20px
    }

    .topics_cat_list ul li {
        width: calc((100% - 100px)/6)
    }
}

.gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12.5px
}

.gallery a img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
    -webkit-transition: .3s;
    transition: .3s
}

.gallery a picture {
    overflow: hidden;
    display: block
}

.gallery a:focus {
    opacity: 1
}

.gallery a:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .gallery a:hover {
        opacity: 1
    }

    .gallery a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (min-width: 600px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }
}

@media screen and (min-width: 840px) {
    .gallery {
        grid-template-columns: repeat(4, 1fr)
    }
}

.iziModal {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    z-index: 998 !important
}

.iziModal picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 920px;
    max-width: calc(100vw - 40px);
    max-height: 85vh;
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto
}

.iziModal picture img {
    display: block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width: 600px) {
    .iziModal picture img {
        width: auto;
        height: 80vh
    }
}

.iziModal-navigate>button {
    background-image: url(../img/common/arrow.png);
    background-size: 30px !important;
    margin: 0;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-position: center 70%;
    width: 40px;
    -webkit-transition: 0;
    transition: 0;
    z-index: 999 !important
}

.iziModal-navigate>button.iziModal-navigate-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: center 30%
}

@media screen and (min-width: 600px) {
    .iziModal-navigate>button {
        width: 84px;
        background-position: center
    }

    .iziModal-navigate>button.iziModal-navigate-prev {
        background-position: center
    }
}

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

    .post-type-archive-gallery .sec-plan,
    .single-gallery .sec-plan {
        margin-top: 150px
    }
}

.sec-ws-contents-heading {
    text-align: center
}

.sec-ws-contents-heading.-l .inner {
    max-width: 1238px
}

.sec-ws-contents-heading p {
    color: #bbb58d;
    font-size: 1.3125rem;
    font-family: "Whisper", cursive
}

.sec-ws-contents-heading .sec-ws-contents-heading_title {
    font-weight: normal;
    font-size: .78125rem;
    line-height: 1.25
}

.sec-ws-contents-heading .sec-ws-contents-heading_title span {
    font-family: "classico-urw", sans-serif;
    font-size: 1.8125rem;
    text-transform: uppercase;
    display: block
}

@media screen and (min-width: 840px) {
    .sec-ws-contents-heading p {
        font-size: 2.0625rem
    }

    .sec-ws-contents-heading .sec-ws-contents-heading_title {
        font-size: .9375rem
    }

    .sec-ws-contents-heading .sec-ws-contents-heading_title span {
        font-size: 2.4875rem
    }
}

.article-contents .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-top: 40px
}

@media screen and (min-width: 840px) {
    .article-contents .btn-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 100px;
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .article-contents .btn-wrap a {
        margin: 0
    }
}

.article-contents .article-contents_title {
    font-size: 1.05rem;
    font-weight: normal;
    margin-bottom: 24px;
    padding-inline: 28.5px
}

@media screen and (min-width: 840px) {
    .article-contents .article-contents_title {
        font-size: 1.35rem;
        margin-bottom: 54px;
        text-align: center
    }
}

.article-contents .article-contents_header {
    margin: 0 -28.5px;
    width: calc(100% + 57px)
}

@media screen and (min-width: 600px) {
    .article-contents .article-contents_header {
        margin: 0;
        width: 100%
    }
}

.article-contents .contents-toc {
    background: #fffefc;
    border-bottom: .5px solid #bbb58d;
    padding: 20px 37px
}

.article-contents .contents-toc p {
    font-size: 1.05rem;
    font-family: "classico-urw", sans-serif;
    margin-bottom: 16px;
    text-transform: uppercase
}

.article-contents .contents-toc a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    color: #979480;
    text-decoration: none;
    line-height: 1.5
}

.article-contents .contents-toc a:not(:last-child) {
    margin-bottom: 10px
}

.article-contents .contents-toc a br {
    display: none
}

.article-contents .contents-toc a:before {
    width: 3px;
    height: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    background: #979480;
    border-radius: 100px;
    margin-top: .4375rem
}

@media screen and (min-width: 600px) {
    .article-contents .contents-toc {
        margin-top: 50px;
        border: .5px solid #bbb58d;
        padding: 20px 50px
    }
}

@media screen and (min-width: 840px) {
    .article-contents .contents-toc a {
        gap: 10px
    }

    .article-contents .contents-toc a:before {
        width: 6px;
        height: 6px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        content: "";
        background: #979480;
        border-radius: 100px;
        margin-top: .5rem
    }
}

.article-contents_body {
    margin-top: 100px
}

.article-contents_body .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 100px
}

.article-contents_body .contents_title {
    text-align: center;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 30px;
    font-size: 1.05rem
}

@media screen and (min-width: 840px) {
    .article-contents_body .contents_title {
        font-size: 1.35rem
    }
}

.article-contents_body .contents_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
}

.article-contents_body .contents_img.-irregularity .num-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.article-contents_body .contents_img+p {
    width: 95%;
    margin: 30px auto
}

.article-contents_body .contents_img+.contents_img {
    margin-top: 20px
}

@media(max-width: 599px) {
    .article-contents_body .contents_img figure {
        width: 100% !important
    }
}

.article-contents_body p+.contents_img {
    margin-top: 75px
}

.article-contents_body .summary {
    margin-top: 1em;
    margin-inline: auto;
    width: 95%
}

@media screen and (min-width: 600px) {
    .article-contents_body .contents_img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .article-contents_body .contents_img+p {
        max-width: 791px;
        margin: 30px auto 0
    }

    .article-contents_body .contents_img.-irregularity>* {
        width: calc((100% - 20px)/2)
    }

    .article-contents_body .contents_img.-irregularity>figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .article-contents_body .contents_img.-irregularity .num-2 figure {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .article-contents_body .contents_img.-irregularity .num-2 figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .article-contents_body .summary {
        margin-top: 2em;
        max-width: 791px !important
    }
}

.recomend-place {
    margin: 100px -28.5px 0;
    width: calc(100% + 57px)
}

.recomend-place .recomend-place_title {
    text-align: center;
    font-weight: normal;
    font-size: .78125rem;
    margin-bottom: 30px
}

.recomend-place .recomend-place_title .eng {
    font-size: 1.5rem;
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase;
    display: block
}

.recomend-place ul {
    margin: 0;
    padding: 0 26.5px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.recomend-place ul a {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden
}

.recomend-place ul a img {
    -webkit-transition: .3s;
    transition: .3s
}

.recomend-place ul a:focus {
    opacity: 1
}

.recomend-place ul a:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .recomend-place ul a:hover {
        opacity: 1
    }

    .recomend-place ul a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.recomend-place ul .recomend-place_bar {
    background: #bbb58d;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

.recomend-place ul .recomend-place_bar:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background-color: #fff;
    -webkit-mask-image: url(../img/common/arrow-wh.svg);
    mask-image: url(../img/common/arrow-wh.svg);
    -webkit-mask-size: 13px 12px;
    mask-size: 13px 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.recomend-place ul .recomend-place_bar .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.recomend-place ul .recomend-place_bar .text span {
    font-size: 1.05rem;
    font-family: "classico-urw", sans-serif;
    text-transform: uppercase
}

@media screen and (min-width: 600px) {
    .recomend-place {
        width: 100%;
        margin: 100px 0;
        padding: 40px 100px !important;
        border-radius: 21px;
        border: .5px solid #bbb58d
    }

    .recomend-place .recomend-place_title {
        font-size: .8125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .recomend-place .recomend-place_title .eng {
        font-size: 1.2rem
    }

    .recomend-place .recomend-place_title:before,
    .recomend-place .recomend-place_title:after {
        content: "";
        height: .5px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background-color: #979480
    }

    .recomend-place .recomend-place_title:before {
        margin-right: 50px
    }

    .recomend-place .recomend-place_title:after {
        margin-left: 50px
    }

    .recomend-place ul {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 25px
    }

    .recomend-place ul .recomend-place_bar {
        padding: 12px;
        gap: 10px;
        font-size: .83125rem
    }

    .recomend-place ul .recomend-place_bar .text span {
        font-size: .9375rem
    }

    .recomend-place ul>* {
        width: calc((100% - 25px)/2)
    }
}

.contents-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
    gap: 30px
}

.contents-list a {
    color: #979480;
    line-height: 1.6
}

.contents-list a:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media(hover) {
    .contents-list a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.contents-list h3 {
    font-weight: normal
}

.contents-list figure {
    overflow: hidden;
    margin-bottom: 5px
}

.contents-list figure img {
    -webkit-transition: .3s;
    transition: .3s;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 600/400
}

@media screen and (min-width: 600px) {
    .contents-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px
    }

    .contents-list>* {
        width: calc((100% - 30px)/2)
    }

    .contents-list a {
        font-size: .83125rem
    }
}

@media screen and (min-width: 840px) {
    .contents-list {
        gap: 50px 30px
    }

    .contents-list>* {
        width: calc((100% - 60px)/3)
    }
}

.sec-guest-heading {
    margin-top: 68px
}

.sec-guest-heading .page-title {
    padding-left: 28.5px
}

.sec-guest-heading .sec-guest-heading_img {
    width: calc(100% + 28.5px);
    margin-right: -28.5px
}

.sec-guest-heading .toc {
    margin-top: 30px;
    margin-left: auto;
    margin-right: 0
}

@media screen and (min-width: 1180px) {
    .sec-guest-heading {
        margin-top: 100px
    }

    .sec-guest-heading .page-title {
        padding-left: 10%
    }

    .sec-guest-heading .inner {
        padding-left: 28.5px
    }

    .sec-guest-heading .inner .sec-guest-heading_img {
        margin-right: calc(50% - 50vw);
        width: auto
    }

    .sec-guest-heading .toc {
        padding-left: 0
    }
}

.sec-facilities {
    margin-top: 100px
}

.guest .sec-faq .sec_title.-left {
    margin-bottom: 50px
}

.guest .sec-facilities .sec_title.-left {
    margin-bottom: 50px
}

.guest .sec-service .sec_title.-left {
    margin-bottom: 50px
}

.guest .service .service_item {
    border-bottom: .5px solid #707070;
    padding-bottom: 50px
}

.guest .service .service_item:not(:last-child) {
    margin-bottom: 50px
}

.guest .service .service_title {
    font-weight: normal;
    font-size: 1.05rem;
    margin-bottom: 30px
}

.guest .facilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 80px
}

.guest .facilities .facilities_title {
    font-weight: normal;
    margin-top: 20px;
    font-size: 1.05rem;
    margin-bottom: 20px
}

@media screen and (min-width: 840px) {
    .guest .sec-facilities {
        margin-top: 160px
    }

    .guest .sec-facilities .sec_title.-left {
        margin-bottom: 100px
    }

    .guest .sec-service .sec_title.-left {
        margin-bottom: 100px
    }

    .guest .sec-faq {
        margin-top: 160px
    }

    .guest .sec-faq .sec_title.-left {
        margin-bottom: 100px
    }

    .guest .sec-faq .faq_list {
        width: 90%
    }

    .guest .service {
        width: 90%
    }

    .guest .service .service_title {
        font-size: 1.125rem
    }

    .guest .facilities {
        width: 90%
    }

    .guest .facilities .facilities {
        font-size: 1.125rem
    }

    .guest .facilities .facilities_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px
    }

    .guest .facilities .facilities_item>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.sec-bestrate-heading {
    text-align: center
}

.sec-bestrate-heading figure {
    width: 108px;
    margin: auto
}

.sec-bestrate-heading .sec-bestrate-heading_title {
    font-size: 1.05rem;
    line-height: 1.6;
    font-weight: normal;
    margin-top: 12px
}

.sec-bestrate-heading .sec-bestrate-heading_title span {
    display: block;
    font-size: .78125rem;
    color: #977260;
    margin-bottom: 16px
}

.sec-bestrate-heading .sec-heading_content {
    margin-top: 30px
}

.sec-bestrate-heading .sec_text {
    margin-top: 30px;
    text-align: left
}

@media screen and (min-width: 840px) {
    .sec-bestrate-heading .sec_text {
        text-align: center
    }

    .sec-bestrate-heading .sec-bestrate-heading_title {
        font-size: 1.35rem
    }

    .sec-bestrate-heading .sec-bestrate-heading_title span {
        font-size: .9375rem
    }
}

.sec-bestrate-benefit .sec-bestrate-benefit_title {
    font-weight: normal;
    text-align: center;
    padding-bottom: 10px;
    font-size: 1.05rem;
    border-bottom: .5px solid #979480
}

.sec-bestrate-benefit .benefit {
    margin: 50px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 75px
}

.sec-bestrate-benefit .benefit_title {
    font-weight: normal;
    font-size: 1.05rem
}

.sec-bestrate-benefit .benefit_text {
    margin-top: 16px
}

.sec-bestrate-benefit .benefit_cat {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.sec-bestrate-benefit .benefit_cat .benefit_cat_text {
    color: #977260
}

.sec-bestrate-benefit .benefit_cat .benefit_cat_label {
    color: #fff;
    background: #bbb58d;
    padding: 0 8px;
    border-radius: 100px;
    display: inline-block
}

@media screen and (min-width: 600px) {
    .sec-bestrate-benefit .benefit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 60px 30px
    }

    .sec-bestrate-benefit .benefit>* {
        width: calc((100% - 30px)/2)
    }
}

@media screen and (min-width: 840px) {
    .sec-bestrate-benefit .sec-bestrate-benefit_title {
        font-size: 1.125rem
    }

    .sec-bestrate-benefit .benefit_title {
        font-size: 1.2rem;
        padding-bottom: 16px
    }

    .sec-bestrate-benefit .benefit {
        margin-top: 60px
    }
}

.sec-bestrate-recommend {
    margin-top: 0
}

.sec-bestrate-recommend .sec-bestrate-recommend_title {
    font-weight: normal;
    font-size: 1.05rem;
    color: #977260;
    margin-top: 32px
}

.sec-bestrate-recommend ul {
    margin: 30px 0;
    padding: 0;
    list-style: none
}

.sec-bestrate-recommend ul li {
    border-bottom: .5px solid #bbb58d
}

.sec-bestrate-recommend .exclusion {
    border: .5px solid #bbb58d;
    background: #fffefc;
    padding: 30px;
    margin-top: 50px
}

.sec-bestrate-recommend .exclusion .exclusion_title {
    color: #977260;
    font-weight: normal;
    margin-bottom: 10px
}

@media screen and (min-width: 600px) {
    .sec-bestrate-recommend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sec-bestrate-recommend>* {
        width: 50%
    }

    .sec-bestrate-recommend .sec-bestrate-recommend_title {
        margin-top: 0
    }

    .sec-bestrate-recommend .sec-bestrate-recommend_content {
        padding-block: 30px
    }

    .sec-bestrate-recommend .sec_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width: 840px) {
    .sec-bestrate-recommend {
        margin-top: 100px
    }

    .sec-bestrate-recommend .btn-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sec-bestrate-recommend .sec_img {
        position: relative
    }

    .sec-bestrate-recommend .sec_img picture {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .sec-bestrate-recommend .sec-bestrate-recommend_title {
        font-size: 1.2rem
    }

    .sec-bestrate-recommend .sec-bestrate-recommend_content {
        padding: 20px calc(25% - 100px) 20px 100px
    }
}

.is-layout-constrained>*+* {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important
}

.is-layout-constrained>.alignleft,
.is-layout-constrained .alignright {
    margin-bottom: 1em !important
}

.is-layout-constrained .alignleft {
    -webkit-margin-end: 1.5em !important;
    margin-inline-end: 1.5em !important
}

.is-layout-constrained .alignright {
    -webkit-margin-start: 1.5em !important;
    margin-inline-start: 1.5em !important
}

.is-layout-constrained pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: .875rem;
    max-width: 100%;
    padding: 1.6em;
    overflow: auto
}

.is-layout-constrained a:where(:not(.wp-element-button)) {
    color: var(--color-primary);
    text-decoration: underline
}

.is-layout-constrained a:where(:not(.wp-element-button)):hover {
    text-decoration: none
}

.is-layout-constrained a:where(:not(.wp-element-button)):focus {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed
}

.is-layout-constrained a:where(:not(.wp-element-button)):active {
    color: var(--color-primary);
    text-decoration: none
}

.is-layout-constrained .wp-caption-text {
    max-width: 100%;
    margin-top: 10px
}

.is-layout-constrained .gallery {
    margin-bottom: 1.5rem
}

.is-layout-constrained .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.is-layout-constrained .gallery-columns-2 .gallery-item {
    max-width: 50%
}

.is-layout-constrained .gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.is-layout-constrained .gallery-columns-4 .gallery-item {
    max-width: 25%
}

.is-layout-constrained .gallery-columns-5 .gallery-item {
    max-width: 20%
}

.is-layout-constrained .gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.is-layout-constrained .gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.is-layout-constrained .gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.is-layout-constrained .gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.is-layout-constrained .gallery-caption {
    display: block
}

.is-layout-constrained h1,
.is-layout-constrained h2,
.is-layout-constrained h3,
.is-layout-constrained h4,
.is-layout-constrained h5,
.is-layout-constrained h6 {
    font-weight: bold;
    line-height: 1.4
}

.is-layout-constrained h1 {
    font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    line-height: 1.2
}

.is-layout-constrained h1:not(:first-child) {
    margin-top: 3rem
}

.is-layout-constrained h2 {
    font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    line-height: 1.2
}

.is-layout-constrained h2:not(:first-child) {
    margin-top: 3rem
}

.is-layout-constrained h3 {
    font-size: clamp(1.25rem, .977rem + 1.36vw, 2rem)
}

.is-layout-constrained h4 {
    font-size: 1.125rem
}

.is-layout-constrained h5 {
    font-size: 1rem;
    font-weight: 700
}

.is-layout-constrained h6 {
    font-size: 1rem
}

.article .article_header h1 {
    font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    line-height: 1.2
}

.article .article_header .article_meta {
    margin-top: 10px
}

.article .article_body {
    margin-top: 40px
}

.swiper {
    padding-bottom: 40px !important
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px !important
}

.swiper-pagination-bullet-active {
    background: var(--color-primary) !important
}

.bgextend {
    -webkit-animation-name: bgextendAnimeBase;
    animation-name: bgextendAnimeBase;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative;
    overflow: hidden
}

@-webkit-keyframes bgextendAnimeBase {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bgextendAnimeBase {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bgextend::before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #222
}

.bgappear {
    -webkit-animation-name: bgextendAnimeSecond;
    animation-name: bgextendAnimeSecond;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

@-webkit-keyframes bgextendAnimeSecond {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bgextendAnimeSecond {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.bgLRextend::before {
    -webkit-animation-name: bgLRextendAnime;
    animation-name: bgLRextendAnime
}

@-webkit-keyframes bgLRextendAnime {
    0% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50.001% {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    100% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes bgLRextendAnime {
    0% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50.001% {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    100% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.bgappearTrigger,
.bgextendTrigger {
    opacity: 0
}

.fadeIn {
    -webkit-animation-name: fadeInAnime;
    animation-name: fadeInAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeInAnime {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInAnime {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeUp {
    -webkit-animation-name: fadeUpAnime;
    animation-name: fadeUpAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeUpAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(16px);
        transform: translateY(16px)
    }

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

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(16px);
        transform: translateY(16px)
    }

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

.fadeDown {
    -webkit-animation-name: fadeDownAnime;
    animation-name: fadeDownAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeDownAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

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

@keyframes fadeDownAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

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

.fadeLeft {
    -webkit-animation-name: fadeLeftAnime;
    animation-name: fadeLeftAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeLeftAnime {
    from {
        opacity: 0;
        -webkit-transform: translateX(-16px);
        transform: translateX(-16px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeLeftAnime {
    from {
        opacity: 0;
        -webkit-transform: translateX(-16px);
        transform: translateX(-16px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeRight {
    -webkit-animation-name: fadeRightAnime;
    animation-name: fadeRightAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeRightAnime {
    from {
        opacity: 0;
        -webkit-transform: translateX(16px);
        transform: translateX(16px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeRightAnime {
    from {
        opacity: 0;
        -webkit-transform: translateX(16px);
        transform: translateX(16px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger {
    opacity: 0
}

.flipUp {
    -webkit-animation-name: flipUpAnime;
    animation-name: flipUpAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flipUpAnime {
    from {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipUpAnime {
    from {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
        opacity: 1
    }
}

.flipDown {
    -webkit-animation-name: flipDownAnime;
    animation-name: flipDownAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flipDownAnime {
    from {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipDownAnime {
    from {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
        opacity: 1
    }
}

.flipLeft {
    -webkit-animation-name: flipLeft;
    animation-name: flipLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-perspective-origin: left center;
    perspective-origin: left center
}

@-webkit-keyframes flipLeft {
    from {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipLeft {
    from {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        opacity: 1
    }
}

.flipLeftTop {
    -webkit-animation-name: flipLeftTop;
    animation-name: flipLeftTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flipLeftTop {
    from {
        -webkit-transform: translate(-20px, 80px) rotate(-15deg);
        transform: translate(-20px, 80px) rotate(-15deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg);
        opacity: 1
    }
}

@keyframes flipLeftTop {
    from {
        -webkit-transform: translate(-20px, 80px) rotate(-15deg);
        transform: translate(-20px, 80px) rotate(-15deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg);
        opacity: 1
    }
}

.flipRight {
    -webkit-animation-name: flipRight;
    animation-name: flipRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-perspective-origin: right center;
    perspective-origin: right center
}

@-webkit-keyframes flipRight {
    from {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipRight {
    from {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
        opacity: 1
    }
}

.flipRightTop {
    -webkit-animation-name: flipRightTop;
    animation-name: flipRightTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flipRightTop {
    from {
        -webkit-transform: translate(-20px, 80px) rotate(25deg);
        transform: translate(-20px, 80px) rotate(25deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 1) rotate(0deg);
        transform: translate(0, 1) rotate(0deg);
        opacity: 1
    }
}

@keyframes flipRightTop {
    from {
        -webkit-transform: translate(-20px, 80px) rotate(25deg);
        transform: translate(-20px, 80px) rotate(25deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 1) rotate(0deg);
        transform: translate(0, 1) rotate(0deg);
        opacity: 1
    }
}

.flipUpTrigger,
.flipDownTrigger,
.flipLeftTrigger,
.flipLeftTopTrigger,
.flipRightTrigger,
.flipRightTopTrigger {
    opacity: 0
}

.rotateUp {
    -webkit-animation-name: rotateUpAnime;
    animation-name: rotateUpAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateUpAnime {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 0);
        transform: rotate3d(1, 0, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1, 0, 0, 360deg);
        transform: rotate3d(1, 0, 0, 360deg);
        opacity: 1
    }
}

@keyframes rotateUpAnime {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 0);
        transform: rotate3d(1, 0, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1, 0, 0, 360deg);
        transform: rotate3d(1, 0, 0, 360deg);
        opacity: 1
    }
}

.rotateDown {
    -webkit-animation-name: rotateUpAnime;
    animation-name: rotateUpAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateDownAnime {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 0);
        transform: rotate3d(1, 0, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1, 0, 0, -360deg);
        transform: rotate3d(1, 0, 0, -360deg);
        opacity: 1
    }
}

@keyframes rotateDownAnime {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 0);
        transform: rotate3d(1, 0, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1, 0, 0, -360deg);
        transform: rotate3d(1, 0, 0, -360deg);
        opacity: 1
    }
}

.rotateLeftY {
    -webkit-animation-name: rotateLeftYAnime;
    animation-name: rotateLeftYAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateLeftYAnime {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 360deg);
        transform: rotate3d(0, 1, 0, 360deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 0);
        transform: rotate3d(0, 1, 0, 0);
        opacity: 1
    }
}

@keyframes rotateLeftYAnime {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 360deg);
        transform: rotate3d(0, 1, 0, 360deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 0);
        transform: rotate3d(0, 1, 0, 0);
        opacity: 1
    }
}

.rotateLeftZ {
    -webkit-animation-name: rotateLeftZAnime;
    animation-name: rotateLeftZAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateLeftZAnime {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }
}

@keyframes rotateLeftZAnime {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }
}

.rotateRightY {
    -webkit-animation-name: rotateRightYAnime;
    animation-name: rotateRightYAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateRightYAnime {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 0);
        transform: rotate3d(0, 1, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 360deg);
        transform: rotate3d(0, 1, 0, 360deg);
        opacity: 1
    }
}

@keyframes rotateRightYAnime {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 0);
        transform: rotate3d(0, 1, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 360deg);
        transform: rotate3d(0, 1, 0, 360deg);
        opacity: 1
    }
}

.rotateRightZ {
    -webkit-animation-name: rotateRightZAnime;
    animation-name: rotateRightZAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes rotateRightZAnime {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 1
    }
}

@keyframes rotateRightZAnime {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 1
    }
}

.rotateUpTrigger,
.rotateDownTrigger,
.rotateLeftYTrigger,
.rotateLeftZTrigger,
.rotateRightYTrigger,
.rotateRightZTrigger {
    opacity: 0
}

.zoomIn {
    -webkit-animation-name: zoomInAnime;
    animation-name: zoomInAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes zoomInAnime {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0) scale(1.2);
        transform: translate(0) scale(1.2);
        opacity: 1
    }
}

@keyframes zoomInAnime {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0) scale(1.2);
        transform: translate(0) scale(1.2);
        opacity: 1
    }
}

.zoomOut {
    -webkit-animation-name: zoomOutAnime;
    animation-name: zoomOutAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes zoomOutAnime {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        opacity: 1
    }
}

@keyframes zoomOutAnime {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        opacity: 1
    }
}

.zoomInTrigger,
.zoomOutTrigger {
    opacity: 0
}

.blur {
    -webkit-animation-name: blurAnime;
    animation-name: blurAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes blurAnime {
    from {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes blurAnime {
    from {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.blurTrigger {
    opacity: 0
}

.smooth {
    -webkit-animation-name: smoothAnime;
    animation-name: smoothAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: left;
    transform-origin: left
}

@-webkit-keyframes smoothAnime {
    from {
        -webkit-transform: translate3d(0, 100%, 0) skewY(12deg);
        transform: translate3d(0, 100%, 0) skewY(12deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) skewY(0);
        transform: translate3d(0, 0, 0) skewY(0);
        opacity: 1
    }
}

@keyframes smoothAnime {
    from {
        -webkit-transform: translate3d(0, 100%, 0) skewY(12deg);
        transform: translate3d(0, 100%, 0) skewY(12deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) skewY(0);
        transform: translate3d(0, 0, 0) skewY(0);
        opacity: 1
    }
}

.smoothTrigger {
    opacity: 0
}

.count2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.countinfinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.delay-time02 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay-time03 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.delay-time04 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay-time05 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.delay-time06 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.change-time1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.change-time2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.change-time3 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.change-time4 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.change-time5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

._bk {
    background: var(--color-body);
    color: #fff
}

/*# sourceMappingURL=style.css.map */