@charset "UTF-8";html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
    scrollbar-gutter: stable
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

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

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

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

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    inset: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

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

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

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

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

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

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

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

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

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

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

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

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

.simplebar-scrollbar:before {
    inset: 2px
}

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

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    inset: 0 auto 0 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

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

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

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

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

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    contain: strict;
    display: inline-block;
    height: 20px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

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

* {
    margin: 0
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,picture,video,canvas,svg {
    display: block;
    max-width: 100%
}

input,button,textarea,select {
    font: inherit;
    color: inherit
}

p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word
}

#root,#__next {
    isolation: isolate
}

ul,ol {
    list-style: none;
    padding: 0;
    margin: 0
}

img,picture,video,canvas,svg {
    height: auto
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

sup {
    font-size: .5em
}

table {
    border-collapse: collapse;
    width: 100%
}

figure {
    margin: 0
}

html {
    font-size: .6944444444vw
}

@media screen and (min-width: 1921px) {
    html {
        font-size:13.3333333333px
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size:2.6041666667vw
    }
}

body {
    background: #fff;
    color: #000;
    font-family: Yakuhanjp,Noto Sans JP,sans-serif;
    font-feature-settings: "palt" 1;
    font-optical-sizing: auto;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .04em;
    text-align: justify;
    word-break: normal;
    overflow-wrap: anywhere;
    line-break: strict;
    white-space: normal
}

@media screen and (max-width: 768px) {
    body {
        font-size:1.2rem
    }
}

body.is-fixed {
    position: fixed;
    left: 0;
    width: 100%
}

a {
    color: #000
}

@media (hover: hover) {
    a:hover {
        text-decoration:none
    }
}

@media (hover: none) {
    a:active {
        text-decoration:none
    }
}

em {
    font-style: normal
}

img {
    width: 100%;
    height: auto
}

button {
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background: none;
    touch-action: manipulation;
    cursor: pointer
}

small {
    font-size: .75em
}

.animation-slide-in {
    opacity: 0;
    translate: 0 6rem
}

@media screen and (max-width: 768px) {
    .animation-slide-in {
        translate:0 4.5rem
    }
}

.animation-slide-in.is-inview {
    opacity: 1;
    translate: 0 0;
    will-change: opacity,translate;
    transition: opacity .6s cubic-bezier(.39,.575,.565,1),translate .8s cubic-bezier(.075,.82,.165,1)
}

.animation-slide-in-children>* {
    opacity: 0;
    translate: 0 6rem
}

@media screen and (max-width: 768px) {
    .animation-slide-in-children>* {
        translate:0 4.5rem
    }
}

.animation-slide-in-children.is-inview>* {
    opacity: 1;
    translate: 0 0;
    will-change: opacity,translate;
    transition: opacity .6s cubic-bezier(.39,.575,.565,1),translate .8s cubic-bezier(.075,.82,.165,1)
}

.animation-slide-in-children.is-inview>*:nth-child(1) {
    transition-delay: 0s
}

.animation-slide-in-children.is-inview>*:nth-child(2) {
    transition-delay: .1s
}

.animation-slide-in-children.is-inview>*:nth-child(3) {
    transition-delay: .2s
}

.animation-slide-in-children.is-inview>*:nth-child(4) {
    transition-delay: .3s
}

.animation-slide-in-children.is-inview>*:nth-child(5) {
    transition-delay: .4s
}

.animation-slide-in-children.is-inview>*:nth-child(6) {
    transition-delay: .5s
}

.animation-slide-in-children.is-inview>*:nth-child(7) {
    transition-delay: .6s
}

.animation-slide-in-children.is-inview>*:nth-child(8) {
    transition-delay: .7s
}

.animation-slide-in-children.is-inview>*:nth-child(9) {
    transition-delay: .8s
}

.animation-slide-in-children.is-inview>*:nth-child(10) {
    transition-delay: .9s
}

.animation-slide-in-horizontal {
    opacity: 0;
    translate: -6rem 0
}

.animation-slide-in-horizontal.is-inview {
    opacity: 1;
    translate: 0 0;
    will-change: opacity,translate;
    transition: opacity .5s cubic-bezier(.77,0,.175,1),translate .6s cubic-bezier(.77,0,.175,1)
}

.animation-fade-in {
    opacity: 0
}

.animation-fade-in.is-inview {
    opacity: 1;
    will-change: opacity;
    transition: opacity .8s cubic-bezier(.77,0,.175,1)
}

.animation-fade-in-image {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-fade-in-image {
        transition-duration:.6s
    }
}

.animation-fade-in-image img {
    scale: 1.2;
    transition: scale 1.2s cubic-bezier(.39,.575,.565,1)
}

@media screen and (max-width: 768px) {
    .animation-fade-in-image img {
        transition-duration:1s
    }
}

.animation-fade-in-image.is-inview {
    opacity: 1;
    will-change: opacity
}

.animation-fade-in-image.is-inview img {
    scale: 1;
    will-change: scale
}

.animation-fade-in-children>* {
    opacity: 0
}

@media screen and (max-width: 768px) {
    .animation-fade-in-children>* {
        transition-duration:.6s
    }
}

.animation-fade-in-children.is-inview>* {
    opacity: 1;
    will-change: opacity;
    transition: opacity .8s cubic-bezier(.77,0,.175,1)
}

.animation-fade-in-children.is-inview>*:nth-child(1) {
    transition-delay: 0s
}

.animation-fade-in-children.is-inview>*:nth-child(2) {
    transition-delay: .1s
}

.animation-fade-in-children.is-inview>*:nth-child(3) {
    transition-delay: .2s
}

.animation-fade-in-children.is-inview>*:nth-child(4) {
    transition-delay: .3s
}

.animation-fade-in-children.is-inview>*:nth-child(5) {
    transition-delay: .4s
}

.animation-fade-in-children.is-inview>*:nth-child(6) {
    transition-delay: .5s
}

.animation-fade-in-children.is-inview>*:nth-child(7) {
    transition-delay: .6s
}

.animation-fade-in-children.is-inview>*:nth-child(8) {
    transition-delay: .7s
}

.animation-fade-in-children.is-inview>*:nth-child(9) {
    transition-delay: .8s
}

.animation-fade-in-children.is-inview>*:nth-child(10) {
    transition-delay: .9s
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(1) {
    transition-delay: .8s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(1) {
        transition-delay:.4s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(2) {
    transition-delay: .9s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(2) {
        transition-delay:.5s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(3) {
    transition-delay: 1s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(3) {
        transition-delay:.6s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(4) {
    transition-delay: 1.1s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(4) {
        transition-delay:.7s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(5) {
    transition-delay: 1.2s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(5) {
        transition-delay:.8s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(6) {
    transition-delay: 1.3s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(6) {
        transition-delay:.9s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(7) {
    transition-delay: 1.4s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(7) {
        transition-delay:1s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(8) {
    transition-delay: 1.5s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(8) {
        transition-delay:1.1s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(9) {
    transition-delay: 1.6s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(9) {
        transition-delay:1.2s
    }
}

.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(10) {
    transition-delay: 1.7s
}

@media screen and (max-width: 768px) {
    .is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(10) {
        transition-delay:1.3s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(1) {
    opacity: 1;
    transition-delay: .8s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(1) {
        transition-delay:.4s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(2) {
    opacity: 1;
    transition-delay: .9s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(2) {
        transition-delay:.5s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(3) {
    opacity: 1;
    transition-delay: 1s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(3) {
        transition-delay:.6s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(4) {
    opacity: 1;
    transition-delay: 1.1s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(4) {
        transition-delay:.7s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(5) {
    opacity: 1;
    transition-delay: 1.2s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(5) {
        transition-delay:.8s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(6) {
    opacity: 1;
    transition-delay: 1.3s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(6) {
        transition-delay:.9s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(7) {
    opacity: 1;
    transition-delay: 1.4s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(7) {
        transition-delay:1s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(8) {
    opacity: 1;
    transition-delay: 1.5s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(8) {
        transition-delay:1.1s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(9) {
    opacity: 1;
    transition-delay: 1.6s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(9) {
        transition-delay:1.2s
    }
}

.is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(10) {
    opacity: 1;
    transition-delay: 1.7s
}

@media screen and (max-width: 768px) {
    .is-loaded.is-pagetop .animation-fade-in-children.is-page-first-content>*:nth-child(10) {
        transition-delay:1.3s
    }
}

.animation-fade-in-children-odd-even>* {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-fade-in-children-odd-even>* {
        transition-duration:.6s
    }
}

.animation-fade-in-children-odd-even.is-inview>* {
    opacity: 1;
    will-change: opacity
}

@media screen and (min-width: 769px) {
    .animation-fade-in-children-odd-even>*:nth-child(odd) {
        transition-delay:0s
    }

    .animation-fade-in-children-odd-even>*:nth-child(2n) {
        transition-delay: .1s
    }
}

@media screen and (max-width: 768px) {
    .animation-fade-in-children-odd-even>*:nth-child(1) {
        transition-delay:0s
    }

    .animation-fade-in-children-odd-even>*:nth-child(2) {
        transition-delay: .1s
    }

    .animation-fade-in-children-odd-even>*:nth-child(3) {
        transition-delay: .2s
    }

    .animation-fade-in-children-odd-even>*:nth-child(4) {
        transition-delay: .3s
    }

    .animation-fade-in-children-odd-even>*:nth-child(5) {
        transition-delay: .4s
    }

    .animation-fade-in-children-odd-even>*:nth-child(6) {
        transition-delay: .5s
    }

    .animation-fade-in-children-odd-even>*:nth-child(7) {
        transition-delay: .6s
    }

    .animation-fade-in-children-odd-even>*:nth-child(8) {
        transition-delay: .7s
    }

    .animation-fade-in-children-odd-even>*:nth-child(9) {
        transition-delay: .8s
    }

    .animation-fade-in-children-odd-even>*:nth-child(10) {
        transition-delay: .9s
    }
}

.animation-fade-in-image-children>* {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-fade-in-image-children>* {
        transition-duration:.6s
    }
}

.animation-fade-in-image-children>* img {
    scale: 1.2;
    transition: scale 1.2s cubic-bezier(.39,.575,.565,1)
}

@media screen and (max-width: 768px) {
    .animation-fade-in-image-children>* img {
        transition-duration:1s
    }
}

.animation-fade-in-image-children.is-inview>* {
    opacity: 1;
    will-change: opacity
}

.animation-fade-in-image-children.is-inview>* img {
    scale: 1;
    will-change: scale
}

.animation-fade-in-image-children>*:nth-child(1) {
    transition-delay: 0s
}

.animation-fade-in-image-children>*:nth-child(1) img {
    transition-delay: 0s
}

.animation-fade-in-image-children>*:nth-child(2) {
    transition-delay: .1s
}

.animation-fade-in-image-children>*:nth-child(2) img {
    transition-delay: .1s
}

.animation-fade-in-image-children>*:nth-child(3) {
    transition-delay: .2s
}

.animation-fade-in-image-children>*:nth-child(3) img {
    transition-delay: .2s
}

.animation-fade-in-image-children>*:nth-child(4) {
    transition-delay: .3s
}

.animation-fade-in-image-children>*:nth-child(4) img {
    transition-delay: .3s
}

.animation-fade-in-image-children>*:nth-child(5) {
    transition-delay: .4s
}

.animation-fade-in-image-children>*:nth-child(5) img {
    transition-delay: .4s
}

.animation-fade-in-image-children>*:nth-child(6) {
    transition-delay: .5s
}

.animation-fade-in-image-children>*:nth-child(6) img {
    transition-delay: .5s
}

.animation-fade-in-image-children>*:nth-child(7) {
    transition-delay: .6s
}

.animation-fade-in-image-children>*:nth-child(7) img {
    transition-delay: .6s
}

.animation-fade-in-image-children>*:nth-child(8) {
    transition-delay: .7s
}

.animation-fade-in-image-children>*:nth-child(8) img {
    transition-delay: .7s
}

.animation-fade-in-image-children>*:nth-child(9) {
    transition-delay: .8s
}

.animation-fade-in-image-children>*:nth-child(9) img {
    transition-delay: .8s
}

.animation-fade-in-image-children>*:nth-child(10) {
    transition-delay: .9s
}

.animation-fade-in-image-children>*:nth-child(10) img {
    transition-delay: .9s
}

.animation-mask-in-horizontal {
    clip-path: inset(0 100% 0 0);
    transition: clip-path .8s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-mask-in-horizontal {
        transition-duration:.6s
    }
}

.animation-mask-in-horizontal.is-inview {
    clip-path: inset(0 0 0 0);
    will-change: clip-path
}

.animation-color-in-horizontal {
    position: relative;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .8s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-color-in-horizontal {
        transition-duration:.6s
    }
}

.animation-color-in-horizontal:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #a31e3a;
    transform-origin: right center;
    transition: scale .6s cubic-bezier(.77,0,.175,1) .8s
}

.animation-color-in-horizontal.is-inview {
    clip-path: inset(0 0 0 0);
    will-change: clip-path
}

.animation-color-in-horizontal.is-inview:after {
    scale: 0 1
}

.animation-grad-in {
    position: relative
}

.animation-grad-in:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#a31e3a,#a31e3a00);
    background-size: 200% 100%;
    background-position: 0 0
}

.animation-grad-in.is-inview:after {
    opacity: 0;
    background-position: 100% 0;
    transition: opacity .4s cubic-bezier(.39,.575,.565,1) .6s,background-position 1s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-grad-in.is-inview:after {
        transition:opacity .2s cubic-bezier(.39,.575,.565,1) .4s,background-position .8s cubic-bezier(.77,0,.175,1)
    }
}

.animation-grad-in-horizontal {
    position: relative;
    overflow: hidden;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .6s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 768px) {
    .animation-grad-in-horizontal {
        transition-duration:.4s
    }
}

.animation-grad-in-horizontal:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    translate: -50% 0;
    background: linear-gradient(to right,#a31e3a00,#a31e3a 50%);
    background-size: 100% 100%;
    background-position: 0 0;
    z-index: 10;
    transition: translate .6s cubic-bezier(.445,.05,.55,.95) .6s
}

@media screen and (max-width: 768px) {
    .animation-grad-in-horizontal:after {
        transition:translate .4s cubic-bezier(.445,.05,.55,.95) .4s
    }
}

.animation-grad-in-horizontal.is-inview {
    clip-path: inset(0 0 0 0);
    will-change: clip-path
}

.animation-grad-in-horizontal.is-inview:after {
    translate: 50% 0
}

.animation-blur-in {
    opacity: 0;
    filter: blur(2rem);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),filter .6s cubic-bezier(.165,.84,.44,1)
}

@media screen and (max-width: 768px) {
    .animation-blur-in {
        transition:opacity .2s cubic-bezier(.165,.84,.44,1),filter .4s cubic-bezier(.165,.84,.44,1)
    }
}

.animation-blur-in.is-inview {
    opacity: 1;
    filter: blur(0);
    will-change: opacity,filter
}

.animation-blur-in-children>* {
    opacity: 0;
    filter: blur(2rem);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),filter .6s cubic-bezier(.165,.84,.44,1)
}

@media screen and (max-width: 768px) {
    .animation-blur-in-children>* {
        transition:opacity .2s cubic-bezier(.165,.84,.44,1),filter .4s cubic-bezier(.165,.84,.44,1)
    }
}

.animation-blur-in-children.is-inview>* {
    opacity: 1;
    filter: blur(0);
    will-change: opacity,filter
}

.animation-blur-in-children>*:nth-child(1) {
    transition-delay: 0s
}

.animation-blur-in-children>*:nth-child(2) {
    transition-delay: .1s
}

.animation-blur-in-children>*:nth-child(3) {
    transition-delay: .2s
}

.animation-blur-in-children>*:nth-child(4) {
    transition-delay: .3s
}

.animation-blur-in-children>*:nth-child(5) {
    transition-delay: .4s
}

.animation-blur-in-children>*:nth-child(6) {
    transition-delay: .5s
}

.animation-blur-in-children>*:nth-child(7) {
    transition-delay: .6s
}

.animation-blur-in-children>*:nth-child(8) {
    transition-delay: .7s
}

.animation-blur-in-children>*:nth-child(9) {
    transition-delay: .8s
}

.animation-blur-in-children>*:nth-child(10) {
    transition-delay: .9s
}

.animation-blur-in-children-odd-even>* {
    opacity: 0;
    filter: blur(2rem);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),filter .6s cubic-bezier(.165,.84,.44,1)
}

@media screen and (max-width: 768px) {
    .animation-blur-in-children-odd-even>* {
        transition:opacity .2s cubic-bezier(.165,.84,.44,1),filter .4s cubic-bezier(.165,.84,.44,1)
    }
}

.animation-blur-in-children-odd-even.is-inview>* {
    opacity: 1;
    filter: blur(0);
    will-change: opacity,filter
}

@media screen and (min-width: 769px) {
    .animation-blur-in-children-odd-even>*:nth-child(odd) {
        transition-delay:0s
    }

    .animation-blur-in-children-odd-even>*:nth-child(2n) {
        transition-delay: .1s
    }
}

@media screen and (max-width: 768px) {
    .animation-blur-in-children-odd-even>*:nth-child(1) {
        transition-delay:0s
    }

    .animation-blur-in-children-odd-even>*:nth-child(2) {
        transition-delay: .1s
    }

    .animation-blur-in-children-odd-even>*:nth-child(3) {
        transition-delay: .2s
    }

    .animation-blur-in-children-odd-even>*:nth-child(4) {
        transition-delay: .3s
    }

    .animation-blur-in-children-odd-even>*:nth-child(5) {
        transition-delay: .4s
    }

    .animation-blur-in-children-odd-even>*:nth-child(6) {
        transition-delay: .5s
    }

    .animation-blur-in-children-odd-even>*:nth-child(7) {
        transition-delay: .6s
    }

    .animation-blur-in-children-odd-even>*:nth-child(8) {
        transition-delay: .7s
    }

    .animation-blur-in-children-odd-even>*:nth-child(9) {
        transition-delay: .8s
    }

    .animation-blur-in-children-odd-even>*:nth-child(10) {
        transition-delay: .9s
    }
}

.animation-wait-animated-container:has(.is-animated) .animation-blur-in {
    opacity: 1;
    filter: blur(0)
}

.animation-wait-animated-container:has(.is-animated) .animation-blur-in-children>* {
    opacity: 1;
    filter: blur(0)
}

.animation-wait-animated-container:has(.is-animated) .animation-blur-in-children-odd-even>* {
    opacity: 1;
    filter: blur(0)
}

.layout-vision-header .animation-color-in-horizontal:after {
    background-color: #f0f0f0;
    z-index: 20
}

.layout-content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.layout-content__inner {
    position: relative;
    background: url(/runningshoes/training-shoes/assets/img/bg.png) repeat center center;
    background-size: 10rem 10rem
}

.layout-content__inner:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    background: linear-gradient(to right,#d9d9d900 0 60rem,#d9d9d9 60rem calc(60rem + 1px),#d9d9d900 calc(60rem + 1px) 100%);
    transform: translate(-50%);
    width: 120rem;
    height: 100%;
    border: solid #D9D9D9;
    border-width: 0 1px
}

@media screen and (max-width: 768px) {
    .layout-content__inner:before {
        background:linear-gradient(to right,#d9d9d900 0 18.15rem,#d9d9d9 18.15rem calc(18.15rem + 1px),#d9d9d900 calc(18.15rem + 1px) 100%);
        width: 36.4rem
    }
}

.layout-footer {
    position: relative;
    z-index: 10;
    color: #fff;
    background: #000;
    text-align: center
}

.layout-footer__inner {
    height: 20rem;
    padding: 3rem
}

@media screen and (max-width: 768px) {
    .layout-footer__inner {
        height:10rem;
        padding: 2rem 0rem
    }
}

.layout-footer .footer-copyright {
    font-family: Oswald,sans-serif;
    font-size: 1.2rem;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .layout-footer .footer-copyright {
        font-size:1.2rem
    }
}

.layout-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.layout-header__inner {
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7rem;
    padding: 0 4rem
}

@media screen and (max-width: 768px) {
    .layout-header__inner {
        height:5rem;
        padding: 0 .9rem 0 1rem
    }
}

.layout-header .header-logo {
    position: relative;
    z-index: 100;
    width: 12rem
}

@media screen and (max-width: 768px) {
    .layout-header .header-logo {
        width:8.6rem
    }
}

.layout-header .header-logo a {
    transition: opacity .2s cubic-bezier(.39,.575,.565,1);
    will-change: opacity
}

@media (hover: hover) {
    .layout-header .header-logo a:hover {
        opacity:.5
    }
}

@media (hover: none) {
    .layout-header .header-logo a:active {
        opacity:.5
    }
}

.layout-header .header-menu {
    display: flex
}

.layout-header .header-menu__item a {
    color: #fff;
    background: #000;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26.9rem;
    height: 5.4rem;
    line-height: 1;
    transition: opacity .2s cubic-bezier(.39,.575,.565,1)
}

@media (hover: hover) {
    .layout-header .header-menu__item a:hover {
        opacity:.5;
        will-change: opacity
    }
}

@media (hover: none) {
    .layout-header .header-menu__item a:active {
        opacity:.5;
        will-change: opacity
    }
}

@media screen and (max-width: 768px) {
    .layout-header .header-menu__item a {
        font-size:1.2rem;
        width: 16.4rem;
        height: 3.2rem
    }
}

.layout-loading {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff
}

.layout-loading__logo {
    position: relative;
    z-index: 1;
    width: 20rem;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .layout-loading__logo {
        width:15rem
    }
}

.layout-loading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #b3f21a;
    transform: translate(-100%);
    animation: loading-slide .6s cubic-bezier(.77,0,.175,1) forwards;
    animation-delay: .1s
}

@keyframes loading-slide {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@media screen and (max-width: 768px) {
    .layout-loading:before {
        animation-duration:.4s
    }
}

.is-loaded .layout-loading {
    background: transparent;
    pointer-events: none
}

.is-loaded .layout-loading__logo {
    opacity: 0;
    transition: opacity .4s cubic-bezier(.165,.84,.44,1) .1s
}

.is-loaded .layout-loading:before {
    transform: translate(0);
    animation: loading-slide-out .5s cubic-bezier(.77,0,.175,1) forwards .4s
}

@media screen and (max-width: 768px) {
    .is-loaded .layout-loading:before {
        animation-duration:.45s
    }
}

.section-hero {
    background: #1b1b1b;
    position: relative;
    z-index: 9;
    overflow: hidden
}

.section-hero .splide__track,.section-hero .splide__list,.section-hero .splide__slide {
    line-height: 0;
    height: auto!important
}

.section-hero:before {
    content: "";
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff561e;
    transform: translate(0)
}

.is-loaded .section-hero:before {
    animation: loading-slide-out .4s cubic-bezier(.165,.84,.44,1) forwards .7s
}

@keyframes loading-slide-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@media screen and (max-width: 768px) {
    .is-loaded .section-hero:before {
        animation-delay:.65s;
        animation-duration: .3s
    }
}

.section-about {
    z-index: 1;
    color: #fff;
    position: relative;
    padding: 10rem 0 13.4rem
}

@media screen and (max-width: 768px) {
    .section-about {
        padding:5rem 0 8.3rem
    }
}

.section-about:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(35deg,#1b1b1b00 0% 12.3rem,#1b1b1b 12.4rem 100%);
    transform: translateY(-100%)
}

@media screen and (max-width: 768px) {
    .section-about:before {
        background:linear-gradient(54deg,#1b1b1b00 0% 5rem,#1b1b1b 5.1rem 100%)
    }
}

.section-about:has(.section-about__heading.is-inview):before {
    transform: translate(0);
    transition: transform .8s cubic-bezier(.165,.84,.44,1)
}

.section-about__inner {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 768px) {
    .section-about__inner {
        width:34.4rem;
        padding-left: 4.4rem
    }
}

.section-about__heading {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 5rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .06em;
    text-align: left;
    margin-left: -6rem
}

@media screen and (max-width: 768px) {
    .section-about__heading {
        font-size:4rem;
        margin-left: -4.4rem
    }
}

.section-about__text {
    margin-top: 4rem
}

@media screen and (max-width: 768px) {
    .section-about__text {
        font-size:1.3rem;
        line-height: 1.8;
        margin-top: 3rem
    }
}

.section-about__text+.section-about__text {
    margin-top: 3rem
}

@media screen and (max-width: 768px) {
    .section-about__text+.section-about__text {
        margin-top:2.4rem
    }
}

.nav-products {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: -7.4rem;
    padding-bottom: 10rem;
    margin-bottom: -10rem;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .nav-products {
        margin-top:-3.3rem
    }
}

.nav-products .splide__track {
    overflow: visible!important
}

.nav-products__inner {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 768px) {
    .nav-products__inner {
        width:35.4rem
    }
}

.nav-products__item {
    width: 13.6rem;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .nav-products__item {
        width:8.1rem
    }
}

.nav-products__item.is-active {
    pointer-events: none
}

.nav-products__item.is-active .nav-products__image:after {
    opacity: 1
}

.nav-products__item.is-active .nav-products__caption {
    color: #ff561e
}

@media (hover: hover) {
    .nav-products__item:hover .nav-products__image img {
        opacity:.8
    }

    .nav-products__item:hover .nav-products__caption {
        color: #ff561e
    }
}

@media (hover: none) {
    .nav-products__item:active .nav-products__image img {
        opacity:.8
    }

    .nav-products__item:active .nav-products__caption {
        color: #ff561e
    }
}

.nav-products__item.is-active .nav-products__caption.counter-court-trainer{
    color: #b3f21a
}

@media (hover: hover) {
    .nav-products__item:hover .nav-products__caption.counter-court-trainer {
        color: #b3f21a
    }
}

@media (hover: none) {
    .nav-products__item:active .nav-products__caption.counter-court-trainer {
        color: #b3f21a
    }
}

.nav-products__image {
    position: relative;
    background: #fff;
    width: 13.6rem;
    height: 10rem;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .nav-products__image {
        width:8.1rem;
        height: 6rem
    }
}

/*.nav-products__image:after {
    content: "";
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff561e;
    mix-blend-mode: soft-light;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.39,.575,.565,1)
}*/

.nav-products__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .2s cubic-bezier(.39,.575,.565,1)
}

.nav-products__caption {
    font-family: Oswald,sans-serif;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: .02em;
    height: 1.4em;
    margin-top: .7rem;
    transition: color .2s cubic-bezier(.39,.575,.565,1);
	color: #ff561e;
}

@media screen and (max-width: 768px) {
    .nav-products__caption {
        font-size:1.3rem;
        line-height: 1.2;
        height: 1.2em;
        margin-top: .4rem
    }
}

.nav-products__caption.counter-court-trainer {
	color: #b3f21a;
}

.main-products {
    margin-top: 14rem
}

@media screen and (max-width: 768px) {
    .main-products {
        margin-top:7.7rem
    }
}

.main-products__title {
    position: relative;
    z-index: 1;
    font-family: Oswald,sans-serif;
    font-size: 4rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 3.3rem;
    margin: 0 1.4rem;
    height: 8rem
}

@media screen and (max-width: 768px) {
    .main-products__title {
        font-size:2.6rem;
        letter-spacing: .02em;
        padding: 0 2.31rem;
        margin: 0 .98rem;
        height: 5.6rem
    }
}

.main-products__title:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border: .6rem solid #000;
    transform: skew(-21deg)
}

@media screen and (max-width: 768px) {
    .main-products__title:before {
        border-width:.4rem
    }
}

.main-products__item {
    overflow: hidden;
	display: none;
}

.main-products__item.show-panel{
	display: block;
}

.section-products {
    line-height: 1.8
}

.section-products-about {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .section-products-about {
        flex-direction:column;
        gap: 3rem
    }
}

.section-products-about__image {
    width: 69.1rem;
    height: 48rem;
    overflow: hidden;
    box-shadow: -4rem 3rem 5rem #00000040
}

@media screen and (max-width: 768px) {
    .section-products-about__image {
        width:35rem;
        height: 24.3rem
    }
}

.section-products-about__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-products-about__inner {
    width: 68rem;
    padding: 0 18rem 0 0
}

@media screen and (max-width: 768px) {
    .section-products-about__inner {
        order:-1;
        width: 100%;
        padding: 0 2rem
    }
}

.section-products-about__heading {
    color: #ff561e;
    font-family: Oswald,sans-serif;
    font-size: 8rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .01em;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    gap: 2rem 0;
    margin-top: 4rem
}

@media screen and (max-width: 768px) {
    .section-products-about__heading {
        font-size:4rem;
        gap: 1rem 0;
        margin-top: 3rem
    }
}

#counter-court-trainer .section-products-about__heading {
    color: #b3f21a;
}

.section-products-about__heading small {
    font-family: Yakuhanjp,Noto Sans JP,sans-serif;
    font-size: 1.6rem;
    letter-spacing: .1em
}

@media screen and (max-width: 768px) {
    .section-products-about__heading small {
        font-size:1.5rem
    }
}

.section-products-about__text {
    line-height: 2;
    letter-spacing: .03em;
    text-align: left;
    margin-top: 3rem
}

@media screen and (max-width: 768px) {
    .section-products-about__text {
        font-size:1.3rem;
        line-height: 1.8;
        letter-spacing: .02em;
        margin-top: 2rem
    }
}

.section-products-about__text+.section-products-about__text {
    margin-top: 2rem
}

@media screen and (max-width: 768px) {
    .section-products-about__text+.section-products-about__text {
        margin-top:1.5rem
    }
}

.section-products-movie {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem
}

@media screen and (max-width: 768px) {
    .section-products-movie {
        margin-top:7rem;
        padding: 0 2rem
    }
}

.section-products-movie__player {
    height: 60.8rem;
    margin-top: 5rem
}

@media screen and (max-width: 768px) {
    .section-products-movie__player {
        height:21.6rem;
        margin: 3rem -2rem 0
    }
}

.section-products-movie iframe {
    display: block;
    width: 100%;
    height: 100%
}

.section-products-pdf {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 4.8rem;
    margin-top: 8rem
}

@media screen and (max-width: 768px) {
    .section-products-pdf {
        flex-direction:column;
        gap: 3rem;
        margin-top: 4rem;
        padding: 0 2rem
    }
}

.section-products-pdf__item {
    width: calc(50% - 2.4rem);
    text-align: center
}

@media screen and (max-width: 768px) {
    .section-products-pdf__item {
        width:100%
    }
}

.section-products-pdf__item a {
    display: block;
    text-decoration: none
}

@media (hover: hover) {
    .section-products-pdf__item a:hover .section-products-pdf__image img {
        opacity:.8
    }
}

@media (hover: none) {
    .section-products-pdf__item a:active .section-products-pdf__image img {
        opacity:.8
    }
}

.section-products-pdf__image {
    display: block;
    padding: 1.5rem;
    background: #fff;
    box-shadow: -2rem 2rem 2rem #00000026
}

.section-products-pdf__image img {
    transition: opacity .2s cubic-bezier(.39,.575,.565,1)
}

.section-products-pdf__caption {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-top: 1.8rem
}

@media screen and (max-width: 768px) {
    .section-products-pdf__caption {
        justify-content:flex-start;
        margin-top: 1.5rem;
        line-height: 1.5;
        text-align: left
    }
}

.section-products-pdf__caption:before {
    content: " PDF";
    font-family: Oswald,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 3.4rem;
    height: 1.8rem;
    padding-bottom: .05em;
    color: #fff;
    background: #000;
    margin-right: 1rem
}

.section-products-link {
    width: 100%;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem
}

@media screen and (max-width: 768px) {
    .section-products-link {
        width:34rem;
        margin-top: 2rem
    }
}

.section-products-link a {
    position: relative;
    color: #fff;
    background: #000;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6.4rem;
    transition: background-color .2s cubic-bezier(.39,.575,.565,1)
}

@media screen and (max-width: 768px) {
    .section-products-link a {
        font-size:1.4rem;
        height: 5.2rem
    }
}

@media (hover: hover) {
    .section-products-link a:hover {
        background-color:#ff561e;
        will-change: background-color
    }
}

@media (hover: none) {
    .section-products-link a:active {
        background-color:#ff561e;
        will-change: background-color
    }
}

.section-products-link a[href$=".pdf"]:before {
    content: " PDF";
    font-family: Oswald,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.4rem;
    height: 1.8rem;
    padding-bottom: .05em;
    border: 1px solid #fff;
    margin-right: 1rem
}

@media screen and (max-width: 768px) {
    .section-products-link a[href$=".pdf"]:before {
        margin-right:.7rem
    }
}

.section-products-link a[target=_blank]:after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(/runningshoes/training-shoes/assets/img/icn_blank.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 1.5rem;
    height: 1.4rem
}

@media screen and (max-width: 768px) {
    .section-products-link a[target=_blank]:after {
        right:2rem
    }
}

.section-products-separator {
    background: #fff;
    pointer-events: none;
    display: flex;
    align-items: center;
    height: 10rem;
    border: solid #000;
    border-width: .4rem 0;
    margin-top: 10rem
}

@media screen and (max-width: 768px) {
    .section-products-separator {
        height:6.8rem;
        margin-top: 5rem
    }
}

.section-products-separator__item {
    color: #ff561e;
    font-family: Oswald,sans-serif;
    font-size: 5rem;
    line-height: 1;
    font-weight: 500;
    padding-bottom: .1em;
    letter-spacing: .04em;
    display: flex;
    gap: 0 5rem
}

@media screen and (max-width: 768px) {
    .section-products-separator__item {
        font-size:3.6rem
    }
}

.section-products-separator__item span:nth-of-type(2) {
    color: #fff;
    -webkit-text-stroke: 1px #FF561E
}

#counter-court-trainer .section-products-separator__item {
    color: #b3f21a;
}

#counter-court-trainer .section-products-separator__item span:nth-of-type(2) {
    -webkit-text-stroke: 1px #b3f21a
}

.section-products-detail {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto
}

.section-products-pattern {
    display: flex;
    justify-content: space-between;
    margin-top: 10rem
}

@media screen and (max-width: 768px) {
    .section-products-pattern {
        flex-direction:column;
        gap: 3rem;
        margin-top: 5rem
    }
}

.section-products-pattern__column {
    width: 51.6rem
}

@media screen and (max-width: 768px) {
    .section-products-pattern__column {
        width:34.4rem;
        margin: 0 auto
    }
}

.section-products-pattern__title {
    font-family: Oswald,sans-serif;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .section-products-pattern__title {
        font-size:2.4rem
    }
}

.section-products-pattern__images {
    display: flex;
    justify-content: space-between;
    margin-top: 2.6rem;
    overflow: visible
}

@media screen and (max-width: 768px) {
    .section-products-pattern__images {
        margin-top:2rem
    }
}

.section-products-pattern__image {
    width: 24.8rem;
    box-shadow: -2rem 2rem 2rem #00000026
}

@media screen and (max-width: 768px) {
    .section-products-pattern__image {
        width:16.5rem
    }
}

.section-products-pattern__image:nth-of-type(1) {
    position: relative
}

#counter-court-trainer .section-products-pattern__image {
    width: 15.8rem;
}
@media screen and (max-width: 768px) {
    #counter-court-trainer .section-products-pattern__image {
        width:8.5rem
    }
}

.section-products-pattern__caption {
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    margin-top: 2.5rem
}

@media screen and (max-width: 768px) {
    .section-products-pattern__caption {
        margin-top:1.5rem
    }
}

.section-products-table {
    border-collapse: separate;
    border-spacing: 1px 1px;
    width: 100%;
    max-width: calc(108rem + 2px);
    margin-left: -1px;
    margin-right: -1px;
    margin-top: 6rem
}

@media screen and (max-width: 768px) {
    .section-products-table {
        width:100%;
        max-width: calc(36.4rem + 2px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 5rem
    }
}

.section-products-table th {
    color: #fff;
    background: #1b1b1b;
    font-size: 1.4rem;
    line-height: 1.28;
    font-weight: 400;
    letter-spacing: .01em;
    padding: 1.1rem 0
}

@media screen and (max-width: 768px) {
    .section-products-table th {
        font-size:1.2rem;
        line-height: 1.2;
        padding: 1rem 0
    }
}

.section-products-table th:first-of-type {
    width: 17.4rem;
    padding-left: 2rem
}

@media screen and (max-width: 768px) {
    .section-products-table th:first-of-type {
        width:9rem;
        padding-left: .9rem
    }
}

.section-products-table td {
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
    padding: 1.1rem 0
}

@media screen and (max-width: 768px) {
    .section-products-table td {
        font-size:1.2rem;
        line-height: 1.3;
        padding: .7rem 0
    }
}

.section-products-table thead tr th {
    padding: 1rem 0 .9rem
}

@media screen and (max-width: 768px) {
    .section-products-table thead tr th {
        padding:.7rem 0
    }
}

.section-products-table thead tr th:nth-of-type(n+2) {
    font-size: 1.6rem;
    text-align: center;
    width: 45.2rem
}

@media screen and (max-width: 768px) {
    .section-products-table thead tr th:nth-of-type(n+2) {
        font-size:1.2rem;
        width: 13.6rem
    }
}

.section-products-table tbody tr:nth-of-type(2n) td {
    background: #ededed
}

.section-innovation {
    width: 100%;
    max-width: 128rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14rem;
    margin-bottom: 14rem;
    background: #fff;
    border: 1rem solid #000;
    padding: 9rem 0
}

@media screen and (max-width: 768px) {
    .section-innovation {
        width:36.4rem;
        margin-top: 8rem;
        margin-bottom: 5rem;
        border-width: .5rem;
        padding: 3rem 0
    }
}

.section-innovation.is-inview .section-innovation__item:first-of-type {
    opacity: 1;
    translate: 0 0;
    will-change: opacity,translate
}

.section-innovation__inner {
    width: 100%;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 768px) {
    .section-innovation__inner {
        width:32.4rem
    }
}

.section-innovation__list {
    display: flex;
    flex-direction: column;
    gap: 10rem;
    margin-top: 6rem
}

@media screen and (max-width: 768px) {
    .section-innovation__list {
        gap:5rem;
        margin-top: 4rem
    }
}

.section-innovation__item {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .section-innovation__item {
        flex-direction:column-reverse;
        gap: 2rem
    }
}

@media screen and (min-width: 769px) {
    .section-innovation__item:nth-of-type(2n) {
        flex-direction:row-reverse
    }
}

.section-innovation__box {
    width: 54rem
}

@media screen and (max-width: 768px) {
    .section-innovation__box {
        width:100%
    }
}

.section-innovation__image {
    width: 48.6rem
}

@media screen and (max-width: 768px) {
    .section-innovation__image {
        width:100%
    }
}

.section-innovation__heading {
    font-size: 3rem;
    line-height: 1.6;
    font-weight: 700;
    text-align: left
}

@media screen and (max-width: 768px) {
    .section-innovation__heading {
        font-size:2rem;
        line-height: 1.4
    }
}

.section-innovation__text {
    word-break: break-all;
    margin-top: 2rem
}

@media screen and (max-width: 768px) {
    .section-innovation__text {
        font-size:1.3rem;
        letter-spacing: .04em;
        margin-top: 1rem
    }
}

.section-innovation__text sup {
    display: inline-block;
    font-size: .6em;
    transform: translateY(.1em)
}

.section-innovation__notes {
    margin-top: 2rem;
    font-size: 1.2rem
}

@media screen and (max-width: 768px) {
    .section-innovation__notes {
        margin-top:1rem;
        font-size: 1rem
    }
}

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

@media screen and (min-width: 481px) {
    .helper-only-sp-small {
        display:none!important
    }
}

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

.helper-margin-top-0 {
    margin-top: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-0 {
        margin-top:0rem!important
    }
}

.helper-margin-bottom-0 {
    margin-bottom: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-0 {
        margin-bottom:0rem!important
    }
}

.helper-padding-top-0 {
    padding-top: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-0 {
        padding-top:0rem!important
    }
}

.helper-padding-bottom-0 {
    padding-bottom: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-0 {
        padding-bottom:0rem!important
    }
}

.helper-padding-0 {
    padding: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-0 {
        padding:0rem!important
    }
}

.helper-height-0 {
    height: 0rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-0 {
        height:0rem!important
    }
}

.helper-radius-0 {
    border-radius: 0rem
}

@media screen and (max-width: 768px) {
    .helper-radius-0 {
        border-radius:0rem
    }
}

.helper-margin-top-5 {
    margin-top: .5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-5 {
        margin-top:.25rem!important
    }
}

.helper-margin-bottom-5 {
    margin-bottom: .5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-5 {
        margin-bottom:.25rem!important
    }
}

.helper-padding-top-5 {
    padding-top: .5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-5 {
        padding-top:.25rem!important
    }
}

.helper-padding-bottom-5 {
    padding-bottom: .5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-5 {
        padding-bottom:.25rem!important
    }
}

.helper-padding-5 {
    padding: .5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-5 {
        padding:.25rem!important
    }
}

.helper-height-10 {
    height: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-10 {
        height:.5rem!important
    }
}

.helper-radius-1 {
    border-radius: .1rem
}

@media screen and (max-width: 768px) {
    .helper-radius-1 {
        border-radius:.05rem
    }
}

.helper-margin-top-10 {
    margin-top: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-10 {
        margin-top:.5rem!important
    }
}

.helper-margin-bottom-10 {
    margin-bottom: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-10 {
        margin-bottom:.5rem!important
    }
}

.helper-padding-top-10 {
    padding-top: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-10 {
        padding-top:.5rem!important
    }
}

.helper-padding-bottom-10 {
    padding-bottom: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-10 {
        padding-bottom:.5rem!important
    }
}

.helper-padding-10 {
    padding: 1rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-10 {
        padding:.5rem!important
    }
}

.helper-height-20 {
    height: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-20 {
        height:1rem!important
    }
}

.helper-radius-2 {
    border-radius: .2rem
}

@media screen and (max-width: 768px) {
    .helper-radius-2 {
        border-radius:.1rem
    }
}

.helper-margin-top-15 {
    margin-top: 1.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-15 {
        margin-top:.75rem!important
    }
}

.helper-margin-bottom-15 {
    margin-bottom: 1.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-15 {
        margin-bottom:.75rem!important
    }
}

.helper-padding-top-15 {
    padding-top: 1.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-15 {
        padding-top:.75rem!important
    }
}

.helper-padding-bottom-15 {
    padding-bottom: 1.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-15 {
        padding-bottom:.75rem!important
    }
}

.helper-padding-15 {
    padding: 1.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-15 {
        padding:.75rem!important
    }
}

.helper-height-30 {
    height: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-30 {
        height:1.5rem!important
    }
}

.helper-radius-3 {
    border-radius: .3rem
}

@media screen and (max-width: 768px) {
    .helper-radius-3 {
        border-radius:.15rem
    }
}

.helper-margin-top-20 {
    margin-top: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-20 {
        margin-top:1rem!important
    }
}

.helper-margin-bottom-20 {
    margin-bottom: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-20 {
        margin-bottom:1rem!important
    }
}

.helper-padding-top-20 {
    padding-top: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-20 {
        padding-top:1rem!important
    }
}

.helper-padding-bottom-20 {
    padding-bottom: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-20 {
        padding-bottom:1rem!important
    }
}

.helper-padding-20 {
    padding: 2rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-20 {
        padding:1rem!important
    }
}

.helper-height-40 {
    height: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-40 {
        height:2rem!important
    }
}

.helper-radius-4 {
    border-radius: .4rem
}

@media screen and (max-width: 768px) {
    .helper-radius-4 {
        border-radius:.2rem
    }
}

.helper-margin-top-25 {
    margin-top: 2.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-25 {
        margin-top:1.25rem!important
    }
}

.helper-margin-bottom-25 {
    margin-bottom: 2.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-25 {
        margin-bottom:1.25rem!important
    }
}

.helper-padding-top-25 {
    padding-top: 2.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-25 {
        padding-top:1.25rem!important
    }
}

.helper-padding-bottom-25 {
    padding-bottom: 2.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-25 {
        padding-bottom:1.25rem!important
    }
}

.helper-padding-25 {
    padding: 2.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-25 {
        padding:1.25rem!important
    }
}

.helper-height-50 {
    height: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-50 {
        height:2.5rem!important
    }
}

.helper-radius-5 {
    border-radius: .5rem
}

@media screen and (max-width: 768px) {
    .helper-radius-5 {
        border-radius:.25rem
    }
}

.helper-margin-top-30 {
    margin-top: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-30 {
        margin-top:1.5rem!important
    }
}

.helper-margin-bottom-30 {
    margin-bottom: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-30 {
        margin-bottom:1.5rem!important
    }
}

.helper-padding-top-30 {
    padding-top: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-30 {
        padding-top:1.5rem!important
    }
}

.helper-padding-bottom-30 {
    padding-bottom: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-30 {
        padding-bottom:1.5rem!important
    }
}

.helper-padding-30 {
    padding: 3rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-30 {
        padding:1.5rem!important
    }
}

.helper-height-60 {
    height: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-60 {
        height:3rem!important
    }
}

.helper-radius-6 {
    border-radius: .6rem
}

@media screen and (max-width: 768px) {
    .helper-radius-6 {
        border-radius:.3rem
    }
}

.helper-margin-top-35 {
    margin-top: 3.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-35 {
        margin-top:1.75rem!important
    }
}

.helper-margin-bottom-35 {
    margin-bottom: 3.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-35 {
        margin-bottom:1.75rem!important
    }
}

.helper-padding-top-35 {
    padding-top: 3.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-35 {
        padding-top:1.75rem!important
    }
}

.helper-padding-bottom-35 {
    padding-bottom: 3.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-35 {
        padding-bottom:1.75rem!important
    }
}

.helper-padding-35 {
    padding: 3.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-35 {
        padding:1.75rem!important
    }
}

.helper-height-70 {
    height: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-70 {
        height:3.5rem!important
    }
}

.helper-radius-7 {
    border-radius: .7rem
}

@media screen and (max-width: 768px) {
    .helper-radius-7 {
        border-radius:.35rem
    }
}

.helper-margin-top-40 {
    margin-top: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-40 {
        margin-top:2rem!important
    }
}

.helper-margin-bottom-40 {
    margin-bottom: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-40 {
        margin-bottom:2rem!important
    }
}

.helper-padding-top-40 {
    padding-top: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-40 {
        padding-top:2rem!important
    }
}

.helper-padding-bottom-40 {
    padding-bottom: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-40 {
        padding-bottom:2rem!important
    }
}

.helper-padding-40 {
    padding: 4rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-40 {
        padding:2rem!important
    }
}

.helper-height-80 {
    height: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-80 {
        height:4rem!important
    }
}

.helper-radius-8 {
    border-radius: .8rem
}

@media screen and (max-width: 768px) {
    .helper-radius-8 {
        border-radius:.4rem
    }
}

.helper-margin-top-45 {
    margin-top: 4.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-45 {
        margin-top:2.25rem!important
    }
}

.helper-margin-bottom-45 {
    margin-bottom: 4.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-45 {
        margin-bottom:2.25rem!important
    }
}

.helper-padding-top-45 {
    padding-top: 4.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-45 {
        padding-top:2.25rem!important
    }
}

.helper-padding-bottom-45 {
    padding-bottom: 4.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-45 {
        padding-bottom:2.25rem!important
    }
}

.helper-padding-45 {
    padding: 4.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-45 {
        padding:2.25rem!important
    }
}

.helper-height-90 {
    height: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-90 {
        height:4.5rem!important
    }
}

.helper-radius-9 {
    border-radius: .9rem
}

@media screen and (max-width: 768px) {
    .helper-radius-9 {
        border-radius:.45rem
    }
}

.helper-margin-top-50 {
    margin-top: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-50 {
        margin-top:2.5rem!important
    }
}

.helper-margin-bottom-50 {
    margin-bottom: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-50 {
        margin-bottom:2.5rem!important
    }
}

.helper-padding-top-50 {
    padding-top: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-50 {
        padding-top:2.5rem!important
    }
}

.helper-padding-bottom-50 {
    padding-bottom: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-50 {
        padding-bottom:2.5rem!important
    }
}

.helper-padding-50 {
    padding: 5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-50 {
        padding:2.5rem!important
    }
}

.helper-height-100 {
    height: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-100 {
        height:5rem!important
    }
}

.helper-radius-10 {
    border-radius: 1rem
}

@media screen and (max-width: 768px) {
    .helper-radius-10 {
        border-radius:.5rem
    }
}

.helper-margin-top-55 {
    margin-top: 5.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-55 {
        margin-top:2.75rem!important
    }
}

.helper-margin-bottom-55 {
    margin-bottom: 5.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-55 {
        margin-bottom:2.75rem!important
    }
}

.helper-padding-top-55 {
    padding-top: 5.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-55 {
        padding-top:2.75rem!important
    }
}

.helper-padding-bottom-55 {
    padding-bottom: 5.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-55 {
        padding-bottom:2.75rem!important
    }
}

.helper-padding-55 {
    padding: 5.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-55 {
        padding:2.75rem!important
    }
}

.helper-height-110 {
    height: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-110 {
        height:5.5rem!important
    }
}

.helper-radius-11 {
    border-radius: 1.1rem
}

@media screen and (max-width: 768px) {
    .helper-radius-11 {
        border-radius:.55rem
    }
}

.helper-margin-top-60 {
    margin-top: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-60 {
        margin-top:3rem!important
    }
}

.helper-margin-bottom-60 {
    margin-bottom: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-60 {
        margin-bottom:3rem!important
    }
}

.helper-padding-top-60 {
    padding-top: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-60 {
        padding-top:3rem!important
    }
}

.helper-padding-bottom-60 {
    padding-bottom: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-60 {
        padding-bottom:3rem!important
    }
}

.helper-padding-60 {
    padding: 6rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-60 {
        padding:3rem!important
    }
}

.helper-height-120 {
    height: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-120 {
        height:6rem!important
    }
}

.helper-radius-12 {
    border-radius: 1.2rem
}

@media screen and (max-width: 768px) {
    .helper-radius-12 {
        border-radius:.6rem
    }
}

.helper-margin-top-65 {
    margin-top: 6.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-65 {
        margin-top:3.25rem!important
    }
}

.helper-margin-bottom-65 {
    margin-bottom: 6.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-65 {
        margin-bottom:3.25rem!important
    }
}

.helper-padding-top-65 {
    padding-top: 6.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-65 {
        padding-top:3.25rem!important
    }
}

.helper-padding-bottom-65 {
    padding-bottom: 6.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-65 {
        padding-bottom:3.25rem!important
    }
}

.helper-padding-65 {
    padding: 6.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-65 {
        padding:3.25rem!important
    }
}

.helper-height-130 {
    height: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-130 {
        height:6.5rem!important
    }
}

.helper-radius-13 {
    border-radius: 1.3rem
}

@media screen and (max-width: 768px) {
    .helper-radius-13 {
        border-radius:.65rem
    }
}

.helper-margin-top-70 {
    margin-top: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-70 {
        margin-top:3.5rem!important
    }
}

.helper-margin-bottom-70 {
    margin-bottom: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-70 {
        margin-bottom:3.5rem!important
    }
}

.helper-padding-top-70 {
    padding-top: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-70 {
        padding-top:3.5rem!important
    }
}

.helper-padding-bottom-70 {
    padding-bottom: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-70 {
        padding-bottom:3.5rem!important
    }
}

.helper-padding-70 {
    padding: 7rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-70 {
        padding:3.5rem!important
    }
}

.helper-height-140 {
    height: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-140 {
        height:7rem!important
    }
}

.helper-radius-14 {
    border-radius: 1.4rem
}

@media screen and (max-width: 768px) {
    .helper-radius-14 {
        border-radius:.7rem
    }
}

.helper-margin-top-75 {
    margin-top: 7.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-75 {
        margin-top:3.75rem!important
    }
}

.helper-margin-bottom-75 {
    margin-bottom: 7.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-75 {
        margin-bottom:3.75rem!important
    }
}

.helper-padding-top-75 {
    padding-top: 7.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-75 {
        padding-top:3.75rem!important
    }
}

.helper-padding-bottom-75 {
    padding-bottom: 7.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-75 {
        padding-bottom:3.75rem!important
    }
}

.helper-padding-75 {
    padding: 7.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-75 {
        padding:3.75rem!important
    }
}

.helper-height-150 {
    height: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-150 {
        height:7.5rem!important
    }
}

.helper-radius-15 {
    border-radius: 1.5rem
}

@media screen and (max-width: 768px) {
    .helper-radius-15 {
        border-radius:.75rem
    }
}

.helper-margin-top-80 {
    margin-top: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-80 {
        margin-top:4rem!important
    }
}

.helper-margin-bottom-80 {
    margin-bottom: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-80 {
        margin-bottom:4rem!important
    }
}

.helper-padding-top-80 {
    padding-top: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-80 {
        padding-top:4rem!important
    }
}

.helper-padding-bottom-80 {
    padding-bottom: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-80 {
        padding-bottom:4rem!important
    }
}

.helper-padding-80 {
    padding: 8rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-80 {
        padding:4rem!important
    }
}

.helper-height-160 {
    height: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-160 {
        height:8rem!important
    }
}

.helper-radius-16 {
    border-radius: 1.6rem
}

@media screen and (max-width: 768px) {
    .helper-radius-16 {
        border-radius:.8rem
    }
}

.helper-margin-top-85 {
    margin-top: 8.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-85 {
        margin-top:4.25rem!important
    }
}

.helper-margin-bottom-85 {
    margin-bottom: 8.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-85 {
        margin-bottom:4.25rem!important
    }
}

.helper-padding-top-85 {
    padding-top: 8.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-85 {
        padding-top:4.25rem!important
    }
}

.helper-padding-bottom-85 {
    padding-bottom: 8.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-85 {
        padding-bottom:4.25rem!important
    }
}

.helper-padding-85 {
    padding: 8.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-85 {
        padding:4.25rem!important
    }
}

.helper-height-170 {
    height: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-170 {
        height:8.5rem!important
    }
}

.helper-radius-17 {
    border-radius: 1.7rem
}

@media screen and (max-width: 768px) {
    .helper-radius-17 {
        border-radius:.85rem
    }
}

.helper-margin-top-90 {
    margin-top: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-90 {
        margin-top:4.5rem!important
    }
}

.helper-margin-bottom-90 {
    margin-bottom: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-90 {
        margin-bottom:4.5rem!important
    }
}

.helper-padding-top-90 {
    padding-top: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-90 {
        padding-top:4.5rem!important
    }
}

.helper-padding-bottom-90 {
    padding-bottom: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-90 {
        padding-bottom:4.5rem!important
    }
}

.helper-padding-90 {
    padding: 9rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-90 {
        padding:4.5rem!important
    }
}

.helper-height-180 {
    height: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-180 {
        height:9rem!important
    }
}

.helper-radius-18 {
    border-radius: 1.8rem
}

@media screen and (max-width: 768px) {
    .helper-radius-18 {
        border-radius:.9rem
    }
}

.helper-margin-top-95 {
    margin-top: 9.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-95 {
        margin-top:4.75rem!important
    }
}

.helper-margin-bottom-95 {
    margin-bottom: 9.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-95 {
        margin-bottom:4.75rem!important
    }
}

.helper-padding-top-95 {
    padding-top: 9.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-95 {
        padding-top:4.75rem!important
    }
}

.helper-padding-bottom-95 {
    padding-bottom: 9.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-95 {
        padding-bottom:4.75rem!important
    }
}

.helper-padding-95 {
    padding: 9.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-95 {
        padding:4.75rem!important
    }
}

.helper-height-190 {
    height: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-190 {
        height:9.5rem!important
    }
}

.helper-radius-19 {
    border-radius: 1.9rem
}

@media screen and (max-width: 768px) {
    .helper-radius-19 {
        border-radius:.95rem
    }
}

.helper-margin-top-100 {
    margin-top: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-100 {
        margin-top:5rem!important
    }
}

.helper-margin-bottom-100 {
    margin-bottom: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-100 {
        margin-bottom:5rem!important
    }
}

.helper-padding-top-100 {
    padding-top: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-100 {
        padding-top:5rem!important
    }
}

.helper-padding-bottom-100 {
    padding-bottom: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-100 {
        padding-bottom:5rem!important
    }
}

.helper-padding-100 {
    padding: 10rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-100 {
        padding:5rem!important
    }
}

.helper-height-200 {
    height: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-200 {
        height:10rem!important
    }
}

.helper-radius-20 {
    border-radius: 2rem
}

@media screen and (max-width: 768px) {
    .helper-radius-20 {
        border-radius:1rem
    }
}

.helper-margin-top-105 {
    margin-top: 10.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-105 {
        margin-top:5.25rem!important
    }
}

.helper-margin-bottom-105 {
    margin-bottom: 10.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-105 {
        margin-bottom:5.25rem!important
    }
}

.helper-padding-top-105 {
    padding-top: 10.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-105 {
        padding-top:5.25rem!important
    }
}

.helper-padding-bottom-105 {
    padding-bottom: 10.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-105 {
        padding-bottom:5.25rem!important
    }
}

.helper-padding-105 {
    padding: 10.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-105 {
        padding:5.25rem!important
    }
}

.helper-height-210 {
    height: 21rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-210 {
        height:10.5rem!important
    }
}

.helper-radius-21 {
    border-radius: 2.1rem
}

@media screen and (max-width: 768px) {
    .helper-radius-21 {
        border-radius:1.05rem
    }
}

.helper-margin-top-110 {
    margin-top: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-110 {
        margin-top:5.5rem!important
    }
}

.helper-margin-bottom-110 {
    margin-bottom: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-110 {
        margin-bottom:5.5rem!important
    }
}

.helper-padding-top-110 {
    padding-top: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-110 {
        padding-top:5.5rem!important
    }
}

.helper-padding-bottom-110 {
    padding-bottom: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-110 {
        padding-bottom:5.5rem!important
    }
}

.helper-padding-110 {
    padding: 11rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-110 {
        padding:5.5rem!important
    }
}

.helper-height-220 {
    height: 22rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-220 {
        height:11rem!important
    }
}

.helper-radius-22 {
    border-radius: 2.2rem
}

@media screen and (max-width: 768px) {
    .helper-radius-22 {
        border-radius:1.1rem
    }
}

.helper-margin-top-115 {
    margin-top: 11.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-115 {
        margin-top:5.75rem!important
    }
}

.helper-margin-bottom-115 {
    margin-bottom: 11.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-115 {
        margin-bottom:5.75rem!important
    }
}

.helper-padding-top-115 {
    padding-top: 11.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-115 {
        padding-top:5.75rem!important
    }
}

.helper-padding-bottom-115 {
    padding-bottom: 11.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-115 {
        padding-bottom:5.75rem!important
    }
}

.helper-padding-115 {
    padding: 11.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-115 {
        padding:5.75rem!important
    }
}

.helper-height-230 {
    height: 23rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-230 {
        height:11.5rem!important
    }
}

.helper-radius-23 {
    border-radius: 2.3rem
}

@media screen and (max-width: 768px) {
    .helper-radius-23 {
        border-radius:1.15rem
    }
}

.helper-margin-top-120 {
    margin-top: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-120 {
        margin-top:6rem!important
    }
}

.helper-margin-bottom-120 {
    margin-bottom: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-120 {
        margin-bottom:6rem!important
    }
}

.helper-padding-top-120 {
    padding-top: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-120 {
        padding-top:6rem!important
    }
}

.helper-padding-bottom-120 {
    padding-bottom: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-120 {
        padding-bottom:6rem!important
    }
}

.helper-padding-120 {
    padding: 12rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-120 {
        padding:6rem!important
    }
}

.helper-height-240 {
    height: 24rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-240 {
        height:12rem!important
    }
}

.helper-radius-24 {
    border-radius: 2.4rem
}

@media screen and (max-width: 768px) {
    .helper-radius-24 {
        border-radius:1.2rem
    }
}

.helper-margin-top-125 {
    margin-top: 12.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-125 {
        margin-top:6.25rem!important
    }
}

.helper-margin-bottom-125 {
    margin-bottom: 12.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-125 {
        margin-bottom:6.25rem!important
    }
}

.helper-padding-top-125 {
    padding-top: 12.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-125 {
        padding-top:6.25rem!important
    }
}

.helper-padding-bottom-125 {
    padding-bottom: 12.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-125 {
        padding-bottom:6.25rem!important
    }
}

.helper-padding-125 {
    padding: 12.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-125 {
        padding:6.25rem!important
    }
}

.helper-height-250 {
    height: 25rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-250 {
        height:12.5rem!important
    }
}

.helper-radius-25 {
    border-radius: 2.5rem
}

@media screen and (max-width: 768px) {
    .helper-radius-25 {
        border-radius:1.25rem
    }
}

.helper-margin-top-130 {
    margin-top: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-130 {
        margin-top:6.5rem!important
    }
}

.helper-margin-bottom-130 {
    margin-bottom: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-130 {
        margin-bottom:6.5rem!important
    }
}

.helper-padding-top-130 {
    padding-top: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-130 {
        padding-top:6.5rem!important
    }
}

.helper-padding-bottom-130 {
    padding-bottom: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-130 {
        padding-bottom:6.5rem!important
    }
}

.helper-padding-130 {
    padding: 13rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-130 {
        padding:6.5rem!important
    }
}

.helper-height-260 {
    height: 26rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-260 {
        height:13rem!important
    }
}

.helper-radius-26 {
    border-radius: 2.6rem
}

@media screen and (max-width: 768px) {
    .helper-radius-26 {
        border-radius:1.3rem
    }
}

.helper-margin-top-135 {
    margin-top: 13.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-135 {
        margin-top:6.75rem!important
    }
}

.helper-margin-bottom-135 {
    margin-bottom: 13.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-135 {
        margin-bottom:6.75rem!important
    }
}

.helper-padding-top-135 {
    padding-top: 13.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-135 {
        padding-top:6.75rem!important
    }
}

.helper-padding-bottom-135 {
    padding-bottom: 13.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-135 {
        padding-bottom:6.75rem!important
    }
}

.helper-padding-135 {
    padding: 13.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-135 {
        padding:6.75rem!important
    }
}

.helper-height-270 {
    height: 27rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-270 {
        height:13.5rem!important
    }
}

.helper-radius-27 {
    border-radius: 2.7rem
}

@media screen and (max-width: 768px) {
    .helper-radius-27 {
        border-radius:1.35rem
    }
}

.helper-margin-top-140 {
    margin-top: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-140 {
        margin-top:7rem!important
    }
}

.helper-margin-bottom-140 {
    margin-bottom: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-140 {
        margin-bottom:7rem!important
    }
}

.helper-padding-top-140 {
    padding-top: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-140 {
        padding-top:7rem!important
    }
}

.helper-padding-bottom-140 {
    padding-bottom: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-140 {
        padding-bottom:7rem!important
    }
}

.helper-padding-140 {
    padding: 14rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-140 {
        padding:7rem!important
    }
}

.helper-height-280 {
    height: 28rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-280 {
        height:14rem!important
    }
}

.helper-radius-28 {
    border-radius: 2.8rem
}

@media screen and (max-width: 768px) {
    .helper-radius-28 {
        border-radius:1.4rem
    }
}

.helper-margin-top-145 {
    margin-top: 14.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-145 {
        margin-top:7.25rem!important
    }
}

.helper-margin-bottom-145 {
    margin-bottom: 14.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-145 {
        margin-bottom:7.25rem!important
    }
}

.helper-padding-top-145 {
    padding-top: 14.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-145 {
        padding-top:7.25rem!important
    }
}

.helper-padding-bottom-145 {
    padding-bottom: 14.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-145 {
        padding-bottom:7.25rem!important
    }
}

.helper-padding-145 {
    padding: 14.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-145 {
        padding:7.25rem!important
    }
}

.helper-height-290 {
    height: 29rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-290 {
        height:14.5rem!important
    }
}

.helper-radius-29 {
    border-radius: 2.9rem
}

@media screen and (max-width: 768px) {
    .helper-radius-29 {
        border-radius:1.45rem
    }
}

.helper-margin-top-150 {
    margin-top: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-150 {
        margin-top:7.5rem!important
    }
}

.helper-margin-bottom-150 {
    margin-bottom: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-150 {
        margin-bottom:7.5rem!important
    }
}

.helper-padding-top-150 {
    padding-top: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-150 {
        padding-top:7.5rem!important
    }
}

.helper-padding-bottom-150 {
    padding-bottom: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-150 {
        padding-bottom:7.5rem!important
    }
}

.helper-padding-150 {
    padding: 15rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-150 {
        padding:7.5rem!important
    }
}

.helper-height-300 {
    height: 30rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-300 {
        height:15rem!important
    }
}

.helper-radius-30 {
    border-radius: 3rem
}

@media screen and (max-width: 768px) {
    .helper-radius-30 {
        border-radius:1.5rem
    }
}

.helper-margin-top-155 {
    margin-top: 15.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-155 {
        margin-top:7.75rem!important
    }
}

.helper-margin-bottom-155 {
    margin-bottom: 15.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-155 {
        margin-bottom:7.75rem!important
    }
}

.helper-padding-top-155 {
    padding-top: 15.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-155 {
        padding-top:7.75rem!important
    }
}

.helper-padding-bottom-155 {
    padding-bottom: 15.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-155 {
        padding-bottom:7.75rem!important
    }
}

.helper-padding-155 {
    padding: 15.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-155 {
        padding:7.75rem!important
    }
}

.helper-height-310 {
    height: 31rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-310 {
        height:15.5rem!important
    }
}

.helper-radius-31 {
    border-radius: 3.1rem
}

@media screen and (max-width: 768px) {
    .helper-radius-31 {
        border-radius:1.55rem
    }
}

.helper-margin-top-160 {
    margin-top: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-160 {
        margin-top:8rem!important
    }
}

.helper-margin-bottom-160 {
    margin-bottom: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-160 {
        margin-bottom:8rem!important
    }
}

.helper-padding-top-160 {
    padding-top: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-160 {
        padding-top:8rem!important
    }
}

.helper-padding-bottom-160 {
    padding-bottom: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-160 {
        padding-bottom:8rem!important
    }
}

.helper-padding-160 {
    padding: 16rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-160 {
        padding:8rem!important
    }
}

.helper-height-320 {
    height: 32rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-320 {
        height:16rem!important
    }
}

.helper-radius-32 {
    border-radius: 3.2rem
}

@media screen and (max-width: 768px) {
    .helper-radius-32 {
        border-radius:1.6rem
    }
}

.helper-margin-top-165 {
    margin-top: 16.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-165 {
        margin-top:8.25rem!important
    }
}

.helper-margin-bottom-165 {
    margin-bottom: 16.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-165 {
        margin-bottom:8.25rem!important
    }
}

.helper-padding-top-165 {
    padding-top: 16.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-165 {
        padding-top:8.25rem!important
    }
}

.helper-padding-bottom-165 {
    padding-bottom: 16.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-165 {
        padding-bottom:8.25rem!important
    }
}

.helper-padding-165 {
    padding: 16.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-165 {
        padding:8.25rem!important
    }
}

.helper-height-330 {
    height: 33rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-330 {
        height:16.5rem!important
    }
}

.helper-radius-33 {
    border-radius: 3.3rem
}

@media screen and (max-width: 768px) {
    .helper-radius-33 {
        border-radius:1.65rem
    }
}

.helper-margin-top-170 {
    margin-top: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-170 {
        margin-top:8.5rem!important
    }
}

.helper-margin-bottom-170 {
    margin-bottom: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-170 {
        margin-bottom:8.5rem!important
    }
}

.helper-padding-top-170 {
    padding-top: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-170 {
        padding-top:8.5rem!important
    }
}

.helper-padding-bottom-170 {
    padding-bottom: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-170 {
        padding-bottom:8.5rem!important
    }
}

.helper-padding-170 {
    padding: 17rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-170 {
        padding:8.5rem!important
    }
}

.helper-height-340 {
    height: 34rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-340 {
        height:17rem!important
    }
}

.helper-radius-34 {
    border-radius: 3.4rem
}

@media screen and (max-width: 768px) {
    .helper-radius-34 {
        border-radius:1.7rem
    }
}

.helper-margin-top-175 {
    margin-top: 17.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-175 {
        margin-top:8.75rem!important
    }
}

.helper-margin-bottom-175 {
    margin-bottom: 17.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-175 {
        margin-bottom:8.75rem!important
    }
}

.helper-padding-top-175 {
    padding-top: 17.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-175 {
        padding-top:8.75rem!important
    }
}

.helper-padding-bottom-175 {
    padding-bottom: 17.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-175 {
        padding-bottom:8.75rem!important
    }
}

.helper-padding-175 {
    padding: 17.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-175 {
        padding:8.75rem!important
    }
}

.helper-height-350 {
    height: 35rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-350 {
        height:17.5rem!important
    }
}

.helper-radius-35 {
    border-radius: 3.5rem
}

@media screen and (max-width: 768px) {
    .helper-radius-35 {
        border-radius:1.75rem
    }
}

.helper-margin-top-180 {
    margin-top: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-180 {
        margin-top:9rem!important
    }
}

.helper-margin-bottom-180 {
    margin-bottom: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-180 {
        margin-bottom:9rem!important
    }
}

.helper-padding-top-180 {
    padding-top: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-180 {
        padding-top:9rem!important
    }
}

.helper-padding-bottom-180 {
    padding-bottom: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-180 {
        padding-bottom:9rem!important
    }
}

.helper-padding-180 {
    padding: 18rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-180 {
        padding:9rem!important
    }
}

.helper-height-360 {
    height: 36rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-360 {
        height:18rem!important
    }
}

.helper-radius-36 {
    border-radius: 3.6rem
}

@media screen and (max-width: 768px) {
    .helper-radius-36 {
        border-radius:1.8rem
    }
}

.helper-margin-top-185 {
    margin-top: 18.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-185 {
        margin-top:9.25rem!important
    }
}

.helper-margin-bottom-185 {
    margin-bottom: 18.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-185 {
        margin-bottom:9.25rem!important
    }
}

.helper-padding-top-185 {
    padding-top: 18.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-185 {
        padding-top:9.25rem!important
    }
}

.helper-padding-bottom-185 {
    padding-bottom: 18.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-185 {
        padding-bottom:9.25rem!important
    }
}

.helper-padding-185 {
    padding: 18.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-185 {
        padding:9.25rem!important
    }
}

.helper-height-370 {
    height: 37rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-370 {
        height:18.5rem!important
    }
}

.helper-radius-37 {
    border-radius: 3.7rem
}

@media screen and (max-width: 768px) {
    .helper-radius-37 {
        border-radius:1.85rem
    }
}

.helper-margin-top-190 {
    margin-top: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-190 {
        margin-top:9.5rem!important
    }
}

.helper-margin-bottom-190 {
    margin-bottom: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-190 {
        margin-bottom:9.5rem!important
    }
}

.helper-padding-top-190 {
    padding-top: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-190 {
        padding-top:9.5rem!important
    }
}

.helper-padding-bottom-190 {
    padding-bottom: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-190 {
        padding-bottom:9.5rem!important
    }
}

.helper-padding-190 {
    padding: 19rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-190 {
        padding:9.5rem!important
    }
}

.helper-height-380 {
    height: 38rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-380 {
        height:19rem!important
    }
}

.helper-radius-38 {
    border-radius: 3.8rem
}

@media screen and (max-width: 768px) {
    .helper-radius-38 {
        border-radius:1.9rem
    }
}

.helper-margin-top-195 {
    margin-top: 19.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-195 {
        margin-top:9.75rem!important
    }
}

.helper-margin-bottom-195 {
    margin-bottom: 19.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-195 {
        margin-bottom:9.75rem!important
    }
}

.helper-padding-top-195 {
    padding-top: 19.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-195 {
        padding-top:9.75rem!important
    }
}

.helper-padding-bottom-195 {
    padding-bottom: 19.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-195 {
        padding-bottom:9.75rem!important
    }
}

.helper-padding-195 {
    padding: 19.5rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-195 {
        padding:9.75rem!important
    }
}

.helper-height-390 {
    height: 39rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-390 {
        height:19.5rem!important
    }
}

.helper-radius-39 {
    border-radius: 3.9rem
}

@media screen and (max-width: 768px) {
    .helper-radius-39 {
        border-radius:1.95rem
    }
}

.helper-margin-top-200 {
    margin-top: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-top-200 {
        margin-top:10rem!important
    }
}

.helper-margin-bottom-200 {
    margin-bottom: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-margin-bottom-200 {
        margin-bottom:10rem!important
    }
}

.helper-padding-top-200 {
    padding-top: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-top-200 {
        padding-top:10rem!important
    }
}

.helper-padding-bottom-200 {
    padding-bottom: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-bottom-200 {
        padding-bottom:10rem!important
    }
}

.helper-padding-200 {
    padding: 20rem!important
}

@media screen and (max-width: 768px) {
    .helper-padding-200 {
        padding:10rem!important
    }
}

.helper-height-400 {
    height: 40rem!important
}

@media screen and (max-width: 768px) {
    .helper-height-400 {
        height:20rem!important
    }
}

.helper-radius-40 {
    border-radius: 4rem
}

@media screen and (max-width: 768px) {
    .helper-radius-40 {
        border-radius:2rem
    }
}

.helper-font-family-en {
    font-family: Oswald,sans-serif
}

.helper-font-weight-bold {
    font-weight: 700
}

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

@media screen and (max-width: 768px) {
    .helper-text-align-center-sp {
        text-align:center
    }
}

.helper-text-align-right {
    text-align: right
}

¥ .helper-color-white {
    color: #fff
}

.helper-bg-color-main-bg {
    background: #ffe5e5
}

.helper-bg-color-white {
    background: #fff
}

.helper-bg-color-black {
    color: #fff;
    background: #000
}

.helper-hover-opacity {
    transition: opacity .2s cubic-bezier(.39,.575,.565,1);
    will-change: opacity
}

@media (hover: hover) {
    .helper-hover-opacity:hover {
        opacity:.6
    }
}

@media (hover: none) {
    .helper-hover-opacity:active {
        opacity:.6
    }
}

.helper-hover-underline {
    position: relative
}

.helper-hover-underline:before {
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    scale: 0 1;
    transform-origin: right center;
    background-color: #fff;
    transition: scale .2s cubic-bezier(.39,.575,.565,1);
    will-change: scale
}

@media (hover: hover) {
    .helper-hover-underline:hover:before {
        scale:1 1;
        transform-origin: left center
    }
}

@media (hover: none) {
    .helper-hover-underline:active:before {
        scale:1 1;
        transform-origin: left center
    }
}

.helper-hover-scale img {
    scale: 1;
    transition: scale .8s cubic-bezier(.165,.84,.44,1);
    will-change: scale
}

@media (hover: hover) {
    .helper-hover-scale:hover img {
        scale:1.1
    }
}

@media (hover: none) {
    .helper-hover-scale:active img {
        scale:1.1
    }
}

.js-tab-target {
    display: none
}

.js-tab-target.is-active {
    display: block
}

.helper-after-none:after {
    display: none!important
}

.helper-after-white:after {
    background-color: #fff!important
}