@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

:root {
    --swiper-theme-color: #007aff
}

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

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

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

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

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

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

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

.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-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
}

.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 {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

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

.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 {
    height: var(--swiper-virtual-size);
    width: 1px
}

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

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

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

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

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

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

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

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

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

.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: 10px;
    left: 0;
    width: 100%
}

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.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 {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

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

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

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

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

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

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

.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: transform .2s, top .2s
}

.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)
}

.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: transform .2s, left .2s
}

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

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

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

.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 {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.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 {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: #0000001a;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

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

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

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

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

.swiper-fade .swiper-slide {
    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 {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.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 {
    backface-visibility: hidden;
    z-index: 0
}

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

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

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    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 {
    backface-visibility: hidden;
    z-index: 0
}

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

.swiper-cards {
    overflow: visible
}

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

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    width: auto;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: 7px;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity .2s linear .5s
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    bottom: 0;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 0;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    height: 200%;
    margin: 10px 0;
    width: 200%
}

.simplebar-hide-scrollbar {
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden;
    -ms-overflow-style: none
}

@media(prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

body {
    margin: 0
}

#best5spe {
    background: #fff;
    color: #333;
    font-display: swap;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(0px, 3.7333333333vw, 28px);
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    word-wrap: break-word;
    font-feature-settings: "palt"
}

#best5spe html {
    background: #fff;
    color: #000
}

#best5spe blockquote,
#best5spe body,
#best5spe code,
#best5spe dd,
#best5spe div,
#best5spe dl,
#best5spe dt,
#best5spe fieldset,
#best5spe figcaption,
#best5spe figure,
#best5spe form,
#best5spe h1,
#best5spe h2,
#best5spe h3,
#best5spe h4,
#best5spe h5,
#best5spe h6,
#best5spe input,
#best5spe legend,
#best5spe li,
#best5spe ol,
#best5spe p,
#best5spe pre,
#best5spe td,
#best5spe textarea,
#best5spe th,
#best5spe ul {
    margin: 0;
    padding: 0
}

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

#best5spe fieldset,
#best5spe img {
    border: 0
}

#best5spe caption,
#best5spe th {
    text-align: left
}

#best5spe h1,
#best5spe h2,
#best5spe h3,
#best5spe h4,
#best5spe h5,
#best5spe h6 {
    font-size: 100%
}

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

#best5spe caption {
    text-align: left
}

#best5spe img {
    vertical-align: top
}

#best5spe html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

#best5spe main {
    display: block
}

#best5spe abbr,
#best5spe acronym {
    border: 0;
    font-variant: normal
}

#best5spe input,
#best5spe select,
#best5spe textarea {
    font-family: inherit;
    font-size: inherit;
    font-size: 100%;
    font-weight: inherit
}

#best5spe button,
#best5spe input,
#best5spe select,
#best5spe textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%
}

#best5spe input[type=checkbox],
#best5spe input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

#best5spe input[type=button],
#best5spe input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0
}

#best5spe textarea {
    overflow: auto;
    vertical-align: top
}

#best5spe li {
    list-style: none
}

#best5spe em,
#best5spe i {
    font-style: normal
}

#best5spe em {
    font-weight: unset
}

#best5spe button,
#best5spe input,
#best5spe textarea {
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 100%
}

#best5spe select {
    appearance: none;
    background: #0000;
    border-radius: 0;
    margin: 0;
    padding: 0
}

#best5spe * {
    box-sizing: border-box
}

#best5spe .container {
    position: relative;
    margin: 0 auto;
    max-width: 750px;
    width: 100%
}

@media screen and (min-width:751px) {
    #best5spe .container {
        box-shadow: 0 0 20px #0003
    }
}

#best5spe .inner {
    margin: 0 auto;
    max-width: clamp(0px, 84.5333333333vw, 634px)
}

#best5spe h1,
#best5spe h2,
#best5spe h3,
#best5spe h4,
#best5spe h5 {
    font-weight: 500;
    line-height: 100%
}

#best5spe h1 img,
#best5spe h2 img,
#best5spe h3 img,
#best5spe h4 img,
#best5spe h5 img {
    display: block;
    margin: auto
}

#best5spe p {
    line-height: 1.5
}

#best5spe .s {
    display: inline-block;
    transform: scaleX(.85);
    transform-origin: top left;
    white-space: nowrap
}

#best5spe a {
    color: #333;
    text-decoration: none;
    transition: all .3s
}

#best5spe picture {
    display: block
}

#best5spe img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%
}

#best5spe #lineup {
    padding-bottom: clamp(0px, 11.3333333333vw, 85px)
}

#best5spe #lineup h2 {
    margin-inline: auto;
    margin-top: clamp(0px, 12.5333333333vw, 94px);
    width: clamp(0px, 81.6vw, 612px)
}

#best5spe #lineup .lineup-slider {
    margin-top: clamp(0px, 6vw, 45px);
    padding-inline: clamp(0px, 8vw, 60px)
}

#best5spe #lineup .lineup-slider .swiper-slide {
    border-right: 2px dotted #947a28;
    letter-spacing: 0;
    padding-inline: clamp(0px, 1.8666666667vw, 14px);
    width: clamp(0px, 42.6666666667vw, 320px)
}

#best5spe #lineup .lineup-slider .swiper-slide:last-child {
    border: none
}

