html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

@charset "utf-8";

/**
 * Swiper 7.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 24, 2021
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #B99EBD
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: -12%;
    width: calc(var(--swiper-navigation-size)/ 44 * 61);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    right: 74px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "";
    background-image: /*savepage-url=../img/prevArrow.svg*/ url();
    background-size: contain;
    height: 52px;
    background-repeat: no-repeat;
    width: 52px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "";
    background-image: /*savepage-url=../img/nextArrow.svg*/ url();
    background-size: contain;
    height: 52px;
    background-repeat: no-repeat;
    width: 52px;
}

#media .swiper-button-prev:after,
#media .swiper-rtl .swiper-button-next:after {
    content: "";
    background-image: /*savepage-url=../img/bPrevArrow.svg*/ url();
    background-size: contain;
    height: 52px;
    background-repeat: no-repeat;
    width: 52px;
}

#media .swiper-button-next:after,
#media .swiper-rtl .swiper-button-prev:after {
    content: "";
    background-image: /*savepage-url=../img/bNextArrow.svg*/ url();
    background-size: contain;
    height: 52px;
    background-repeat: no-repeat;
    width: 52px;
}





.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}



.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 6;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 26%;
    text-align: right;
    position: absolute;
    width: 100%;
    display: flex;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 90px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2px));
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    display: block;
    margin-bottom: 7px;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -18px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    /*    left: 0%;*/
    bottom: 0;
    z-index: 50;
    height: 2px;
    width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #75c16f;
    border-radius: 10px;
    left: 0;
    top: 0
}


#freezing .swiper-scrollbar-drag {
    background: #fff;
}


.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    overflow: hidden;
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@charset "utf-8";


/*==================================================

---openingAnimation

====================================================*/

#loader-bg {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    z-index: 999;
    animation: roading 4s ease-in-out forwards;
    opacity: 1;
    top: 0;
    bottom: 0;
}

#loader-bg > div {
    text-align: center;
}

@keyframes roading {
    0% {
        opacity: 1;
        background: #F2F2F2;
        z-index: 999;
    }

    74% {
        opacity: 1;

    }


    100% {
        opacity: 0;
        z-index: -2;
    }
}

#loader-bg h2 {
    font-weight: 500;
    font-size: 18px;
    color: #555;
    letter-spacing: .2em;
}

#loader-bg img {
    max-width: 240px;
    width: 100%;
}

/*==================================================

---全体ふわっと

====================================================*/

@keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*==================================================

---TOPスライドZOOM

====================================================*/
@keyframes zoomUp {
    0% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img {
    animation: zoomUp 10s linear 0s 1 normal both;
}

.slide-img img {
    display: block;
}

/*==================================================

---scrollバーアニメーション

====================================================*/
.scrollBox::after {
    animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
    0% {
        transform: scale(1, 0);
        transform-origin: 0 0;
    }

    50% {
        transform: scale(1, 1);
        transform-origin: 0 0;
    }

    50.1% {
        transform: scale(1, 1);
        transform-origin: 0 100%;
    }

    100% {
        transform: scale(1, 0);
        transform-origin: 0 100%;
    }
}

/*==================================================

---スクロール右やら左やら

====================================================*/

.price p {
    margin: 0;       /* p要素の上下余白をなくす */
    line-height: 1.2; /* 行間を少し狭める */
  }

  
  
  
/* PC版: 768px以上の画面 */
@media screen and (min-width: 768px) {
    .heroImage {
      width: 1000px;
      height: auto;
    }
  }
  
  /* スマホ版: 767px以下の画面 */
  @media screen and (max-width: 767px) {
    .heroImage {
      width: 500px;  /* 必要に応じて調整 */
      height: auto;
    }
  }



.hero .heroOpTextBox h1 {
    overflow: hidden;
    line-height: 43px;
}

.hero .heroOpTextBox h1 span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    -o-transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1), -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition-delay: 3s;
}

.hero.scrollin .heroOpTextBox h1 span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}




.heroOpTextBox .enTitle {
    overflow: hidden;
    line-height: 30px;
}

.hero .heroOpTextBox p span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1) 4s;
}

.hero.scrollin .heroOpTextBox p span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


#treatmentPolicy .enTitle {
    overflow: hidden;
}

#treatmentPolicy .enTitle span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1);
}

#treatmentPolicy.scrollin .enTitle span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.notGIveFlexBox .en {
    overflow: hidden;
    line-height: 55px;
}

.notGIveFlexBox .en span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1);
}

.notGIveFlexBox.scrollin .en span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}



.notGIveFlexBox h3 {
    overflow: hidden;

}

.notGIveFlexBox h3 span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1) .4s;
}

.notGIveFlexBox.scrollin h3 span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}



.technologyBox .en {
    overflow: hidden;
    line-height: 38px;
}

.technologyBox .en span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1);
}

.technologyBox.scrollin .en span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}



.technologyBox h3 {
    overflow: hidden;

}

.technologyBox h3 span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1) .4s;
}

.technologyBox.scrollin h3 span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}




@keyframes fadeleft {
    0% {
        transform: translateX(-30px);
        opacity: 0;
    }

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

@keyframes faderight {
    0% {
        transform: translateX(30px);
        opacity: 0;
    }

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


.testBox.scrollin > div:nth-child(1n) {
    animation: fadeleft 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.testBox.scrollin > div:nth-child(2n) {
    animation: faderight 1s cubic-bezier(0.33, 1, 0.68, 1) 0.6s forwards;
}

.testBox.scrollin > div:nth-child(3n) {
    animation: fadeleft 1s cubic-bezier(0.33, 1, 0.68, 1) 1.2s forwards;
}


/*================================================================

        hamburgerメニュー

==================================================================*/
.menu {
    height: 20px;
    position: absolute;
    right: 21px;
    top: 29px;
    cursor: pointer;
    position: fixed;
    width: 35px;
    z-index: 99;
}

.menu__line {
    background: #333;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%;
}

.menu__line--center {
    top: 9px;
}

.menu__line--bottom {
    bottom: 0;
}

.menu__line--top.active {
    top: 8px;

    transform: rotate(45deg);
}

.menu__line--center.active {
    transform: scaleX(0);
    background: #ca062c;
}

.menu__line--bottom.active {
    bottom: 10px;

    transform: rotate(135deg);
}

.gnav {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 24%;
    left: 0;
    background: #E6E4E1;
}
.gnav::before {
    position: absolute;
    content: "";
    background-image: /*savepage-url=../img/hero01.png*/ url();
    background-size: cover;
    height: 327px;
    width: 76%;
    z-index: 2;
    bottom: 61px;
    right: 0;
}
.gnav__wrap {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
}

.fmbCopyW {
    position: absolute;
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 50%;
    font-size: 10px;
    z-index: 5;
    white-space: nowrap;
    color: #00000094;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gnav__menu {
    position: absolute;
    top: 32%;
    left: 28%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 5;
}

.gnav__menu__item a {
    color: #4e4e4e;
    font-size: 15px;
    text-decoration: none;
    display: block;
    padding: 18px 0;
    transition: .5s;
    font-weight: bold;
}

.gnav__menu__item a:hover {
    color: #666;
}

.gnav__menu__item span {
    font-size: 15px;
    color: rgb(255 255 255 / 75%);
}

.gnav__menu__item .gnav_ja {
    display: block;
    font-size: 13px;
    font-weight: 100;
}


.menu_box {
    right: 0;
    top: 0;
    cursor: pointer;
    position: fixed;
    width: 55px;
    height: 82px;
    z-index: 99;
    width: 80px;
}

.gnav__menu li {
    position: relative;
}

.gnav__menu li::after {
    top: 43%;
    left: -25px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 11px;
    color: #B99EBD;
}


.gnav__menu li:nth-child(1)::after {
    content: "01";
    position: absolute;
}

.gnav__menu li:nth-child(2)::after {
    content: "02";
    position: absolute;
}

.gnav__menu li:nth-child(3)::after {
    content: "03";
    position: absolute;
}

.gnav__menu li:nth-child(4)::after {
    content: "04";
    position: absolute;
}

.gnav__menu li:nth-child(5)::after {
    content: "05";
    position: absolute;
}

.gnav__menu li:nth-child(6)::after {
    content: "06";
    position: absolute;
}

.gnav__menu li:nth-child(7)::after {
    content: "07";
    position: absolute;
}

.gnav__menu li:nth-child(8)::after {
    content: "08";
    position: absolute;
}

/*==================================================

---マスクフェード

====================================================*/


.maskbox {
    width: 100%;
    margin: 0 0 6% 0;
    overflow: hidden;
}

.maskbox .maskboxInner {
    font-size: 1.5em;
    overflow: hidden;
    opacity: 0;
}

.isPlay {
    animation-name: play;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.8, 0, .5, 1);
    position: relative;
    opacity: 1 !important;
}

.isPlay:before {
    animation-name: maskOut;
    animation-duration: .5s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.8, 0, .5, 1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.maskboxInner:before {
    background: rgb(72, 198, 239);
    background: linear-gradient(90deg, rgba(72, 198, 239, 1) 0%, rgba(111, 134, 214, 1) 100%);
}


.ie .maskboxInner:before {
    background: none;
}



@keyframes play {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}


@keyframes maskOut {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@charset "utf-8";


/*==================================================
---COMMON
====================================================*/
  

  


.button-wrapper {
    display: inline-block;
    border: 1px solid #4a3400;
    padding: 6px;
    box-shadow: 0 1px 2px 0 #ddd;
    background-color: #ffffff;
    border-radius: 10px;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
  }
  
  .button-link {
    text-decoration: none;
  }

  html,
  body {
    background-color: #fffef4; /* 希望の背景色 */
  }

  .button-text {
    color: #404040;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 3px 8px;
    border-radius: 5px;
  }
  
  /* ボタンを押したときの見た目 */
  .button-wrapper:active {
    /* 影を消し、少し下にずらす */
    box-shadow: none;
    transform: translateY(2px);
 
  }
  

/* 固定ヘッダー */
.fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: rgba(229, 229, 229, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
    padding: 5px 20px; /* ヘッダー内の余白 */
    z-index: 1000;
    display: flex;
    align-items: center;
    /* justify-contentは使用せず、中央配置はheaderCenterで絶対配置 */
  }
  
  /* ヘッダー中央のロゴ */
  .headerCenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .headerCenter img {
    height: 55px; /* 必要に応じて調整 */
  }

  .headerCenter {
    position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 20px));
  }
  
  
  /* 右側のInstagramロゴ */
  .headerRight {
    margin-left: auto;
    margin-right: 30px; /* 必要に応じて値を調整してください */
  }
  
  
  /* Instagramロゴのサイズを変更できるようにCSS変数を利用 */
  .headerRight img {
    height: var(--instagram-img-height, 40px); /* デフォルトは30px。必要に応じて変更可能 */
    transition: height 0.2s ease;
  }
  


/* グリッドレイアウトでボタンを2×2に配置 */
.reserveButtonGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
    padding: 0 30px;
    justify-items: center; /* 各セル内でアイテムを中央に配置 */
  }
  
  
  /* 各ボタンアイテムの基本スタイル（必要に応じて追加） */
  .reserveButtonItem {
    /* ここは特に必要なければ空のままでOK */
  }
  
  /* リンク（ボタン）のデザイン */
  .reserveButtonItem a {
    display: block;          /* セル全体を使う */
    width: 100%;             /* 幅をセルいっぱいに */
    text-align: center;      /* テキストを中央寄せ */
    color: #423400;          /* テキスト色 */
    font-size: 16px;
    font-weight: bold;
    background-color: #fff7ea;  /* 背景色 */
    padding: 12px 0;         /* 上下のみ余白、左右はなし */
    border-radius: 5px;
    text-decoration: none;
    transition: box-shadow 0.3s, transform 0.2s;
    box-shadow: 0 4px 8px rgba(38, 38, 38, 0.15); /* 通常時の影 */
  }
  
  /* ホバー時のエフェクト：より強い影と少し浮き上がる */
  .reserveButtonItem a:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
  }
    


  h1 {
    position: relative;
    text-align: center;
    padding: 1em;
    font-size: 20px; /* 文字サイズを大きく */
    font-family: 'Pacifico', cursive; /* おしゃれなフォント */
    color: #4b3b00;  
    scroll-margin-top: 80px; /* ヘッダーの高さ分（例: 80px）を余白として追加 */
  }
  h1::before, h1::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 2px;
    background: #da8a19;
  }
  h1::before {
    left: 0;
    top: 0;
  }
  h1::after {
    right: 0;
    bottom: 0;
  }
  


  html {
    scroll-behavior: smooth;
  }


  .footer-title {
    display: block;      /* 改行を強制 */
    text-align: center;  /* 中央寄せ */
    font-size: 18px;    /* お好みの大きさに調整 */
    font-weight: bold;   /* 太字にする場合 */
  }
  

  .heroImage {
    max-width: 110%;  /* 必要に応じてサイズを調整 */ 
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;  /* ここで画像を下にずらします */
  }
  