#best5spe #lineup .lineup-slider .swiper-slide .txt-wrap {
    padding-left: clamp(0px, 1.6vw, 12px);
    padding-top: clamp(0px, 3.4666666667vw, 26px)
}

#best5spe #lineup .lineup-slider .swiper-slide .check-list li {
    align-items: center;
    display: flex;
    font-size: clamp(0px, 2.4vw, 18px);
    gap: clamp(0px, .6666666667vw, 5px)
}

#best5spe #lineup .lineup-slider .swiper-slide .check-list li:before {
    background: no-repeat 50%/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.16%2014.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%238ed5e3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.86%2C14.34c-.27%2C0-.53-.11-.72-.3L.3%2C10.2c-.4-.4-.4-1.04%2C0-1.43.4-.4%2C1.04-.4%2C1.43%2C0l3.07%2C3.07L14.37.36c.36-.43%2C1-.49%2C1.43-.13.43.36.49%2C1%2C.13%2C1.43L5.64%2C13.98c-.18.22-.45.35-.73.36-.02%2C0-.03%2C0-.05%2C0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    flex-shrink: 0;
    height: clamp(0px, 2vw, 15px);
    width: clamp(0px, 2.1333333333vw, 16px)
}

#best5spe #lineup .lineup-slider .swiper-slide .check-list li+li {
    margin-top: clamp(0px, 1.0666666667vw, 8px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail {
    margin-top: clamp(0px, 3.3333333333vw, 25px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .image {
    width: clamp(0px, 34vw, 255px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .name {
    font-size: clamp(0px, 3.3333333333vw, 25px);
    line-height: 1.32;
    margin-top: clamp(0px, 1.3333333333vw, 10px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .num {
    font-size: clamp(0px, 2.9333333333vw, 22px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .price {
    align-items: baseline;
    display: flex;
    white-space: nowrap
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .price em {
    font-size: clamp(0px, 5.3333333333vw, 40px);
    font-weight: 800;
    letter-spacing: -.02em
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .price .tax {
    font-size: clamp(0px, 2.9333333333vw, 22px);
    letter-spacing: 0;
    margin-left: clamp(0px, .6666666667vw, 5px)
}

#best5spe #lineup .lineup-slider .swiper-slide .item-detail .price .tax em {
    font-size: unset
}

#best5spe #lineup .lineup-slider .swiper-slide .btn-detail {
    border: 1px solid #947a28;
    border-radius: clamp(0px, .6666666667vw, 5px);
    font-size: clamp(0px, 2.9333333333vw, 22px);
    margin-top: clamp(0px, 1.0666666667vw, 8px);
    padding: clamp(0px, .8vw, 6px);
    text-align: center;
    width: clamp(0px, 35.3333333333vw, 265px)
}

#best5spe #lineup .lineup-slider .swiper-scrollbar {
    background: #fff;
    border-radius: 0;
    box-shadow: inset 0 0 10px #0003;
    height: clamp(0px, 2.1333333333vw, 16px);
    margin-inline: auto;
    margin-top: clamp(0px, 4.6666666667vw, 35px);
    padding: clamp(0px, .6666666667vw, 5px) 0;
    position: static;
    width: clamp(0px, 84.5333333333vw, 634px)
}

#best5spe #lineup .lineup-slider .swiper-scrollbar .swiper-scrollbar-drag {
    background: #b3b3b3;
    border-radius: 0
}

#best5spe .block-reason {
    background: #fdeef0;
    padding-block: clamp(0px, 16vw, 120px) clamp(0px, 10.6666666667vw, 80px)
}

#best5spe .block-reason h3 {
    margin-inline: auto;
    margin-bottom: clamp(0px, 4.2666666667vw, 32px);
    width: clamp(0px, 29.7333333333vw, 223px)
}

#best5spe .block-reason .reason-wrap {
    background: #fff;
    border-radius: clamp(0px, 4vw, 30px);
    padding-block: clamp(0px, 7.3333333333vw, 55px);
    text-align: center
}

#best5spe .block-reason .reason-wrap+.reason-wrap {
    margin-top: clamp(0px, 10vw, 75px)
}

#best5spe .block-reason [class*=cont]+[class*=cont] {
    margin-top: clamp(0px, 7.3333333333vw, 55px)
}

#best5spe .block-reason .ttl-reason {
    color: #e9536a;
    font-size: clamp(0px, 6vw, 45px);
    letter-spacing: 0;
    line-height: 1.3333333333;
    margin-bottom: clamp(0px, 5.3333333333vw, 40px)
}

#best5spe .block-reason .ttl-reason span {
    color: #333;
    display: block;
    font-size: clamp(0px, 4.8vw, 36px)
}

#best5spe .block-reason h5 {
    color: #e9536a;
    font-size: clamp(0px, 5.0666666667vw, 38px);
    letter-spacing: 0;
    line-height: 1.2105263158;
    margin-bottom: clamp(0px, 2.6666666667vw, 20px)
}

#best5spe .block-reason h5.sm {
    font-size: clamp(0px, 4.5333333333vw, 34px)
}

#best5spe .block-reason h5 span {
    display: block;
    font-size: clamp(0px, 4vw, 30px)
}

#best5spe .block-reason figure {
    margin-inline: auto
}

#best5spe .block-reason .note {
    font-size: clamp(0px, 2.8vw, 21px);
    line-height: 1.3043478261;
    margin-top: clamp(0px, 1.3333333333vw, 10px)
}