/* 元のスタイル */
.reserveButtonGrid .reserveButtonItem a.btn {
    margin: 5px 0;
    position: relative;
    /* 上下の余白を極力少なく、左右も小さめに設定 */
    padding:1rem 1rem;
    background-color: #543618;
    color: #fff;
    display: flex;               /* フレックスで中央配置 */
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #543618;
    text-decoration: none;
    transition: all 0.3s;
    border-radius: 4px;
    width: 300px;                /* 固定幅（最も長いボタンに合わせる） */
    height: 60px;                /* 固定高さにする */
    box-sizing: border-box;      /* padding込みのサイズ指定 */
    font-size: 1.6rem;           /* デフォルトのフォントサイズ */
    white-space: normal;         /* 改行を許可 */
}

.reserveButtonGrid .reserveButtonItem a.btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5rem;               /* 余白が少ない場合の位置調整 */
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transition: right 0.3s;
}

.reserveButtonGrid .reserveButtonItem a.btn:hover {
    background: #fff;
    color: #543618;
}

.reserveButtonGrid .reserveButtonItem a.btn:hover:after {
    right: 0.3rem;
}

/* スマホなど、画面幅が480px以下の場合の調整 */
@media screen and (max-width: 480px) {
    .reserveButtonGrid .reserveButtonItem a.btn {
      font-size: 1rem;
      padding: 0.5rem 0.5rem;
      width: 150px;
      height: 60px;
      box-sizing: border-box;
    }
    .reserveButtonGrid .reserveButtonItem a.btn:after {
      right: 0.5rem;
     
    }
}

  
    











html {
    overflow: auto;
}

body {
    font-family: YakuHanJPs_Noto, "Yu Mincho", "YuMincho", serif;
    animation-name: opacity;
    letter-spacing: .1em;
    color: #333;
    line-height: 25px;
    animation-duration: 1.5s;
    overflow-x: hidden;
    position: relative;
    z-index: -2;
}

img {
    -webkit-backface-visibility: hidden;
    vertical-align: bottom;
}

.bodyWrap {
    position: relative;
    z-index: -1;
}




#loader-bg h2 {
    overflow: hidden;
}

#loader-bg h2 span {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: 1s cubic-bezier(.36, .14, 0, 1) .3s;
}

#loader-bg.scrollin h2 span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}






.pcHeader {
    display: flex;
    margin-left: auto;
    right: 0;
    top: 0;
    align-items: center;
    background: #333;
    background-color: #fff;
    position: fixed;
    z-index: 99;
    margin-right: auto;
}

.pcHeader .logoBox img {
    width: 92px;
    position: relative;
    top: 3px;
}

.pcHeader ul {
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.pcHeader ul a {
    color: #333;
    display: block;
    transition: .4s;
    text-decoration: none;
}

.pcHeader ul .h_navContact {
    background: #B99EBD;
    color: #fff;
    padding: 0;
    padding: 30px 50px;
    padding-left: 80px;
    position: relative;
    transition: .4s;
}

.pcHeader ul .h_navContact:hover {
    background: #333;
    color: #fff;
}

.pcHeader ul .h_navContact::after {
    background-image: /*savepage-url=../img/whiteMail.svg*/ var(--savepage-url-11);
    position: absolute;
    content: "";
    height: 48px;
    width: 48px;
    left: 18px;
    top: 18px;
    background-size: contain;
    z-index: 5;
}


.pcHeader ul a:hover {
    color: #B99EBD;
}


.h_nav {
    padding-right: 32px;
}

.spheader {
    display: none;
}

.pcHeader ul .h_navbg1 {
    background: #EBEBEB;
    width: 180px;
    padding: 27px 19px;
    text-align: center;
    font-weight: 500;
}

.pcHeader ul .h_navbg2 {
    background: #333;
    color: #fff;
    padding: 27px 19px;
    width: 180px;
    text-align: center;
    font-weight: 500;
}





.hero {
    position: relative;
    margin-bottom: 100px;
    height: 93vh;
    overflow: hidden;
    padding-left: 114px;
}

.hero::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 114px;
    bottom: 0;
    background: #333;
    z-index: 5;
    opacity: .4;
}

.heroWrap {
    position: relative;
}

.heroWrap::before {
    position: absolute;
    content: "";
    top: 58%;
    right: 0;
    left: 0;
    bottom: -20%;
    background: #E6E4E1;
    z-index: -1;
}




.hero .swiper-slide img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.heroOpTextBox {
    position: absolute;
    bottom: 27%;
    left: 11vw;
    z-index: 6;
}

.topYoutubeBox {
    display: flex;
    color: #fff;
}

.topYoutubeBox img {
    margin-right: 15px;
}

.heroOpTextBox h1 {
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    letter-spacing: .15em;
    margin-bottom: 11px;
    position: relative;
}

.heroOpTextBox h1 br {
    display: none;
}

.heroNews {
    position: absolute;
    bottom: -41px;
    z-index: 5;
    left: 11vw;
    max-width: 699px;
    width: 100%;
}

.heroNews a {
    background: #fff;
    display: block;
    padding: 30px 50px;
    color: #333;
}

.heroNews .postTitle {
    font-size: 14px;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.heroNewsFlex {
    display: flex;
    column-gap: 52px;
}




.heroOpTextBox .enTitle {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    margin-bottom: 48px;
}

.heroOpTextBox .des {
    color: #fff;
    font-size: 16px;
    letter-spacing: .15em;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 68px;
}

.swiper-pagination {
    position: absolute;
}



.textAnime {
    display: flex;
    overflow: hidden;
}

.textAnime span {
    display: block;
    -webkit-transform: translate(0, 100%) skewX(-2deg);
    -ms-transform: translate(0, 100%) skewX(-2deg);
    transform: translate(0, 100%) skewX(-2deg);
}

.textAnime.-visible span {
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    -o-transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1), -webkit-transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    -webkit-transform: translate(0, 0%) skewX(0deg);
    -ms-transform: translate(0, 0%) skewX(0deg);
    transform: translate(0, 0%) skewX(0deg);
}

.textAnime span:nth-child(2) {
    transition-delay: 0.025s;
}

.textAnime span:nth-child(3) {
    transition-delay: 0.050s;
}

.textAnime span:nth-child(4) {
    transition-delay: 0.075s;
}

.textAnime span:nth-child(5) {
    transition-delay: 0.10s;
}

.textAnime span:nth-child(6) {
    transition-delay: 0.125s;
}

.textAnime span:nth-child(7) {
    transition-delay: 0.150s;
}

.textAnime span:nth-child(8) {
    transition-delay: 0.175s;
}

.textAnime span:nth-child(9) {
    transition-delay: 0.2s;
}

.textAnime span:nth-child(10) {
    transition-delay: 0.225s;
}

.textAnime span:nth-child(11) {
    transition-delay: 0.250s;
}

.textAnime span:nth-child(12) {
    transition-delay: 0.275s;
}

.textAnime span:nth-child(13) {
    transition-delay: 0.3s;
}

.textAnime span:nth-child(14) {
    transition-delay: 0.325s;
}

.textAnime span:nth-child(15) {
    transition-delay: 0.4s;
}

.textAnime span:nth-child(16) {
    transition-delay: 0.425s;
}

.textAnime span:nth-child(17) {
    transition-delay: 0.45s;
}









.pcHeader ul {
    list-style: none;
}

.pcHeader ul a {
    font-size: 15px;
}

.headerLogo {
    position: fixed;
    top: 13px;
    left: 13px;
    z-index: 5;
}

.headerLogo img {
    max-width: 84px;
    width: 100%;
}

.headerLogo a {
    display: block;
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
    display: inline-block;
    border-radius: 100vw;

}

.hero .swiper-pagination {
    max-width: 85px;
    margin: 0 auto;
    text-align: right;
    right: 10%;
    bottom: 30px;
}

.headerSnsBox {
    position: fixed;
    left: 42px;
    top: 50.5%;
    z-index: 5;
}

.headerSnsBox a {
    display: block;
    margin-bottom: 13px;
}

#Origin {
    position: relative;
    padding-top: 160px;
    padding-bottom: 170px;
    margin-bottom: 100px;
}

#Origin::after {
    z-index: -2;
    background: #E6E4E1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}

#Origin .OriginWrap {
    padding: 0 80px;
    padding-right: 20px;
}

#Origin .flex {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    column-gap: 51px;
    flex-direction: row-reverse;
}

#Origin .flex img {
    width: 100%;
    max-width: 534px;
}

#Origin .flex .imgBox {
    position: relative;
}

#Origin .flex .imgBox::before {
    position: absolute;
    content: "Origin";
    font-size: 69px;
    color: rgba(255, 255, 255, 0.61);
    bottom: 0;
    left: -130px;
    font-weight: 500;
}

#Origin .flex .des {
    font-size: 15px;
    font-weight: 500;
    color: #4A4A4A;
    line-height: 31px;
    letter-spacing: .15em;
    margin-bottom: 45px;
}

#Origin .flex h3 {
    font-size: 10px;
    color: #707070;
    margin-bottom: 8px;
}

#Origin .flex h2 {
    font-size: 20px;
    color: #4A4A4A;
    line-height: 31px;
    margin-bottom: 45px;
    letter-spacing: .15em;
}

.combtn {
    position: relative;
    max-width: 260px;
    width: 100%;
}

.combtn::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
}


.combtn::after {
    background-image: /*savepage-url=../img/sqbtnArrow.svg*/ url();
    position: absolute;
    content: "";
    width: 20px;
    height: 6px;
    right: 20px;
    top: 44%;
    transition: .4s;
}

.combtn a {
    display: block;
    text-decoration: none;
    border: 1px solid #B99EBD;
    color: #B99EBD;
    padding: 18px 1.5rem;
    font-size: 14px;
    transition: 2s;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.combtn:hover::after {
    background-image: /*savepage-url=../img/wsqbtnArrow.svg*/ url();
    transition: .8s;
}



.combtn a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-color: #B99EBD;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: .8s;
}

.combtn a:hover {
    transition: .5s;
    color: white;
}

.combtn a:hover:before {
    transition: 1s;
    transform: scale(10);
}



.vtLine {
    /*    position: relative;*/
    z-index: 2;
    overflow: hidden;
    height: 111px;
    margin: 0 auto;
    width: 1px;
    margin-bottom: 30px;
}

.vtLine::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 111px;
    background: #555;
}

.vtLine::after {
    animation: sdl 3s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
    0% {
        transform: scale(1, 0);
        transform-origin: 0 0;
    }

    30% {
        transform: scale(1, 1);
        transform-origin: 0 0;
    }

    70% {
        transform: scale(1, 1);
        transform-origin: 0 100%;
    }

    100% {
        transform: scale(1, 0);
        transform-origin: 0 100%;
    }
}

#Product {
    margin-bottom: 122px;
}

#Product h2 {
    justify-content: center;
    color: #707070;
    font-size: 54px;
    line-height: 91%;
    letter-spacing: .1em;
}

#Product .subTitle {
    text-align: center;
    color: #4A4A4A;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 13px;
}

#Product .des {
    text-align: center;
    line-height: 30px;
    letter-spacing: .15em;
    font-size: 16px;
    margin-bottom: 42px;
    font-weight: bold;
    padding: 0 80px;
}
#Product .flex {
    max-width: 1200px;
    display: flex;
    margin: 0 auto;
    column-gap: 77px;
    margin-bottom: 73px;
    padding: 0 80px;
    flex-wrap: wrap;
}

#Product .flex img {
    width: 100%;
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}


#Product .imgBox.scrollin img {
    transform: scale(1);
}

#Product .imgBox {
    overflow: hidden;
    position: relative;
}

#Product .imgBox.scrollin::before {
    opacity: 0;
    z-index: 2;
}

#Product .imgBox::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
}


#Product .flex > div {
    width: 29%;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 30px;
}

#Product .flex h3 {
    margin-top: 14px;
    text-decoration: underline;
    margin-bottom: 20px;
}

#Product .flex .description {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .14em;
    line-height: 28px;
}


#Product .combtn {
    margin: 0 auto;
}

#Product .flex .price {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right; /* 価格テキストを右寄せ */
}

#Product .flex .price p:first-child {
    font-size: 14px; /* お好みで調整 */
}







#information {
    margin-bottom: 140px;
    padding: 0 80px;
    padding-right: 25px;
}

.informationWrap {

    margin: 0 auto;
    margin-top: -144px;
    position: relative;
    z-index: 1;
    padding-top: 80px;
}

.informationWrap::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: calc((100% - 1440px) / 2);
    content: "";
    position: absolute;
    background: #fff;
    z-index: -1;
}



#information .titleBox {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}

#information h2 {
    font-size: 68px;
    color: #707070;
    line-height: 91%;
}

#information .titleBox p {
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}

#information h3 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #707070;
}

#information .postItemBox {
    max-width: 871px;
    margin: 0 auto;
}

#information .postItemBox img {
    width: 100%;
    max-width: 222px;
    height: 116px;
    object-fit: cover;
}

#information .FlexBox {
    display: flex;
    column-gap: 50px;
    align-items: center;
}

#information .topNewsBox a,
#information .topBlogBox a,
#information .topCoverageBox a {
    padding-bottom: 28px;
    border-bottom: solid 1px rgba(112, 112, 112, 0.16);
    display: block;
    padding-top: 28px;
    transition: .5s;
}

#information .topNewsBox a:hover,
#information .topBlogBox a:hover,
#information .topCoverageBox a:hover {
    background: rgba(185, 158, 189, 0.19);
    padding: 28px 8px;
}

#information .FlexBox p {
    text-decoration: underline;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

#information .FlexBox .imgBox {
    width: 26%;
}

#information .FlexBox .textBox {
    width: 90%;
}

#information .cate {
    background: #B99EBD;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 0 18px;
    height: 20px;
    line-height: 20px;
}

#information .topNewsBox .cate {
    background: #B99EBD;
}

#information .topBlogBox .cate {
    background: #CB8E46;
}

#information .topCoverageBox .cate {
    background: #888978;
}





#information .day {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

#information .cateFlex {
    display: flex;
    align-content: center;
    column-gap: 18px;
    margin-bottom: 14px;
}

.othBtn {
    margin-bottom: 83px;
    margin-top: 28px;
}

.othBtn a {
    color: #707070;
    font-size: 15px;
    display: inline-block;
    position: relative;
    padding-right: 60px;
    transition: .4s;
}

.othBtn a:hover {
    color: #B99EBD;
}

.othBtn a::before {
    position: absolute;
    content: "";
    background: #B99EBD;
    bottom: 0;
    width: 0;
    height: 1px;
    opacity: 0;
    transition: .4s;
}

.othBtn a:hover::before {
    opacity: 1;
    width: 51%;
}

.othBtn a::after {
    position: absolute;
    content: "";
    background-image: /*savepage-url=../img/othBtn.svg*/ url();
    background-size: contain;
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    right: 0;
    top: -6px;
}

#instagram {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 45px;
    padding: 0 80px;
}

#instagram .titleBox {
    display: flex;
    align-items: center;
    column-gap: 31px;
}

#instagram .titleBox h2 {
    line-height: 42px;
    font-size: 37px;
    color: #707070;
}

#instagram .titleBox a {
    font-size: 12px;
    color: #B99EBD;
    font-weight: bold;
    text-decoration: underline;
    position: relative;
    padding-right: 17px;
}

#instagram .titleBox a::after {
    position: absolute;
    background-image: /*savepage-url=../img/tab.svg*/ url();
    content: "";
    width: 13px;
    height: 13px;
    top: -8px;
    right: 0;
}


#fbnrBox {
    background: #F9F9F9;
    padding: 53px 108px;
    margin-bottom: 48px;
}

.fbnrBoxWrap {
    display: flex;
}

.fbnrBoxWrap > a {
    width: 50%;
    position: relative;
    display: block;
}

.fbnrBoxWrap > a::after {
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    position: absolute;
}