#best5spe .block-reason .reason-fullerene .ttl-reason {
    color: #333;
    margin-bottom: clamp(0px, 3.3333333333vw, 25px)
}

#best5spe .block-reason .reason-fullerene .column {
    align-items: center;
    display: flex;
    gap: clamp(0px, 2.6666666667vw, 20px);
    margin-top: clamp(0px, 4vw, 30px);
    padding-inline: clamp(0px, 6vw, 45px) clamp(0px, 4vw, 30px)
}

#best5spe .block-reason .reason-fullerene .column figure {
    flex-shrink: 0;
    width: clamp(0px, 25.3333333333vw, 190px)
}

#best5spe .block-reason .reason-fullerene .column p {
    flex: 1;
    letter-spacing: -.01em;
    line-height: 1.5;
    text-align: left
}

#best5spe .block-cart {
    background: #f4f2e9;
    padding-block: clamp(0px, 10.6666666667vw, 80px)
}

#best5spe .block-cart .inner {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 10.6666666667vw, 80px)
}

#best5spe .block-cart .item {
    align-items: flex-end;
    background: #fff;
    border: 1px solid #947a28;
    border-radius: clamp(0px, 4vw, 30px);
    display: flex;
    flex-wrap: wrap;
    padding-block: clamp(0px, 4vw, 30px) clamp(0px, 5.3333333333vw, 40px);
    position: relative
}

#best5spe .block-cart .item .item-image {
    width: clamp(0px, 27.4666666667vw, 206px)
}

#best5spe .block-cart .item .item-detail {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    letter-spacing: 0;
    min-width: 0
}

#best5spe .block-cart .item .item-detail .name {
    color: #947a28;
    font-size: clamp(0px, 4.5333333333vw, 34px);
    font-weight: 800;
    line-height: 1.4117647059;
    white-space: nowrap
}

#best5spe .block-cart .item .item-detail .name span {
    color: #333;
    display: block;
    font-size: clamp(0px, 4.2666666667vw, 32px)
}

#best5spe .block-cart .item .item-detail .normal,
#best5spe .block-cart .item .item-detail .num {
    font-size: clamp(0px, 2.9333333333vw, 22px);
    line-height: 1.4545454545
}

#best5spe .block-cart .item .item-detail .price-wrap {
    align-items: baseline;
    display: flex;
    gap: clamp(0px, 1.3333333333vw, 10px);
    position: relative
}

#best5spe .block-cart .item .item-detail .price-wrap em {
    display: inline-block;
    font-weight: 700;
    line-height: 100%
}

#best5spe .block-cart .item .item-detail .price-wrap .price {
    letter-spacing: 0;
    line-height: 100%;
    margin-top: clamp(0px, .6666666667vw, 5px);
    translate: clamp(0px, .6666666667vw, 5px) 0
}

#best5spe .block-cart .item .item-detail .price-wrap .price em {
    font-size: clamp(0px, 6.2666666667vw, 47px);
    font-weight: 600;
    letter-spacing: -.025em
}

#best5spe .block-cart .item .item-detail .price-wrap .tax {
    font-size: clamp(0px, 2.9333333333vw, 22px);
    transform: translateY(clamp(-5px, -.6666666667vw, 0px))
}

#best5spe .block-cart .item .item-detail .price-wrap.special .price,
#best5spe .block-cart .item .item-detail .price-wrap.special .tax {
    color: #d70000
}

#best5spe .block-cart .item .item-detail .price-wrap .point {
    background: #d70000;
    border-radius: clamp(0px, .6666666667vw, 5px);
    bottom: calc(100% - clamp(0px, 1.3333333333vw, 10px));
    color: #fff;
    font-size: clamp(0px, 2.9333333333vw, 22px);
    left: calc(100% - clamp(0px, 2.4vw, 18px));
    padding: clamp(0px, 1.0666666667vw, 8px) clamp(0px, 1.3333333333vw, 10px);
    position: absolute;
    white-space: nowrap
}

#best5spe .block-cart .item .item-detail .price-wrap .point:after {
    background: #d70000;
    clip-path: polygon(25% 0, 0 100%, 100% 0);
    content: "";
    display: block;
    height: clamp(0px, 2.6666666667vw, 20px);
    left: clamp(0px, 3.3333333333vw, 25px);
    position: absolute;
    top: calc(100% - 1px);
    width: clamp(0px, 4vw, 30px)
}

#best5spe .block-cart .item .item-detail .price-wrap .point em {
    font-size: clamp(0px, 3.2vw, 24px)
}

#best5spe .block-cart .item .item-detail .price-wrap.p10000 .tax {
    letter-spacing: -.04em
}

#best5spe .block-cart .item .item-detail .price-wrap.p10000 .point {
    bottom: 100%;
    left: calc(100% - clamp(0px, 6vw, 45px))
}

#best5spe .block-cart .item .item-detail .detail {
    font-size: clamp(0px, 3.2vw, 24px);
    line-height: 1.3181818182;
    margin-top: clamp(0px, 1.3333333333vw, 10px)
}

#best5spe .block-cart .item .btn-cart {
    background: #ffdc9d;
    border-radius: clamp(0px, 1.3333333333vw, 10px);
    display: block;
    font-size: clamp(0px, 3.4666666667vw, 26px);
    line-height: 1.28;
    margin-top: clamp(0px, 2.6666666667vw, 20px);
    max-width: clamp(0px, 52.1333333333vw, 391px);
    padding-block: clamp(0px, 2vw, 15px);
    position: relative;
    text-align: center;
    transition: background .3s ease, color .3s ease;
    width: 100%
}