.fbnrBoxWrap .textBox {
    position: absolute;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 1;
    color: #fff;
}

.fbnrBoxWrap .textBox p {
    font-size: 37px;
    margin-bottom: 4px;
}


.fbnrBoxWrap .textBox h2 {
    font-size: 14px;
    font-weight: bold;
}

#fbnrBox img {
    width: 100%;
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}

#fbnrBox a.scrollin img {
    transform: scale(1);
}

#fbnrBox a .imgBoxs {
    overflow: hidden;
}

#fbnrBox a.scrollin::before {
    opacity: 0;
    z-index: 2;
}

#fbnrBox a::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
}

#fbnrBox a:hover img {
    transform: scale(1.2);
}


.pagetopBox {
    text-align: center;
    display: block;
    margin-bottom: 32px;
}

.pagetopBox .vlineBox {
    width: 1px;
    height: 54px;
    background: #707070;
    margin: 0 auto;
    margin-bottom: 12px;
}

.pagetopBox p {
    color: #707070;
    font-size: 20px;
    font-weight: bold;
}

.fterLogo {
    text-align: center;
    margin-bottom: 50px;
}

.fterLogo img {
    width: 100%;
    max-width: 111px;
}

footer {
    background: #4D4D4D;
    color: #fff;
    padding: 95px 40px 4px 40px;
}

.footerInner {
    max-width: 850px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    position: relative;
    align-items: center;
}

.footerInner::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 145px;
    background: rgba(169, 170, 158, 0.18);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.footerInner dl {
    display: flex;
    font-size: 12px;
    font-weight: bold;
}

.footerInner dl dt {
    width: 72px;
}

small {
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: bold;
    opacity: .8;
}

.footerInner .TextBox p {
    font-size: 13px;
    margin-bottom: 11px;
    font-weight: bold;
}

.footerInner .ContactBox .Flex {
    display: flex;
    margin-bottom: 16px;
}

.footerInner .ContactBox .Flex p {
    font-size: 30px;
    font-weight: bold;
    padding-right: 60px;
    position: relative;
}

.footerInner .ContactBox .Flex p::after {
    position: absolute;
    height: 1px;
    width: 23px;
    content: "";
    background: #fff;
    right: 18px;
    top: 12px;
}

.footerInner .ContactBox a {
    display: block;
    background: rgba(185, 158, 189, 0.35);
    text-align: center;
    color: #fff;
    padding: 26px 46px 26px 95px;
    position: relative;
    transition: .4s;
}

.footerInner .ContactBox a:hover {
    background: #333;
}


.footerInner .ContactBox a div {
    position: relative;
}

.footerInner .ContactBox a div::after {
    background-image: /*savepage-url=../img/whiteMail.svg*/ var(--savepage-url-11);
    background-size: cover;
    height: 48px;
    width: 48px;
    content: "";
    position: absolute;
    left: -62px;
    top: -3px;
}


.footerInner .ContactBox a .des {
    font-size: 11px;
    opacity: .8;
    font-weight: bold;
    margin-top: -5px;
}

.ftrSns {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-bottom: 5px;
}

.ftrSns a {
    display: block;
}








.heroPara {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 494px;
    position: relative;
    margin-left: calc((100% - 1270px) / 2);
}



.infoparara {
    background-image: /*savepage-url=../img/hero02.png*/ url();
}

.fraparara {
    background-image: /*savepage-url=../img/fraparara.png*/ url();
}



.accessparara {
    background-image: /*savepage-url=../img/accessparara.png*/ url();
}

.Committedparara {
    background-image: /*savepage-url=../img/Committedparara.png*/ url();
}


.udHero .titleBox p {
    font-size: 39px;
}

.udHero .titleBox {
    display: flex;
    column-gap: 16px;
    align-items: baseline;
    max-width: 1270px;
    margin: 0 auto;
    margin-bottom: 26px;
    font-weight: bold;
    color: #707070;
}

.udHero .titleBox h2 {
    font-size: 12px;
}

.udHeroWrap {
    padding-top: 215px;
}

.udHero {
    position: relative;
    margin-bottom: 60px;
    padding-left: 80px;
}

.udHero::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 35%;
    content: "";
    background: #E6E4E1;
    z-index: -1;
}


/*==================================================
---form
====================================================*/
.form {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 80px;
    margin-bottom: 142px;
    position: relative;
    margin-top: 30px;
}

.form::after {
    position: absolute;
    content: "FORM";
    right: -439px;
    font-size: 155px;
    color: rgb(86 86 86 / 22%);
    font-weight: bold;
    transform: rotate(90deg);
    top: 28%;
    letter-spacing: .1em;
}

.formSchoolBox {
    width: 100%;
}

.formSchoolBox .inputBg {
    margin-bottom: 10px;
}


.form p {
    text-align: center;
    line-height: 28px;
    color: #333;
    margin-bottom: 45px;
    font-weight: bold;
}

.form_flexBox {
    display: flex;
    border-top: solid 1px #DFDFDF;
    padding-top: 34px;
    margin-bottom: 35px;
}

.form_flexBox_list {
    width: 529px;
    position: relative;
    font-weight: 500;
    padding-top: 17px;
    font-size: 15px;
}

.mandatory {
    position: absolute;
    right: 15px;
    color: #fff;
    top: 11px;
    font-size: 14px;
    background: #B99EBD;
    padding: 5px 10px;
}


.any {
    position: absolute;
    right: 15px;
    color: #fff;
    top: 11px;
    font-size: 14px;
    background: #8B8B8B;
    padding: 5px 10px;
}


.inputBg {
    width: 100%;
}

input {
    width: 100%;
    box-sizing: border-box;
    height: 56px;
    background: #f4f3f1;
    border: 1px solid #f4f3f1;
    padding: 0 15px;
}

textarea {
    width: 100%;
    box-sizing: border-box;
    background: #f4f3f1;
    padding: 5px 15px;
    border: 1px solid #e3e2df;
}

.privacypBox {
    text-align: center;
}

.form .privacyp {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 43px;
}

.form .privacyp a {
    color: #333;
}


.form .nmber {
    font-size: 25px;
    color: #011640;
}

.checkbox {
    display: flex;
    align-content: center;
    justify-content: center;
}

.checkbox input {
    width: 10%;
    height: 25px;
}

.checkbox p {
    width: 315px;
}

.form_contentBox {
    margin-bottom: 50px;
}

.submitBox {
    width: 60%;
    margin: 0 auto;
    display: flex;
}

.submitBox input {
    background: #fff;
    color: #B99EBD;
    border: solid 1px #B99EBD;
    font-size: 16px;
    height: 78px;
    letter-spacing: .1em;
    cursor: pointer;
    transition: .4s;
}

.submitBox input:hover {
    background: #B99EBD;
    color: #fff;
}

.mw_wp_form .error {
    font-size: 13px;
    margin-top: 8px;
}

.thanyouMail {
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 78px;
    padding: 0 25px;
    margin-top: 30px;
}

.thanyouMail h3 {
    font-size: 23px;
    margin-bottom: 25px;
    color: #B99EBD;
}

.thanyouMail p {
    line-height: 30px;
    color: #333;
}

.thanyouMail .blackBtn {
    margin: 0 auto;
    margin-top: 25px;
}

.thanyouMail .cmmnBtn {
    text-align: center;
    margin-top: 25px;
}

.mw_wp_form .error {
    font-size: 78% !important;
}

input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
}


select {
    width: 52%;
    box-sizing: border-box;
    height: 56px;
    background: #f4f3f1;
    border: 1px solid #f4f3f1;
    padding: 0 15px;
}


input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

.submitBox .button_back {
    background: #4a4a4a;
    border: solid 1px #d3d2d2;
    margin: 0 5px;
    color: #fff;
}

.mw_wp_form_preview .form_flexBox_list {
    padding-top: 0;
}

.mw_wp_form_preview .mandatory {
    top: -3px;
}

.mw_wp_form_preview .Any {
    top: -3px;
}

.mw_wp_form_preview .submitBox {
    width: auto;
    margin-bottom: 180px;
    margin-top: 80px;
}

#privacyPolicy {
    max-width: 1025px;
    margin: 0 auto;
    padding: 0 25px;
}

.birthBgBox {
    display: flex;
}

.birthBgBox > div {
    width: 50%;

}


.birthBgBox input {
    width: 90%;
}

.selectinner {
    position: relative;
}

.selectinner::after {
    position: absolute;
    position: absolute;
    content: "";
    background-image: /*savepage-url=../img/selectArrow.svg*/ url();
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 17px;
    top: 62%;
    left: 77%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.selectinnerEntry::after {
    left: 47%;
}

.selectinner span {
    position: absolute;
}

.birthBgBox select {
    width: 90%;
}

select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mw_wp_form_preview .privacypBox {
    display: none;
}

.mw_wp_form_preview .checkbox p {
    position: relative;
    -webkit-backface-visibility: hidden;
}

.mw_wp_form_preview .checkbox p::before {
    position: absolute;
    content: "";
    background-image: /*savepage-url=../img/privacypolicyCheck.png*/ url();
    background-size: contain;
    background-repeat: no-repeat;
    width: 43px;
    height: 42px;
    top: 50%;
    left: 13px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.privacyAge {
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
}

.inactive {
    color: #D8D8D8;
}

.radioiinput input {
    width: 6%;
    height: 22px;
    margin-bottom: 7px;
}

.documentinput label {
    display: flex;
    justify-content: left;
    margin-bottom: -16px !important;
}


.thanyouMail .commonBtn {
    text-align: center;
    margin-top: 20px;
}




.udCateCoverage {
    background: #888978 !important;
}

.udCateBlog {
    background: #CB8E46 !important;
}

.archiveCatWrap {
    display: flex;
    justify-content: space-between;
    max-width: 969px;
    margin: 0 auto;
    padding: 0 80px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 112px;
    align-items: center;
    padding-top: 30px;
}

.archiveCatWrap h3 {
    font-size: 24px;
    color: #707070;
}

.archiveCatWrap ul {
    list-style: none;
}

.archiveCatWrap ul a {
    display: block;
    padding: 19px 31px;
    transition: .4s;
    color: #B99EBD;
}

.archiveCatWrap ul a:hover {
    background: #E6E4E1;
    color: #707070;
}

.categoryListBox {
    line-height: 2;
    color: #7E2853;
    width: 100%;
    max-width: 298px;
    position: absolute;
    right: 80px;
    top: 0;
    background: #fff;
    z-index: 5;
}

.categoryListBox__summary {
    cursor: pointer;
    background: #B99EBD;
    border: 1px solid #B99EBD;
    margin: 20px 0 0;
    color: #fff;
    padding: 19px 31px;
    position: relative;
}

.categoryListBox__summary::after {
    position: absolute;
    content: "";
    right: 20px;
    background-image: /*savepage-url=../img/cateArrow.svg*/ url();
    width: 20px;
    height: 8px;
    background-size: contain;
    top: 31px;
    background-repeat: no-repeat;
}


.categoryListBox__summary:first-child {
    margin-top: 0;
}

.categoryListBox__content {
    display: none;
    border: 1px solid #B99EBD;
    border-top: none;
    margin: 0;
}


.archive_page_navi {
    text-align: center;
    font-size: 20px;
}


.archive_page_navi a {
    color: #707070;
    margin-right: 15px;
}

.archive_page_navi {
    color: #707070;
    margin-bottom: 163px;
}

.archive_page_navi .current {
    color: #B99EBD;
    margin-right: 15px;
}


#information.udinformation {
    margin-bottom: 67px;
}


#udpost {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 80px;
}

.topNewsList .time {
    display: flex;
    align-content: center;
    column-gap: 18px;
    margin-bottom: 14px;
}

.topNewsList .category {
    background: #B99EBD;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 0 18px;
    height: 20px;
    line-height: 20px;
}


.topNewsList .day {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

hr {
    margin: 2em 0;
}

.udPostTxtBox p {
    font-size: 15px;
    line-height: 34px;
    letter-spacing: .15em;
    margin-bottom: 25px;
}

h3 {
    font-size: 1.3em; /* 少し大きめにする */
    font-weight: bold;
  }
  

.udCateCoverage {
    background: #888978 !important;
}

.udCateBlog {
    background: #CB8E46 !important;
}

.topNewsList_time {
    font-size: 20px;
    font-weight: bold;
}

.pagenationBox {
    display: flex;
    justify-content: center;
    list-style: none;
    align-items: center;
    column-gap: 30px;
    margin-top: 40px;
    margin-bottom: 145px;
}

.pagenationBox a {
    color: #B99EBD;
    font-size: 18px;
    font-weight: bold;
}

.inactive {
    color: #D8D8D8;
    font-weight: bold;
}


#sbi_images {
    padding: 18px !important;
}

.mw_wp_form_complete {
    margin-bottom: 150px;
}

.thanyouMail .combtn {
    margin: 0 auto;
    margin-top: 30px;
}


#Product.udProduct .flex > div {
    margin-bottom: 62px;
}

.commitOp {
    padding: 100px 80px;
    margin-bottom: 100px;
}

.commitOp .Flex {
    display: flex;
    max-width: 990px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.commitOp .Flex img {
    width: 100%;
}

.commitOp .Flex .ImgBox {
    width: 54%;
    position: relative;
    padding-bottom: 180px;
}

.commitOp .Flex .ImgBox::after {
    position: absolute;
    content: "Beauty And Taste";
    font-size: 40px;
    color: rgba(112, 112, 112, 0.39);
    bottom: -11px;
    left: 0;
    letter-spacing: .12em;
    font-weight: bold;
}

.commitOp .Flex .textBox {
    width: 39%;
}

.commitOp01 img {
    max-width: 315px;
}

.commitOp02 img {
    max-width: 286px;
}

.commitOp02 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.comitListBox hr {
    margin: 129px auto;
    width: 100%;
    max-width: 900px;
}

.commitOp .Flex .textBox p {
    font-size: 12px;
    font-weight: bold;
    color: #707070;
}

.commitOp .Flex .textBox h3 {
    font-size: 22px;
    line-height: 40px;
    letter-spacing: .15em;
}

.comitListBox {
    background: #E6E4E1;
    padding: 140px 80px;
    margin-bottom: 86px;
}



.comitListBox .flex {
    display: flex;
    max-width: 1068px;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
}

.comitListBox .flex img {
    width: 100%;
    box-shadow: 0 0 22px 0px #33333314;
}

.comitListBox .flex .titleBox p {
    font-size: 12px;
    color: #707070;
    position: relative;
    z-index: 1;
    font-weight: bold;
    padding-left: 6px;
    margin-bottom: 4px;
}

.comitListBox .flex h3 {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.comitListBox .titleBox {
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.comitListBox .des {
    line-height: 30px;
    letter-spacing: .13em;
    font-weight: bold;
}

.comitListBox .titleBox::after {
    position: absolute;
    left: -28px;
    content: "01";
    font-size: 58px;
    color: rgba(255, 255, 255, 0.49);
    top: 17px;
    font-weight: bold;
}

.comitListBox .textBox2::after {
    content: "02";
}

.comitListBox .textBox3::after {
    content: "03";
}

.comitListBox .textBox4::after {
    content: "04";
}

.comitListBox .textBox5::after {
    content: "05";
}



.comitListBox .textBox {
    width: 40%;
}

.comitListBox .imgBox {
    width: 50%;
    overflow: hidden;
    position: relative;
}

.comitListBox .flex img {
    width: 100%;
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}


.comitListBox .imgBox.scrollin img {
    transform: scale(1);
}



.comitListBox .imgBox.scrollin::before {
    opacity: 0;
    z-index: 2;
}

.comitListBox .imgBox::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
}

.rowFlex {
    flex-direction: row-reverse;
}

.udaccessBox {
    padding: 0 80px;
    margin-bottom: 130px;
    margin-top: 180px;
}

.udaccessBox .flex {
    display: flex;
    max-width: 1087px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.udaccessBox .imgBox {
    width: 55%;
}

.udaccessBox .textBox {
    width: 40%;
}

.udaccessBox .udaccessBox01 img {
    width: 100%;
    margin-bottom: 8px;
}

.udaccessBox .imgBox a {
    margin-right: 5px;
    display: inline-block;
}


.udaccessBox .entitle {
    color: #707070;
    font-size: 15px;
}

.udaccessBox h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}

.udaccessBox .textBox img {
    margin-bottom: 23px;
}

.udaccessBox .des {
    font-size: 15px;
    letter-spacing: .15em;
    font-weight: bold;
    line-height: 28px;
}

.udaccessBox dt {
    width: 87px;
}

.udaccessBox .desBox {
    margin-bottom: 20px;
}


.udaccessBox dl {
    display: flex;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
}

.udaccessBox dl dd {
    letter-spacing: .15em;
    width: 80%;
    font-size: 14px;
}

.udaccessBox dl a {
    display: inline-block;
    color: #B99EBD;
    text-decoration: underline;
}

.googleMapBox {
    max-width: 1087px;
    padding: 0 80px;
    margin: 0 auto;
    margin-bottom: 150px;
}

.googleMapBox h3 {
    font-size: 27px;
    font-weight: bold;
    color: #707070;
    margin-bottom: 20px;
}

.googleMapBox .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50%;
}

.googleMapBox .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.googleMapBox .combtn {
    margin-top: 20px;
}




.udaccessBox01 img {
    width: 100%;
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}


.udaccessBox01.scrollin img {
    transform: scale(1);
}

.udaccessBox01 {
    overflow: hidden;
    position: relative;
}

.udaccessBox01.scrollin::before {
    opacity: 0;
    z-index: 2;
}

.udaccessBox01::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
}

.ftTime span {
    margin-top: -7px;
    display: block;
    color: #b3b3b3;
}

.fraop {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    margin-bottom: 40px;
}

.fraop h3 {
    font-size: 33px;
    color: #707070;
    margin-bottom: 30px;
    line-height: 44px;
    letter-spacing: .1em;
}

.fraop p {
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 30px;
}

.franori {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    margin-bottom: 60px;
}

.franori .en {
    font-size: 11px;
    color: #707070;
    margin-bottom: 10px;
}

.franori h2 {
    font-size: 24px;
    color: #B99EBD;
    margin-bottom: 23px;
    letter-spacing: .1em;
}

.franori .des {
    padding-left: 14px;
    border-left: solid 4px #B99EBD;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}





/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
    display: -ms-grid;
    overflow: hidden;
}

/*----------------------------*/

.d-demo__wrap {
    display: flex;
    overflow: hidden;
    margin-bottom: 113px;
}

.d-demo__list {
    display: flex;
    list-style: none;
}

.d-demo__list--left {
    animation: infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
    width: calc(100vw / 5);
    padding: 0 40px;
}

.d-demo__item > img {
    width: 100%;
}

.fraCtaBox {
    margin-bottom: 100px;
    padding: 0 40px;
}

.fraCtaBox a {
    display: block;
    background: #B99EBD;
    color: #fff;
    padding: 60px 20px;
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
    border: solid 2px;
    transition: .4s;

}

.fraCtaBox a:hover {
    background: #fff;
    color: #B99EBD;
}


.fraCtaBox a p {
    margin-bottom: 6px;
    font-size: 20px;
}

.fraCtaBox a h3 {
    font-size: 24px;
}