@media(hover:hover) {
    #best5spe .block-cart .item .btn-cart:hover {
        background: #fbbb3b;
        opacity: 1
    }
}

#best5spe .block-cart .item.first-time:after,
#best5spe .block-cart .item.limited:after,
#best5spe .block-cart .item.debut:after,
#best5spe .block-cart .item.trial:after,
#best5spe .block-cart .item.value:after {
    align-items: center;
    border: 1px solid #947a28;
    border-radius: 100%;
    color: #947a28;
    content: "初めて\aの方に";
    display: block;
    display: flex;
    height: clamp(0px, 16.1333333333vw, 121px);
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.2857142857;
    position: absolute;
    right: clamp(0px, 2vw, 15px);
    text-align: center;
    top: clamp(0px, 2vw, 15px);
    white-space: pre;
    width: clamp(0px, 16.1333333333vw, 121px)
}

#best5spe .block-cart .item.limited:after {
    content: "数量\a限定";
    height: clamp(0px, 15.3333333333vw, 115px);
    width: clamp(0px, 15.3333333333vw, 115px)
}

#best5spe .block-cart .item02.debut:after {
    content: "デビュー\a価格";
    height: clamp(0px, 15.3333333333vw, 115px);
    width: clamp(0px, 15.3333333333vw, 115px)
}

#best5spe .block-cart .item.trial:after {
    content: "まずは\aお試し";
    height: clamp(0px, 15.3333333333vw, 115px);
    width: clamp(0px, 15.3333333333vw, 115px)
}

#best5spe .block-cart .item.value:after {
    content: "さらに\aお得";
    height: clamp(0px, 15.3333333333vw, 115px);
    width: clamp(0px, 15.3333333333vw, 115px)
}

#best5spe .block-cart .item-wrap {
    background: #fff;
    border: 1px solid #947a28;
    border-radius: clamp(0px, 4vw, 30px);
    padding-bottom: clamp(0px, 4vw, 30px)
}

#best5spe .block-cart .item-wrap .item {
    background: none;
    border: none;
    border-radius: 0;
    padding-bottom: 0
}

#best5spe .block-cart .item-wrap .item+.item {
    margin-top: clamp(0px, 3.3333333333vw, 25px);
    padding-top: clamp(0px, 3.3333333333vw, 25px);
    position: relative
}

#best5spe .block-cart .item-wrap .item+.item:before {
    border-top: 1px solid #947a28;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    translate: -50% 0;
    width: clamp(0px, 78.4vw, 588px)
}

#best5spe .block-cart .item-wrap .item .item-detail .btn-cart {
    margin-top: clamp(0px, 1.6vw, 12px)
}

#best5spe .block-voice {
    background: #fbdde1;
    padding-block: clamp(0px, 9.0666666667vw, 68px) clamp(0px, 10.4vw, 78px)
}

#best5spe .block-voice h3 {
    margin-inline: auto;
    margin-bottom: clamp(0px, 5.3333333333vw, 40px);
    width: clamp(0px, 35.0666666667vw, 263px)
}

#best5spe .block-voice .voice {
    background: #fff;
    display: flex;
    height: clamp(0px, 35.2vw, 264px);
    position: relative
}

#best5spe .block-voice .voice:after,
#best5spe .block-voice .voice:before {
    border-left: 4px solid #e9536a;
    border-top: 4px solid #e9536a;
    content: "";
    display: block;
    height: clamp(0px, 9.2vw, 69px);
    position: absolute;
    width: clamp(0px, 9.2vw, 69px)
}

#best5spe .block-voice .voice:before {
    left: 0;
    top: 0
}

#best5spe .block-voice .voice:after {
    bottom: 0;
    right: 0;
    transform: scale(-1)
}

#best5spe .block-voice .voice+.voice {
    margin-top: clamp(0px, 6.6666666667vw, 50px)
}

#best5spe .block-voice .voice>div {
    align-items: center;
    display: flex;
    flex: 1;
    padding-left: clamp(0px, 29.3333333333vw, 220px);
    padding-right: clamp(0px, 6vw, 45px);
    position: relative
}

#best5spe .block-voice .voice>div:before {
    background: no-repeat bottom/contain;
    bottom: 0;
    content: "";
    display: block;
    height: clamp(0px, 25.3333333333vw, 190px);
    left: 0;
    position: absolute;
    width: clamp(0px, 26.6666666667vw, 200px)
}

#best5spe .block-voice .voice p {
    line-height: 1.7142857143
}

#best5spe .block-voice .voice p .name {
    display: block;
    font-size: clamp(0px, 3.4666666667vw, 26px);
    margin-top: clamp(0px, .6666666667vw, 5px);
    text-align: right
}

#best5spe .block-voice .voice.voice01>div:before {
    background-image: url(../img/voice_icn01.png)
}

#best5spe .block-voice .voice.voice02>div:before {
    background-image: url(../img/voice_icn02.png);
    left: clamp(0px, 2.6666666667vw, 20px)
}

#best5spe .block-voice .voice.voice03>div:before {
    background-image: url(../img/voice_icn03.png)
}

#best5spe #faq {
    padding-block: clamp(0px, 13.3333333333vw, 100px)
}