.franmeri .titleBox {
    text-align: center;
    margin-bottom: 60px;
}

.franmeri .titleBox p {
    color: #B99EBD;
    font-size: 20px;
    margin-bottom: 4px;
}

.franmeri .titleBox h3 {
    font-size: 24px;
    letter-spacing: .15em;
}

.franmeri .titleBox h3 span {
    font-size: 40px;
    display: inline-block;
    color: #B99EBD;
}

.franmeri .flex {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 40px;
}

.franmeri .flex > div {
    width: 46%;
    position: relative;
    margin-bottom: 70px;
}

.franmeri .flex img {
    width: 100%;
}

.franmeri .flex h4 {
    font-size: 20px;
    color: #B99EBD;
    margin: 20px 0 10px 0;
}

.franmeri .flex .des {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 30px;
}

.franmeri .flex .nmb {
    position: absolute;
    left: -48px;
    top: -9px;
    color: #B99EBD;
    z-index: 9;
    font-size: 52px;
    font-weight: 500;
}

.franmeri .flex .nmb span {
    font-size: 26px;
}

.franFlow {
    background: #E6E4E1;
    padding: 70px 0;
    margin-bottom: 116px;
}

.franFlow .titleBox {
    text-align: center;
    margin-bottom: 33px;
}

.franFlow .titleBox p {
    color: #B99EBD;
    font-size: 20px;
    margin-bottom: 4px;
}

.franFlow .titleBox h3 {
    font-size: 24px;
    letter-spacing: .15em;
}

.franFlowinnner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    overflow-y: hidden;
    padding-bottom: 20px;
}

.franFlowinnner .flex {
    display: flex;
    column-gap: 7px;
    min-width: 1071px;

}

.franFlowinnner .flex > div {
    background: #B99EBD;

    width: 100%;
}

.franFlowinnner .flex .en {
    color: #D8D8D8;
    font-size: 13px;
    text-align: center;
    margin-bottom: -5px;
}

.franFlowinnner .flex h4 {
    color: #fff;
    text-align: center;
    margin-bottom: 91px;
}

.franFlowinnner .flex h4 span {
    display: block;
    font-size: 10px;
    margin-top: -6px;
}

.franFlowinnner .flex .nmb {
    margin-bottom: 40px;
    padding: 24px 32px;
    color: #fff;
}

.Flowline {
    width: 100%;
    max-width: 746px;
    background: #B99EBD;
    height: 2px;
    margin: 0 auto;
    position: relative;
    margin-top: 48px;
}

.Flowline::after {
    position: absolute;
    background-image: /*savepage-url=../img/flowc.svg*/ url();
    left: 0;
    content: "";
    background-size: cover;
    width: 17px;
    height: 17px;
    top: -7px;
}

.Flowline::before {
    position: absolute;
    background-image: /*savepage-url=../img/flowarrow.svg*/ url();
    right: -2px;
    content: "";
    background-size: cover;
    width: 18px;
    height: 17px;
    top: -15px;
}







.franmeri .flex img {
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}


.franmeri .imgBox.scrollin img {
    transform: scale(1);
}

.franmeri .imgBox {
    position: relative;
    overflow: hidden;
}

.franmeri .imgBox.scrollin::before {
    opacity: 0;
    z-index: 2;
}

.franmeri .imgBox::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
}




.franContact .form::after {
    display: none;
}

.franContact .titleBox {
    text-align: center;
    margin-bottom: 33px;
}

.franContact .titleBox p {
    color: #B99EBD;
    font-size: 20px;
    margin-bottom: 4px;
}

.franContact .titleBox h3 {
    font-size: 24px;
    letter-spacing: .15em;
}


.form_flexBox.kibou {
    border-top: none;
    padding-top: 0;
    margin-top: -20px;
}

.kibouTitle .birthBgBox {
    opacity: 0;
}

.opere {
    display: block;
    margin-top: 10px;
}


#shoplist {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

#shoplist .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#shoplist .flex > div {
    width: 47%;
    margin-bottom: 76px;
}

#shoplist .flex .imgBox {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

#shoplist .flex .imgBox img {
    width: 100%;
    height: 305px;
    border-radius: 8px;
    object-fit: cover;
}

#shoplist .flex dl {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 15px;
}

#shoplist .flex dt {
    width: 97px;
}


#shoplist .shoptel {
    display: block;
    text-decoration: underline;
    color: #B99EBD;
    font-size: 15px;
}


#shoplist .flex dd {
    width: 77%;
}

#shoplist .flex h3 {
    font-size: 22px;
    color: #B99EBD;
    margin-bottom: 13px;
}

.shopsns a {
    display: inline-block;
    margin-right: 17px;
}


#shoplist .imgBox::before {
    background: #B99EBD;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transition: opacity .5s linear 0s;
    z-index: 2;
    border-radius: 8px;
}


#shoplist .imgBox.scrollin::before {
    opacity: 0;
}

#shoplist .imgBox.scrollin img {
    transform: scale(1);
}

#shoplist .flex img {
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: scale(1.2);
    vertical-align: bottom;
}



@media screen and (max-width:1600px) {
    .heroOpTextBox {
        left: 16vw;
    }

    .heroNews {
        left: 16vw;
    }
}


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

    .informationWrap::before {
        left: -51px;
    }

}



@media screen and (max-width:1360px) {
    #Product .flex {
    column-gap: 5%;
}
    
}



@media screen and (max-width:1350px) {
    #Origin .flex .imgBox::before {
        left: -56px;
    }

    .heroPara {
        margin-left: 0;
    }
}


@media screen and (max-width:1322px) {
    .pcHeader {
        display: none;
    }

    .spheader {
        display: block;
        position: relative;
        top: 0;
        position: fixed;
        z-index: 8;
    }

    .h_navContact {
        background: #B99EBD;
        color: #fff;
        padding: 0;
        padding: 30px 50px;
        padding-left: 80px;
        position: relative;
        transition: .4s;
        position: fixed;
        top: 0;
        right: 80px;
        z-index: 999;
    }
 .h_navContact::after {
        background-image: /*savepage-url=../img/whiteMail.svg*/ var(--savepage-url-11);
        position: absolute;
        content: "";
        height: 48px;
        width: 48px;
        left: 18px;
        top: 18px;
        background-size: contain;
        z-index: 5;
    }

    .menu_box {
        height: 85px;
        background: #fff;
    }

    .menu {
        right: 22px;
        top: 33px;
    }
}




@media screen and (max-width:1250px) {
    #Origin .flex .imgBox {
        width: 100%;
    }

    #Origin .flex .des {
        font-size: 14px;
    }

    #Origin .flex .des br {
        display: none;
    }

}

@media screen and (max-width:1200px) {
    .headerSnsBox {
        left: 28px;
    }

    .commitOp .Flex .textBox h3 {
        font-size: 18px;
        letter-spacing: .15em;
    }

    .parara {
        height: 511px;
    }

    .hero .swiper-pagination {
        bottom: 107px;
    }
}

@media screen and (max-width:1135px) {
    .pcHeader {
        display: none;
    }

   

    .headerLogo {
        z-index: 998;
    }

   

}



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

    #shoplist .flex .imgBox img {
        height: 24vw;
    }
}



@media screen and (max-width:995px) {
    .commitOp .Flex .textBox {
        width: 41%;
    }

    .commitOp .Flex .ImgBox::after {
        font-size: 28px;
    }

    .fraop h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .franmeri .flex .nmb {
        position: absolute;
        left: -28px;
        top: -11px;
        color: #B99EBD;
        font-size: 42px;
        font-weight: 500;
    }

    .fraop p br {
        display: none;
    }

    .d-demo__item {
        width: calc(100vw / 3);
        padding: 0 30px;
    }
}


@media screen and (max-width:980px) {
    
    #Product .flex {
    column-gap: 3%;
}
}


@media screen and (max-width:975px) {
    .headerLogo img {
        max-width: 72px;
    }

    #sbi_images {
        padding: 10px !important;
    }

    .udHeroWrap {
        padding-top: 161px;
    }

    .heroPara {
        height: 381px;
    }

    #Origin .flex h2 {
        margin-bottom: 20px;
    }

    #Product .flex > div {
        width: 31%;
    }

    #information h2 {
        font-size: 52px;
    }

    .pcHeader ul a {
        font-size: 13px;
    }
}




@media screen and (max-width:940px) {
    .commitOp .Flex .textBox h3 {
        font-size: 15px;
        line-height: 32px;
    }
}




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


    .comitListBox .des {
        font-size: 15px;
    }
}




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

    .form_flexBox {
        display: block;
    }

    .kibouTitle {
        margin-bottom: -68px;
    }

    .mw_wp_form_preview .kibouTitle {
        margin-bottom: 17px;
    }

    .mw_wp_form_preview .form_flexBox.kibou {
        margin-top: -3px;
    }


    .form_flexBox_list {
        margin-bottom: 16px;
    }

    .inputBg {
        padding: 0;
    }

    .form_flexBox_list {
        width: auto;
        font-size: 14px;
    }

    .mandatory {
        font-size: 12px;
    }

    .any {
        font-size: 12px;
    }
}