#best5spe #faq h2 {
    margin-inline: auto;
    margin-bottom: clamp(0px, 5.3333333333vw, 40px);
    width: clamp(0px, 43.2vw, 324px)
}

#best5spe #faq .cont {
    border-top: 1px solid #947a28;
    padding-block: clamp(0px, 7.4666666667vw, 56px)
}

#best5spe #faq .cont+.cont {
    margin-top: clamp(0px, 1.3333333333vw, 10px)
}

#best5spe #faq .cont:last-child {
    border-bottom: 1px solid #947a28
}

#best5spe #faq .cont .q {
    align-items: center;
    color: #947a28;
    cursor: pointer;
    display: flex;
    font-size: clamp(0px, 4.2666666667vw, 32px);
    gap: clamp(0px, 2vw, 15px);
    letter-spacing: 0;
    line-height: 1.4375;
    padding-inline: clamp(0px, 1.3333333333vw, 10px) clamp(0px, 2vw, 15px)
}

#best5spe #faq .cont .q:before {
    background: no-repeat 50%/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.2%2043.3%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23947a28%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M14.9%2C21.9c1.5-6.8%2C9.9-16.7%2C16.9-16.7%2C3.5%2C0%2C5.8%2C1.9%2C5.8%2C5.7%2C0%2C12.2-16.8%2C25.6-27.8%2C25.8v.1c3.8%2C1%2C9.2%2C4.1%2C11.2%2C4.1s4.5-2.4%2C5.7-3.8l.2.3c-1.3%2C2-5%2C5.9-8.1%2C5.9-4.05%2C0-8.7-5.1-12.2-5.1-2.4%2C0-3.7%2C1.3-5.5%2C2.8l-.2-.2c1.6-1.8%2C3.4-3.4%2C5.7-4.1v-.1c-5.1-.7-6.6-4.1-6.6-8.8C0%2C17.9%2C19.2%2C0%2C33.2%2C0c3.2%2C0%2C9%2C1.1%2C9%2C6.9%2C0%2C2.8-1.8%2C4.8-3.2%2C6.6l-.3-.3c1.5-2%2C2.9-3.9%2C2.9-6.5%2C0-4.1-4.3-6.1-9-6.1C22.7.6%2C1.2%2C22.1%2C1.2%2C30.4c0%2C4%2C3.8%2C6%2C7.4%2C6%2C10.6%2C0%2C28.4-17.3%2C28.4-25.3%2C0-3.6-1.8-5.3-5.4-5.3-6.6%2C0-14.7%2C9.7-16.1%2C16.1h-.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    flex-shrink: 0;
    height: clamp(0px, 5.7333333333vw, 43px);
    width: clamp(0px, 5.6vw, 42px)
}

#best5spe #faq .cont .q:after {
    background: no-repeat 50%/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2039.94%2039.94%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23947a28%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3.94px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22TOP%22%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%221.97%22%20y1%3D%2219.97%22%20x2%3D%2237.97%22%20y2%3D%2219.97%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2219.97%22%20y1%3D%221.97%22%20x2%3D%2219.97%22%20y2%3D%2237.97%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    flex-shrink: 0;
    height: clamp(0px, 4.8vw, 36px);
    margin-left: auto;
    transition: transform .3s ease;
    width: clamp(0px, 4.8vw, 36px)
}

#best5spe #faq .cont .q.on:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2039.97%203.97%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23947a28%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3.97px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22TOP%22%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%221.98%22%20y1%3D%221.98%22%20x2%3D%2237.98%22%20y2%3D%221.98%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    transform: rotate(180deg)
}

#best5spe #faq .cont .a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out
}

#best5spe #faq .cont .a a {
    color: #947a28;
    text-decoration: underline;
}

#best5spe #faq .cont .a.on {
    max-height: unset
}

#best5spe #faq .cont .a>div {
    align-items: flex-start;
    display: flex;
    gap: clamp(0px, 2vw, 15px);
    letter-spacing: .04em;
    padding-top: clamp(0px, 2.6666666667vw, 20px)
}

#best5spe #faq .cont .a>div:before {
    background: no-repeat 50%/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.7%2036.7%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23947a28%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.4%2C19.1h7.3C38.85%2C6.7%2C45.35%2C0%2C50%2C0c2%2C0%2C2.7.9%2C2.7%2C2.5%2C0%2C4.5-9.7%2C13.4-12.2%2C16.6h5l-.3.6h-5.2c-2%2C2.3-8.8%2C9.7-8.8%2C12.7%2C0%2C3.4%2C2.7%2C3.7%2C4.3%2C3.7%2C6.7%2C0%2C15.4-9.4%2C15.4-13.7%2C0-1.6-1-1.9-2.3-1.9-3%2C0-7.4%2C4.5-8.8%2C7.3h-.5c1.3-3%2C5.8-7.9%2C9.4-7.9%2C2.1%2C0%2C2.8%2C1.1%2C2.8%2C2.5%2C0%2C7.4-10%2C14.3-16%2C14.3-4%2C0-5.5-2.5-5.5-6.2%2C0-2.15%2C1.1-4.35%2C6.6-10.8h-8.5c-7%2C8.35-14.7%2C17-22.5%2C17-3%2C0-5.6-1.2-5.6-4.1%2C0-1.3.8-2.5%2C2.2-2.5%2C1.2%2C0%2C2%2C.8%2C2%2C2.2%2C0%2C1.1-.8%2C2-1.6%2C2-.6%2C0-.9.2-.9.5%2C0%2C.4%2C1.8%2C1.3%2C4.3%2C1.3%2C6.85%2C0%2C14.6-8.65%2C21.1-16.4h-7l.3-.6ZM37%2C19.1c6.7-8.2%2C14.5-15%2C14.5-17.2%2C0-1-.8-1.3-1.8-1.3-3.7%2C0-10.5%2C6.8-21.1%2C18.5h8.4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    content: "";
    display: block;
    flex-shrink: 0;
    height: clamp(0px, 4.9333333333vw, 37px);
    transform: translate(clamp(0px, .4vw, 3px), clamp(0px, 1.3333333333vw, 10px));
    width: clamp(0px, 7.0666666667vw, 53px)
}

#best5spe #tripleRepair .block-reason h3 {
    width: clamp(0px, 46.8vw, 351px)
}

#best5spe #tripleRepair .block-reason .reason-wrap {
    align-items: center;
    display: flex;
    flex-direction: column
}

#best5spe #tripleRepair .block-reason .ttl-reason {
    padding-left: clamp(0px, 15.3333333333vw, 115px);
    position: relative;
    text-align: left
}

#best5spe #tripleRepair .block-reason .ttl-reason:before {
    background: no-repeat 50%/contain;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    translate: 0 -50%
}

#best5spe #tripleRepair .block-reason .reason01 .ttl-reason:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2087.86%2083.98%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa853c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E5%95%86%E5%93%811%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M67.54%2C12.85l-.3-.3c-16.14%2C10.16-35.56%2C21.22-49.31%2C27.2l-1.2-1.79C36.46%2C29.29%2C70.23%2C11.36%2C78.3%2C0h9.56L13.45%2C83.98H0L67.54%2C12.85Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    height: clamp(0px, 11.2vw, 84px);
    width: clamp(0px, 11.7333333333vw, 88px)
}

#best5spe #tripleRepair .block-reason .reason01 .cont01 h5 {
    margin-bottom: clamp(-12px, -1.6vw, 0px)
}

#best5spe #tripleRepair .block-reason .reason01 .cont01 figure {
    width: clamp(0px, 74.6666666667vw, 560px)
}

#best5spe #tripleRepair .block-reason .reason01 .cont02 h5 {
    color: #333
}

#best5spe #tripleRepair .block-reason .reason01 .cont02 figure {
    width: clamp(0px, 73.8666666667vw, 554px)
}

#best5spe #tripleRepair .block-reason .reason02 .ttl-reason:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2099.52%2085.77%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa853c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E5%95%86%E5%93%811%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M82.19%2C14.64c-3.29%2C7.77-9.56%2C19.72-19.43%2C19.72-5.68%2C0-8.97-3.89-8.97-9.56%2C0-13.15%2C16.74-24.81%2C28.99-24.81%2C8.97%2C0%2C16.74%2C5.68%2C16.74%2C15.24%2C0%2C14.79-16.74%2C31.53-40.05%2C38.55-35.41%2C10.61-41.54%2C15.54-50.21%2C23.61h.6c3.29-1.79%2C7.47-3.89%2C12.55-3.89%2C3.59%2C0%2C7.77%2C1.49%2C12.1%2C2.99%2C4.48%2C1.49%2C9.26%2C2.99%2C14.2%2C2.99%2C5.98%2C0%2C11.36-3.59%2C15.24-7.77l1.2%2C1.2c-5.98%2C5.98-12.25%2C12.85-22.41%2C12.85-3.89%2C0-8.82-1.79-14.05-3.44-5.08-1.79-10.46-3.44-14.94-3.44-4.78%2C0-9.26%2C2.99-12.85%2C5.98l-.9-.9c15.84-14.79%2C20.17-19.13%2C53.79-31.98%2C25.85-9.86%2C40.35-32.87%2C40.35-42.14%2C0-4.78-4.48-8.07-11.36-8.07-12.25%2C0-27.2%2C16.44-27.2%2C22.71%2C0%2C4.78%2C2.39%2C8.07%2C7.47%2C8.07%2C7.77%2C0%2C15.54-11.95%2C17.63-19.13l1.49%2C1.2Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    height: clamp(0px, 11.4666666667vw, 86px);
    left: clamp(-25px, -3.3333333333vw, 0px);
    width: clamp(0px, 13.3333333333vw, 100px)
}

#best5spe #tripleRepair .block-reason .reason02 .cont01 h5 {
    margin: clamp(-3px, -.4vw, 0px)
}

#best5spe #tripleRepair .block-reason .reason02 .cont01 figure {
    width: clamp(0px, 72.6666666667vw, 545px)
}

#best5spe #tripleRepair .block-reason .reason02 .cont02 {
    letter-spacing: 0;
    margin-top: clamp(0px, 9.3333333333vw, 70px)
}

#best5spe #tripleRepair .block-reason .reason02 .cont02 h5 {
    position: relative
}

#best5spe #tripleRepair .block-reason .reason02 .cont02 h5 small {
    bottom: clamp(0px, .2666666667vw, 2px);
    color: #333;
    font-size: clamp(0px, 2.8vw, 21px);
    position: absolute;
    right: clamp(-5px, -.6666666667vw, 0px)
}