@media screen and (max-width:800px) {
    .headerSnsBox {
        display: none;
    }

    #Product .des {
        line-height: 27px;
        font-size: 14px;
        margin-bottom: 34px;
        padding: 0 40px;
    }

    .googleMapBox {
        padding: 0 40px;
    }

    .udaccessBox .flex {
        display: block;
    }

    .udaccessBox .imgBox {
        width: auto;
    }

    .udaccessBox .textBox {
        width: auto;
        margin-bottom: 25px;
    }

    .udaccessBox {
        padding: 0 40px;
        margin-bottom: 130px;
        margin-top: 100px;
    }

    .comitListBox .flex .titleBox p {
        padding-left: 4px;
        margin-bottom: -3px;
    }

    .comitListBox {
        padding: 140px 40px;
        margin-bottom: 86px;
    }

    .comitListBox .flex h3 {
        font-size: 21px;
    }

    .commitOp {
        padding: 50px 40px;
    }

    .comitListBox .titleBox {
        margin-bottom: 10px;
    }

    #udpost {
        padding: 0 40px;
    }

    .form {
        padding: 0 40px;
    }

    .categoryListBox {
        right: 40px;
    }

    .udHero {
        padding-left: 40px;
    }

    .archiveCatWrap {
        padding: 0 40px;
        padding-top: 30px;
    }

    .heroNews {
        left: 8vw;
    }

    #instagram {
        padding: 0 40px;
    }

    .footerInner .ContactBox a div {
        display: inline-block;
    }

    #Product .des br {
        display: none
    }

    #Origin .flex img {
        max-width: none;
    }

    #Product .flex {
        display: block;
        padding: 0 40px;
    }

    #Origin .flex .imgBox::before {
        font-size: 55px;
        bottom: -12px;
        left: -22px;
    }

    #information {
        padding: 0 40px;
    }

    #Origin {
        margin-bottom: 56px;
    }

    #Origin .flex .imgBox {
        margin-top: 60px;
    }

    .informationWrap {
        margin-top: -102px;
        padding-top: 41px;
    }

    .informationWrap::before {
        left: -24px;
    }

    #Product .subTitle {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .parara {
        height: 332px;
        margin-right: 6%;
    }

    #Product .flex > div {
        width: auto;
        margin-bottom: 60px;
    }

    #Origin .flex {
        display: block;
    }

    #Origin .OriginWrap {
        padding: 0 40px;
    }

    #fbnrBox a.scrollin img {
        height: 32vw;
        object-fit: cover;
    }

    #Origin {
        padding-top: 26px;
        padding-bottom: 101px;
        margin-bottom: 100px;
    }

    #fbnrBox {
        padding: 39px 40px;
    }

    .informationWrap::before {
        right: -19px;
    }

    .footerInner {
        display: block;
    }

    .footerInner::after {
        display: none;
    }

    .footerInner .TextBox {
        margin-bottom: 57px;
    }

    .hero {
        padding-left: 25px;
    }

    .hero::after {
        left: 25px;
    }

    .heroOpTextBox h1 {
        font-size: 18px;
    }

    .heroOpTextBox {
        left: 8vw;
    }

    .heroOpTextBox .des {
        font-size: 13px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .heroOpTextBox {
        bottom: 40%;
    }

}


@media screen and (max-width:768px) {
    .franFlowinnner .flex {
        display: block;
        min-width: auto;
        padding-left: 39px;
        position: relative;
    }

    #shoplist .flex .imgBox img {
        height: 54vw;
    }

    #shoplist .flex {
        display: block;
    }

    #shoplist {
        padding: 0 25px;
    }

    #shoplist .flex > div {
        width: auto;
        margin-bottom: 50px;
    }

    .googleMapBox {
        margin-bottom: 71px;
    }

    .Flowline {
        display: none;
    }

    .franFlowinnner .flex h4 {
        padding-bottom: 30px;
        margin-bottom: 6px;
    }

    .franFlowinnner .flex > div {
        position: relative;
    }

    .franFlowinnner .flex::after {
        position: absolute;
        background-image: /*savepage-url=../img/flowc.svg*/ url();
        left: -10px;
        content: "";
        background-size: cover;
        width: 17px;
        height: 17px;
        top: -8px;
    }

    .franFlowinnner .flex > div ::after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 2px;
        height: 106%;
        background: #B99EBD;
        bottom: 0px;
        left: -42px;
    }

    .franFlowinnner .flex::before {
        position: absolute;
        background-image: /*savepage-url=../img/spflow.svg*/ url();
        left: -2px;
        content: "";
        background-size: cover;
        width: 18px;
        height: 18px;
        bottom: 0;
    }

    .franFlowinnner .flex .nmb {
        margin-bottom: -84px;
        padding: 41px 32px;
    }

    .franmeri .flex {
        display: block;
    }

    .franmeri .flex > div {
        width: 100%;
        margin-bottom: 50px;
    }

    .fraop h3 {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .fraop p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .d-demo__item {
        padding: 0 15px;
    }

    .fraCtaBox a h3 {
        font-size: 19px;
    }

    .fraCtaBox a {
        padding: 41px 20px;
    }

    .d-demo__wrap {
        margin-bottom: 53px;
    }

    .fraCtaBox {
        margin-bottom: 44px;
    }
}




@media screen and (max-width:750px) {
    .commitOp .Flex {
        display: block;
    }

    .commitOp .Flex .textBox {
        width: auto;
        margin-bottom: 30px;
    }

    .commitOp .Flex .ImgBox {
        width: auto;
    }

    .commitOp01 img {
        max-width: 374px;
    }

    .commitOp02 img {
        max-width: 329px;
    }

    .commitOp .Flex img {
        width: 50vw;
    }
}





@media screen and (max-width:700px) {
    #Product h2 {
        font-size: 32px;
    }

    .franFlow {
        margin-bottom: 36px;
    }

    .comitListBox .flex {
        display: block;
    }

    .googleMapBox .map {
        padding-top: 68%;
    }

    #information .postItemBox img {
        height: 96px;
    }

    .comitListBox .textBox {
        width: auto;
    }

    .comitListBox .textBox {
        margin-bottom: 25px;
    }

    .comitListBox .titleBox::after {
        left: -16px;
        font-size: 42px;
    }

    .comitListBox {
        padding: 78px 40px;
    }

    .comitListBox hr {
        margin: 66px auto;
        width: 86%;
    }

    .comitListBox .imgBox {
        width: auto;
    }

    .fbnrBoxWrap .textBox h2 {
        font-size: 12px;
    }

    .fbnrBoxWrap .textBox p {
        font-size: 26px;
        margin-bottom: -2px;
    }

    #instagram .titleBox h2 {
        font-size: 35px;
    }

    #information h2 {
        font-size: 32px;
    }

    #information .titleBox p {
        font-size: 11px;
    }

    #information .titleBox {
        margin-bottom: 39px;
    }

}



@media screen and (max-width:600px) {
    #Origin .OriginWrap {
        padding: 0 30px;
    }

    .franori h2 {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .franori .des {
        font-size: 14px;
    }

    #shoplist .flex dl {
        font-size: 13px;
    }

    .franori .des br {
        display: none;
    }

    #shoplist .flex h3 {
        font-size: 17px;
    }

    .franori .en {
        margin-bottom: 4px;
    }

    #udpost {
        padding: 0 30px;
    }

    #instagram .titleBox h2 {
        font-size: 27px;
    }

    .archive_page_navi {
        margin-bottom: 87px;
    }

    .pagenationBox {
        margin-bottom: 74px;
    }

    .archiveCatWrap {
        margin-bottom: 38px;
    }

    .categoryListBox__summary::after {
        top: 26px;
    }

    .topNewsList_time {
        font-size: 15px;
    }

    .udPostTxtBox p {
        font-size: 13px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .archiveCatWrap h3 {
        font-size: 19px;
    }

    .archiveCatWrap {
        padding-top: 19px;
    }

    .categoryListBox__summary {
        padding: 14px 31px;
    }

    .categoryListBox__summary {
        font-size: 14px;
    }

    .archiveCatWrap ul a {
        padding: 14px 31px;
        font-size: 14px;
    }

    .form {
        padding: 0 30px;
    }

    .categoryListBox {
        max-width: 210px;
    }

    .udHero {
        padding-left: 40px;
    }

    .heroOpTextBox h1 br {
        display: block;
    }

    .udHero .titleBox h2 {
        font-size: 12px;
    }

    .udHeroWrap {
        padding-top: 100px;
    }

    #Product .flex {
        padding: 0 30px;
    }

    .hero .heroOpTextBox h1 {
        font-size: 21px;
        line-height: 33px;
    }

    #Product .des {
        padding: 0 30px;
    }

    #instagram {
        padding: 0 30px;
    }

    #information .FlexBox .imgBox {
        width: 39%;
    }

    #information .FlexBox p {
        font-size: 12px;
    }

    .h_navContact {
        padding: 24px 31px;
        padding-left: 80px;
    }

    #information .FlexBox {
        column-gap: 18px;
    }

    #fbnrBox {
        padding: 28px 15px;
    }

    .menu_box {
        height: 73px;
    }

    .h_navContact {
        font-size: 13px;
    }

    .h_navContact::after {
        height: 42px;
        width: 42px;
        left: 21px;
        top: 15px;
    }

    .menu {
        top: 28px;
    }

    .headerLogo {
        top: 8px;
        left: 16px;
    }

    .headerLogo img {
        max-width: 65px;
    }

    #Origin {
        padding-bottom: 77px;
        margin-bottom: 38px;
    }

    footer {
        padding: 55px 30px 4px 30px;
    }

    .parara {
        background-attachment: scroll;
        height: 241px;
    }

    .footerInner .TextBox p {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footerInner dl {
        font-size: 11px;
    }

    .footerInner .ContactBox .Flex p {
        font-size: 24px;
        padding-right: 52px;
    }

    .footerInner .ContactBox .Flex h2 {
        font-size: 13px;
    }

    .footerInner .ContactBox a .des {
        font-size: 10px;
    }

    .fterLogo img {
        max-width: 85px;
    }

    .footerInner .ContactBox a {
        padding: 26px 40px 26px 77px;
    }

    .fraop h3 {
        font-size: 18px;
        line-height: 33px;
    }

    .franFlow {
        padding: 31px 0;
    }

    .footerInner {
        margin-bottom: 45px;
    }

    .pagetopBox {
        margin-bottom: 14px;
    }

    small {
        transform: scale(0.8);
        transform-origin: 0, 0;
    }

    #fbnrBox {
        margin-bottom: 36px;
    }

    .footerInner .ContactBox .Flex p::after {
        right: 16px;
    }

    .footerInner .TextBox {
        margin-bottom: 44px;
    }

    .fterLogo {
        margin-bottom: 29px;
    }

   .gnav::before {
    height: 181px;
    width: 78%;
    bottom: 48px;
}

    .gnav::after {
        bottom: 25%;
    }

    .gnav__menu {
        top: 38%;
         left: 33%;
    }

    .gnav__menu__item a {
        font-size: 15px;
        padding: 9px 0;
    }

    #Product {
        margin-bottom: 49px;
    }

    #Origin .flex h2 {
        font-size: 15px;
    }

    .heroNews a {
        padding: 27px 41px;
        padding-left: 25px;
    }

    .heroNews {
        bottom: -32px;
    }

    .heroNewsFlex {
        column-gap: 27px;
    }

    .heroOpTextBox {
        bottom: 33%;
    }

    .heroNews .postTitle {
        font-size: 13px;
    }

    .hero .swiper-pagination {
        right: 1%;
    }

    .hero .swiper-pagination {
        bottom: 60px;
    }

    .udHero .titleBox {
        margin-bottom: 9px;
    }

    #information .cateFlex {
        column-gap: 16px;
        margin-bottom: 6px;
    }

    .heroPara {
        background-attachment: scroll;
    }

    .heroPara {
        height: 173px;
    }

    .udHero .titleBox p {
        font-size: 31px;
    }
}