#best5spe #tripleRepair .block-reason .reason02 .cont02 figure {
    margin-bottom: clamp(0px, 2.6666666667vw, 20px);
    width: clamp(0px, 70.1333333333vw, 526px)
}

#best5spe #tripleRepair .block-reason .reason03 .ttl-reason:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088.76%2085.77%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa853c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E5%95%86%E5%93%811%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M72.92%2C17.33c-2.39%2C6.57-11.06%2C15.24-17.33%2C15.24-4.78%2C0-8.07-3.29-8.07-8.07%2C0-12.85%2C14.64-24.51%2C27.2-24.51%2C9.12%2C0%2C14.05%2C5.68%2C14.05%2C12.1%2C0%2C15.84-16.74%2C28.39-36.76%2C28.39v.45c5.98%2C2.09%2C8.37%2C5.68%2C8.37%2C11.21%2C0%2C11.66-14.79%2C33.62-40.65%2C33.62-11.06%2C0-18.83-3.89-19.72-15.24%2C0-4.78%2C2.69-13.75%2C9.26-13.75%2C3.89%2C0%2C6.87%2C2.09%2C6.87%2C5.98s-2.39%2C6.58-6.72%2C6.58c-3.44%2C0-5.23-2.69-5.83-5.83-1.49%2C1.94-1.79%2C5.38-1.79%2C7.02%2C0%2C9.12%2C6.58%2C13.45%2C14.64%2C13.45%2C6.57%2C0%2C13.6-1.79%2C26.45-17.18%2C11.06-13.15%2C12.1-16.29%2C12.1-19.72%2C0-4.93-4.78-6.13-11.95-6.13v-.9c17.63%2C0%2C22.27-2.54%2C28.99-9.26s13.15-16.14%2C13.15-21.82c0-3.29-2.99-7.17-10.31-7.17-10.01%2C0-25.55%2C14.05-25.55%2C23.01%2C0%2C3.44%2C3.14%2C5.98%2C6.13%2C5.98%2C6.87%2C0%2C14.79-9.86%2C16.29-14.64l1.2%2C1.2Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    height: clamp(0px, 11.4666666667vw, 86px);
    width: clamp(0px, 11.8666666667vw, 89px)
}

#best5spe #tripleRepair .block-reason .reason03 .cont01 figure {
    width: clamp(0px, 71.7333333333vw, 538px)
}

#best5spe #tripleRepair .block-reason .reason03 .cont02 figure {
    transform: translateX(clamp(0px, 6vw, 45px));
    width: clamp(0px, 68.4vw, 513px)
}

#best5spe #tripleRepair .block-cart .item {
    align-items: flex-start
}

#best5spe #tripleRepair .block-cart .item .item-image figure {
    margin-left: auto;
    width: clamp(0px, 24.5333333333vw, 184px)
}

#best5spe #tripleRepair .block-cart .item.item05 .item-image {
    margin-block: auto
}

#best5spe #energyRepairCream .block-reason .reason01 .cont01 {
    margin-top: clamp(0px, 6vw, 45px)
}

#best5spe #energyRepairCream .block-reason .reason01 .cont01 figure {
    transform: translateX(clamp(0px, 2vw, 15px));
    width: clamp(0px, 72.4vw, 543px)
}

#best5spe #energyRepairCream .block-reason .reason01 .cont02 figure {
    width: clamp(0px, 66.9333333333vw, 502px)
}

#best5spe #energyRepairCream .block-reason .reason02 .cont01 figure {
    transform: translateX(clamp(0px, 4.6666666667vw, 35px));
    width: clamp(0px, 61.4666666667vw, 461px)
}

#best5spe #energyRepairCream .block-reason .reason02 .cont01 .note {
    margin-top: clamp(0px, 2vw, 15px)
}

#best5spe #whitePentagon .block-reason .reason01 .ttl-reason {
    margin-bottom: clamp(0px, 4vw, 30px)
}

#best5spe #whitePentagon .block-reason .reason01 .approach {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 3.3333333333vw, 25px);
    padding-inline: clamp(0px, 6vw, 45px)
}

#best5spe #whitePentagon .block-reason .reason01 .approach li {
    background: #fff;
    border: 1px solid #e9536a;
    border-radius: clamp(0px, 4vw, 30px);
    color: #e9536a;
    filter: drop-shadow(0 0 3px rgba(233, 83, 106, .5));
    font-size: clamp(0px, 3.7333333333vw, 28px);
    font-weight: 600;
    padding-block: clamp(0px, 3.8666666667vw, 29px)
}

#best5spe #whitePentagon .block-reason .reason02 .ttl-reason {
    margin-bottom: clamp(0px, 3.3333333333vw, 25px)
}

#best5spe #whitePentagon .block-reason .reason02 .cont01 figure {
    width: clamp(0px, 68.9333333333vw, 517px)
}

#best5spe #scienceEye .block-reason .ttl-reason {
    margin-bottom: clamp(0px, 6.6666666667vw, 50px)
}

#best5spe #scienceEye .block-reason .reason01 .cont01 figure {
    transform: translateX(clamp(0px, 3.3333333333vw, 0px));
    width: clamp(0px, 73.0666666667vw, 548px)
}

#best5spe #scienceEye .block-reason .reason01 .cont02 {
    margin-top: clamp(0px, 5.7333333333vw, 43px)
}

#best5spe #scienceEye .block-reason .reason01 .cont02 figure {
    width: clamp(0px, 66.1333333333vw, 496px)
}