@media screen and (max-width:500px) {
    .hero {
        padding-left: 15px;
    }

    .fraop {
        padding: 0 30px;
    }

    .franori {
        padding: 0 30px;
    }

    #Product.udProduct .flex > div {
        margin-bottom: 32px;
    }

    .heroOpTextBox .des {
        font-size: 11px;
        line-height: 24px;
    }

    .fraCtaBox {
        padding: 0 30px;
    }

    .hero::after {
        left: 15px;
    }

    .franmeri .flex {
        padding: 0 30px;
        padding-left: 40px;
    }

    .fraCtaBox a p {
        margin-bottom: 0;
    }

    .franmeri .flex h4 {
        font-size: 17px;
        line-height: 25px;
        margin: 11px 0 5px 0;
    }

    .franmeri .flex .des br {
        display: none;
    }

    .franmeri .flex .des {
        font-size: 14px;
    }

    .franmeri .flex .nmb {
        font-size: 33px;
    }

    .franmeri .flex .nmb span {
        font-size: 21px;
    }

    .fraop {
        margin-bottom: 19px;
    }

    .d-demo__wrap {
        margin-bottom: 36px;
    }

    .fraCtaBox {
        margin-bottom: 20px;
    }

    .franFlowinnner {
        padding: 0 30px;
    }

    .fraCtaBox a {
        padding: 29px 16px;
    }

    .fraCtaBox a h3 {
        font-size: 16px;
    }

    .fraop p {
        margin-bottom: 16px;
        line-height: 27px;
    }

    #fbnrBox a.scrollin img {
        height: 107px;
    }

    #Origin .flex .des {
        margin-bottom: 20px;
    }

    #Product .des {
        font-size: 13px;
    }

    #information .topNewsBox a,
    #information .topBlogBox a,
    #information .topCoverageBox a {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .othBtn {
        margin-top: 28px;
    }

    #Product .flex {
        margin-bottom: 52px;
    }

    .hero {
        margin-bottom: 62px;
    }

    #Origin .flex .des {
        font-size: 13px;
    }

    #Origin .flex h3 {
        font-size: 10px;
        margin-bottom: -4px;
    }

    .udHero .titleBox p {
        font-size: 24px;
    }

    .form p {
        font-size: 13px;
    }

    .topNewsList_time {
        font-size: 16px;
    }

    .form p br {
        display: none;
    }

    .submitBox input {
        font-size: 15px;
        height: 67px;
    }

    .udHero .titleBox h2 {
        font-size: 10px;
    }

    .thanyouMail p {
        font-size: 13px;
    }

    .thanyouMail {
        margin-bottom: 20px;
    }

    .form p {
        margin-bottom: 22px;
    }

    .form .privacyp {
        font-size: 12px;
        margin-bottom: 21px;
    }

    .form_contentBox {
        margin-bottom: -12px;
    }

    textarea {
        padding: 11px 15px;
    }

    .udHero {
        margin-bottom: 35px;
    }

    #information .postItemBox img {
        height: 57px;
    }

    #information .FlexBox .textBox {
        width: 58%;
    }

    .othBtn {
        margin-bottom: 52px;
    }

    .othBtn a::after {
        top: -9px;
    }

    #information {
        padding: 0 30px;
    }

    .archiveCatWrap {
        padding: 0 30px;
        padding-top: 19px;
    }

    .udHero {
        padding-left: 30px;
    }

    .form {
        margin-bottom: 51px;
    }

    .mw_wp_form_preview .inputBg {
        font-size: 13px;
    }

    .mw_wp_form_preview .form_flexBox_list {
        margin-bottom: 5px;
    }

    .categoryListBox {
        max-width: 185px;
        right: 30px;
    }

    .mw_wp_form_preview .submitBox {
        margin-bottom: 49px;
        margin-top: 59px;
    }

    #sbi_images {
        padding: 2px !important;
    }

    #instagram {
        margin-bottom: 21px;
    }

    #instagram .titleBox {
        margin-bottom: 10px;
    }

    #instagram .titleBox {
        padding: 0 3px;
    }

    .mw_wp_form_complete {
        margin-bottom: 67px;
    }

    .thanyouMail h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .footerInner .TextBox p {
        font-size: 11px;
    }

    .informationWrap::before {
        left: -18px;
    }

    .commitOp .Flex .ImgBox {
        padding-bottom: 120px;
    }



    .commitOp .Flex .ImgBox::after {
        font-size: 23px;
    }

    .comitListBox .textBox {
        margin-bottom: 17px;
    }

    .commitOp .Flex .textBox {
        margin-bottom: 18px;
    }

    .comitListBox hr {
        margin: 39px auto;
    }

    .commitOp {
        margin-bottom: 17px;
    }

    .comitListBox .flex .titleBox p {
        font-size: 11px;
    }

    .comitListBox .flex h3 {
        font-size: 18px;
    }

    .comitListBox {
        padding: 78px 30px;
    }

    .comitListBox .des {
        font-size: 14px;
    }

    .udaccessBox dl {
        font-size: 14px;
    }

    .udaccessBox dl dd {
        font-size: 13px;
    }

    .udaccessBox h3 {
        font-size: 19px;
        margin-bottom: 16px;
    }

    .udaccessBox {
        margin-bottom: 39px;
        margin-top: 45px;
    }

    .googleMapBox {
        padding: 0 30px;
    }

    .udaccessBox .des {
        font-size: 14px;
        line-height: 27px;
    }

    .udaccessBox {
        padding: 0 30px;
    }

    .commitOp .Flex .textBox p {
        font-size: 10px;
    }

    .commitOp {
        padding: 50px 30px;
    }

    .commitOp {
        padding-top: 11px;
    }

    .franori h2 {
        font-size: 16px;
    }

    .franori .des {
        border-left: solid 3px #B99EBD;
    }

    .googleMapBox h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .googleMapBox {
        margin-bottom: 53px;
    }

    .comitListBox {
        padding: 32px 30px;
    }

    .googleMapBox .map {
        padding-top: 87%;
    }

    #Product .des {
        margin-bottom: 20px;
    }

    .franmeri .titleBox h3 {
        font-size: 18px;
    }

    .udPostTxtBox p br {
        display: none;
    }

    .franmeri .titleBox h3 span {
        font-size: 35px;
    }

    .franmeri .titleBox {
        text-align: center;
        margin-bottom: 32px;
    }

    .comitListBox {
        margin-bottom: 31px;
    }

    .franFlow .titleBox h3 {
        font-size: 18px;
    }

    .footerInner dl dt {
        width: 63px;
    }

    .franContact .titleBox p {
        font-size: 14px;
        margin-bottom: -1px;
    }

    .franContact .titleBox h3 {
        font-size: 18px;
    }

    .franFlow .titleBox p {
        font-size: 14px;
        margin-bottom: -2px;
    }

    .franmeri .titleBox p {
        font-size: 14px;
        margin-bottom: -2px;
    }

    .form_flexBox.kibou {
        margin-top: -34px;
    }

    .kibou .form_flexBox_list {
        margin-bottom: 6px;
    }


}

/*! Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac *//*! Type: YakuHanJPs_Noto - Based on Noto Sans CJK JP */@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:100;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Thin.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Thin.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Thin.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:300;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Light.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Light.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Light.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:400;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Regular.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Regular.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:500;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Medium.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Medium.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Medium.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:700;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Bold.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Bold.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Bold.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:"YakuHanJPs_Noto";font-style:normal;font-weight:900;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Black.eot*/url();src:/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Black.woff2*/url() format("woff2"),/*savepage-url=../fonts/YakuHanJPs/YakuHanJPs-Black.woff*/url() format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}

  /*!rtl:begin:ignore*/direction:ltr;
  /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__media{align-self:end}.wp-block-media-text>.wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1;
  /*!rtl:end:ignore*/margin:0}.wp-block-media-text>.wp-block-media-text__content{direction:ltr;
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1;
  /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}


:root {
    --savepage-url-11: url('images/newIcon.png');
  }