#best5spe #scienceEye .block-reason .reason01 .cont02 .note {
    margin-top: clamp(0px, 2.6666666667vw, 20px)
}

#best5spe #repairNeckCream .block-reason .reason01 .cont01 h5 {
    margin-bottom: clamp(0px, 1.3333333333vw, 10px);
    margin-top: clamp(-5px, -.6666666667vw, 0px)
}

#best5spe #repairNeckCream .block-reason .reason01 .cont01 figure {
    width: clamp(0px, 68.5333333333vw, 514px)
}

#best5spe #repairNeckCream .block-reason .reason01 .cont02 {
    margin-top: clamp(0px, 6.6666666667vw, 50px)
}

#best5spe #repairNeckCream .block-reason .reason01 .cont02 h5 {
    margin-bottom: clamp(0px, .6666666667vw, 5px)
}

#best5spe #repairNeckCream .block-reason .reason01 .cont02 figure {
    transform: translateX(clamp(-7px, -.9333333333vw, 0px));
    width: clamp(0px, 58.1333333333vw, 436px)
}

#best5spe #repairNeckCream .block-reason .reason02 .ttl-reason {
    margin-bottom: clamp(0px, 3.3333333333vw, 25px)
}

#best5spe #repairNeckCream .block-reason .reason02 .cont01 figure {
    width: clamp(0px, 38.5333333333vw, 289px)
}

/* flw btn */
@media screen and (min-width: 900px) {
aside.flw_btn{
    position: absolute;
    right: -26px;
}
.flw_btn .btn_fix_top, .flw_btn .btn_fix_all{
    position: fixed;
    z-index: 2;
    display: none;
    bottom: 134px;
    text-align: center;
}
.flw_btn .btn_fix_top{
    bottom: 162px;
}
.flw_btn .btn_fix_all{
    bottom: 30px;
}
.flw_btn .btn_fix_top a, .flw_btn .btn_fix_all a{
    position: relative;
    letter-spacing: 0.05em;
    text-decoration: none;
    width: 100%;
    display: flex;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    box-sizing: border-box;
    font-family: dnp-shuei-mgothic-std, sans-serif !important;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
}
.flw_btn .btn_fix_top a{
    color: #5f91cc;
    font-size: 1.6rem;
    background: #fff;
    border: 2px solid #e9546b;
    padding: 20px 0 20px;
}
.flw_btn .btn_fix_top a i, .flw_btn .btn_fix_all a i{
    font-family: "Font Awesome 5 Free";
    font-size: 21px;
    position: absolute;
    right: 0;
    left: 0;
}
.flw_btn .btn_fix_top a i{
    top: 28px;
}
.flw_btn .btn_fix_top .fa-chevron-up:before, .flw_btn .btn_fix_all .fa-chevron-down:before{
    display: inline-block;
    color: #5f91cc;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
}
.flw_btn .btn_fix_top .fa-chevron-up:before, .flw_btn .btn_fix_all .fa-chevron-down:before{
    display: inline-block;
    color: #e9546b;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
}
.flw_btn .btn_fix_all .fa-chevron-down:before{
color: #fff;
}
.flw_btn .btn_fix_all a{
    color: #fff !important;
    background: #e9546b;
    padding: 0rem 0.5rem 0.5rem;
    font-size: 17px;
    line-height: 1.3;
}
.flw_btn .btn_fix_all a i{
    bottom: 12px;
}
}

/* flw btn */
@media screen and (max-width: 767px) {
aside.flw_btn {
    position: absolute;
    z-index: 10;
    right: 25%;
}
.flw_btn .btn_fix_top, .flw_btn .btn_fix_all{
    position: fixed;
    z-index: 2;
    display: none;
    bottom: 134px;
    text-align: center;
}
.flw_btn .btn_fix_top{
    bottom: 26vw;
}
.flw_btn .btn_fix_top a, .flw_btn .btn_fix_all a{
    display: flex;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    box-sizing: border-box;
    font-family: dnp-shuei-mgothic-std, sans-serif !important;
    border-radius: 50%;
    position: relative;
    letter-spacing: 0.05em;
    text-decoration: none;
    height: 21.5vw;
    width: 21.5vw;
    font-size: 3.2vw;
    font-weight: 500;
}
.flw_btn .btn_fix_top a{
    background: #fff;
    border: 2px solid #e9546b;
    color: #5f91cc;
    padding: 10% 0 5%;
}
.flw_btn .btn_fix_top a i, .flw_btn .btn_fix_all a i{
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    left: 0;
    font-size: 4.1vw;
}
.flw_btn .btn_fix_all a i{
    bottom: 13%;
}
.flw_btn .btn_fix_top a i{
    top: 27%;
}
.flw_btn .btn_fix_top .fa-chevron-up:before, .flw_btn .btn_fix_all .fa-chevron-down:before{
    display: inline-block;
    color: #e9546b;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
}
.flw_btn .btn_fix_all .fa-chevron-down:before{
    color: #fff;
}
.flw_btn .btn_fix_all{
    bottom: 3vw;
    position: fixed;
    z-index: 2;
    display: none;
    bottom: 3vw;
    text-align: center;
}
.flw_btn .btn_fix_all a{
    color: #fff !important;
    background: #e9546b;
    padding: 5% 0 13%;
    line-height: 1.3;
}

  }