@import url(css2.css);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

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

.has-text-align-right {
    text-align: right
}

.has-text-color.has-default-color {
    color: var(--global--color-default)
}

.has-text-color.has-thin-color {
    color: var(--global--color-thin)
}

.has-text-color.has-main-color {
    color: var(--global--color-main)
}

.has-text-color.has-sub-color {
    color: #2c928c
}

.has-text-color.has-bg-primary-color {
    color: var(--global--color-bg-primary)
}

.has-text-color.has-bg-secondary-color {
    color: var(--global--color-bg-secondary)
}

.has-text-color.has-bg-tertiary-color {
    color: var(--global--color-bg-tertiary)
}

.has-text-color.has-border-color {
    color: var(--global--color-border)
}

.has-text-color.has-alert-color {
    color: var(--global--color-alert)
}

.has-text-color.has-white-color {
    color: var(--global--color-white)
}

.has-background {
    box-sizing: border-box
}

.has-background.has-default-background-color {
    background-color: var(--global--color-default);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-default-background-color {
        padding: 4.8rem
    }
}

.has-background.has-default-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-default-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-thin-background-color {
    background-color: var(--global--color-thin);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-thin-background-color {
        padding: 4.8rem
    }
}

.has-background.has-thin-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-thin-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-main-background-color {
    background-color: var(--global--color-main);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-main-background-color {
        padding: 4.8rem
    }
}

.has-background.has-main-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-main-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-sub-background-color {
    background-color:#2c928c;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-sub-background-color {
        padding: 4.8rem
    }
}

.has-background.has-sub-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-sub-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-bg-primary-background-color {
    background-color: var(--global--color-bg-primary);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-bg-primary-background-color {
        padding: 4.8rem
    }
}

.has-background.has-bg-primary-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-bg-primary-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-bg-secondary-background-color {
    background-color: var(--global--color-bg-secondary);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-bg-secondary-background-color {
        padding: 4.8rem
    }
}

.has-background.has-bg-secondary-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-bg-secondary-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-bg-tertiary-background-color {
    background-color: var(--global--color-bg-tertiary);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-bg-tertiary-background-color {
        padding: 4.8rem
    }
}

.has-background.has-bg-tertiary-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-bg-tertiary-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-border-background-color {
    background-color: var(--global--color-border);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-border-background-color {
        padding: 4.8rem
    }
}

.has-background.has-border-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-border-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-alert-background-color {
    background-color: var(--global--color-alert);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-alert-background-color {
        padding: 4.8rem
    }
}

.has-background.has-alert-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-alert-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.has-white-background-color {
    background-color: var(--global--color-white);
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.has-white-background-color {
        padding: 4.8rem
    }
}

.has-background.has-white-background-color>*:first-child {
    margin-top: 0
}

.has-background.has-white-background-color>*:last-child {
    margin-bottom: 0
}

.has-background.is-narrow {
    padding: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .has-background.is-narrow {
        padding: 1.6rem
    }
}

.has-default-background-color:not(.has-background) {
    background-color: var(--global--color-default) !important
}

.has-thin-background-color:not(.has-background) {
    background-color: var(--global--color-thin) !important
}

.has-main-background-color:not(.has-background) {
    background-color: var(--global--color-main) !important
}

.has-sub-background-color:not(.has-background) {
    background-color:#2c928c !important
}

.has-bg-primary-background-color:not(.has-background) {
    background-color: var(--global--color-bg-primary) !important
}

.has-bg-secondary-background-color:not(.has-background) {
    background-color: var(--global--color-bg-secondary) !important
}

.has-bg-tertiary-background-color:not(.has-background) {
    background-color: var(--global--color-bg-tertiary) !important
}

.has-border-background-color:not(.has-background) {
    background-color: var(--global--color-border) !important
}

.has-alert-background-color:not(.has-background) {
    background-color: var(--global--color-alert) !important
}

.has-white-background-color:not(.has-background) {
    background-color: var(--global--color-white) !important
}

.has-minimum-font-size {
    font-size: var(--global--font-size-2xs)
}

.has-extra-small-font-size {
    font-size: var(--global--font-size-xs)
}

.has-small-font-size {
    font-size: var(--global--font-size-sm)
}

.has-normal-font-size {
    font-size: var(--global--font-size-md)
}

.has-large-font-size {
    font-size: var(--global--font-size-lg)
}

.has-extra-large-font-size {
    font-size: var(--global--font-size-xl)
}

.has-huge-font-size {
    font-size: var(--global--font-size-2xl)
}

.has-maximum-font-size {
    font-size: var(--global--font-size-3xl)
}

.default-max-width {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.wide-max-width {
    box-sizing: border-box;
    max-width: var(--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) and (max-width: 1244px) {
    .wide-max-width {
        max-width: calc(100vw - var(--global--spacing-content) * 2)
    }
}

.full-max-width {
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.inner-max-width {
    box-sizing: border-box;
    max-width: var(--inner-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .inner-max-width {
        padding-left: var(--global--spacing-content);
        padding-right: var(--global--spacing-content)
    }
}

.page-inner-max-width {
    box-sizing: border-box;
    max-width: var(--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .page-inner-max-width {
        padding-left: var(--global--spacing-content);
        padding-right: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 961px) {
    .page-inner-max-width {
        max-width: calc(112rem + var(--global--spacing-content) * 2)
    }
}

.outer-max-width {
    box-sizing: border-box;
    max-width: var(--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .outer-max-width {
        padding-left: var(--global--spacing-content);
        padding-right: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 961px) {
    .outer-max-width {
        max-width: var(--max-content-width)
    }
}

.content-max-width {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--global--spacing-content);
    padding-right: var(--global--spacing-content);
    max-width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .content-max-width {
        max-width: var(--max-content-width)
    }
}

html {
    font-size: 62.5%;
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
    color: var(--global--color-default);
    font-family: var(--global--font-primary);
    font-size: var(--global--font-size-md);
    line-height: var(--global--line-height);
    font-weight: 400;
    letter-spacing: 0;
    word-wrap: break-word;
    position: relative
}

@media print,
only screen and (min-width: 1280px) {
    body:after {
        transition: all .2s ease-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
        opacity: 0;
        visibility: hidden
    }
}

@media print,
only screen and (min-width: 1280px) and (min-width: 961px) {
    body:after {
        height: calc(100% - 8rem);
        top: auto;
        bottom: 0
    }
}

a {
    cursor: pointer;
    color: #2c928c;
    text-underline-offset: 2px;
    -webkit-text-decoration-skip-ink: all;
    text-decoration-skip-ink: all
}

a:hover {
    text-decoration: none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

img {
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto
}

pre {
    box-sizing: border-box;
    padding: 2rem;
    background: var(--global--color-bg-secondary);
    border-top: var(--global--color-border) solid 1px;
    border-bottom: var(--global--color-border) solid 1px;
    white-space: pre-wrap;
    font-size: var(--global--font-size-sm);
    line-height: 1.25
}

/*!
 * fullPage 3.1.2
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0, -50%, 0)
}

#fp-nav.fp-right {
    right: 17px
}

#fp-nav.fp-left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
    bottom: 17px
}

.fp-slidesNav.fp-top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    transition: all 0.1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important
}

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

@font-face {
    font-family: 'lg';
    src: url("../font/lg.ttf") format("truetype"), url("../font/lg.woff") format("woff"), url("../font/lg.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: 'lg' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: none;
    border: none;
    background-color: transparent
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    animation: lg-right-end 0.3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    animation: lg-left-end 0.3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    background: none;
    border: none;
    box-shadow: none;
    transition: color 0.2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 8px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold
}

.lg-sub-html p {
    margin: 5px 0 0;
    font-size: 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .lg-sub-html p {
        font-size: 1.4rem
    }
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    transform: translate3d(0, 0%, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        transition: border-color 0.25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #fff
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    transition: bottom 0.25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toggle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: -39px;
    width: 50px;
    outline: medium none;
    border: none;
    right: 0
}

@media print,
only screen and (min-width: 961px) {
    .lg-outer .lg-toggle-thumb {
        right: 20px
    }
}

.lg-outer .lg-toggle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toggle-thumb:hover {
    color: #FFF
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("https://metrol-sh.cn/wp-content/themes/metrol/assets/img/vimeo-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("https://metrol-sh.cn/wp-content/themes/metrol/assets/img/vimeo-play.png") no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("https://metrol-sh.cn/wp-content/themes/metrol/assets/img/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url("https://metrol-sh.cn/wp-content/themes/metrol/assets/img/youtube-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("https://metrol-sh.cn/wp-content/themes/metrol/assets/img/youtube-play.png") no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    transition: opacity 0.08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    transform: scale3d(1, 1, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    transition: box-shadow 0.3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    transition-delay: 0s;
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 5px, 0);
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0px
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e907"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e905"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e906"
}

.lg-outer .lg-img-rotate {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s
}

.lg-rotate-left:after {
    content: "\e900"
}

.lg-rotate-right:after {
    content: "\e901"
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
    font-size: 26px
}

.lg-flip-hor:after {
    content: "\e902"
}

.lg-flip-ver:after {
    content: "\e903"
}

.lg-group {
    *zoom: 1
}

.lg-group:before,
.lg-group:after {
    display: table;
    content: "";
    line-height: 0
}

.lg-group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10500;
    opacity: 0;
    outline: none;
    transition: opacity 0.15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url("../image/preloader.gif") no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    padding-bottom: 10rem
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    background-color: #fff
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    transition: opacity 0.15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10400;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    transition: opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

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

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

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

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

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

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

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

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

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

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

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

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

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

#ez-toc-container.counter-flat ul,
#ez-toc-container.counter-hierarchy ul,
.ez-toc-widget-container.counter-flat ul,
.ez-toc-widget-container.counter-hierarchy ul {
    counter-reset: item
}

#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
    content: counters(item, ".") ". ";
    display: inline-block;
    counter-increment: item;
    margin-right: .2em
}

#ez-toc-container.counter-roman li a::before,
.ez-toc-widget-container.counter-roman ul.ez-toc-list li a::before {
    content: counters(item, ".", upper-roman) ". ";
    counter-increment: item
}

#ez-toc-container {
    background: var(--global--color-bg-primary);
    padding: 3.2rem 2rem 4.8rem;
    box-sizing: border-box;
    margin-top: 6.4rem;
    margin-bottom: 6.4rem
}

@media print,
only screen and (min-width: 961px) {
    #ez-toc-container {
        padding: 3.2rem 4rem 4.8rem
    }
}

#ez-toc-container .ez-toc-title {
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
    color: var(--global--color-default);
    font-size: 2rem;
    margin-bottom: 1.5rem
}

@media print,
only screen and (min-width: 961px) {
    #ez-toc-container .ez-toc-title {
        font-size: var(--global--font-size-2xl);
        margin-bottom: 1.5rem
    }
}

#ez-toc-container .ez-toc-list li {
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    #ez-toc-container .ez-toc-list li {
        padding-left: 0
    }
}

#ez-toc-container .ez-toc-list li:last-child {
    margin-bottom: 0
}

#ez-toc-container .ez-toc-list li:before {
    display: none
}

#ez-toc-container .ez-toc-list li a {
    color: var(--global--color-main)
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2 {
    font-weight: bold;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    margin-bottom: 1.2rem
}

#ez-toc-container .ez-toc-list .ez-toc-list-level-3 {
    margin-top: 1.2rem
}

#ez-toc-container .ez-toc-list .ez-toc-list-level-3 .ez-toc-heading-level-3 {
    font-weight: 400;
    font-size: var(--global--font-size-md);
    line-height: 1.81;
    margin-bottom: 1.2rem;
    padding-left: 2rem
}

@media print,
only screen and (min-width: 961px) {
    #ez-toc-container .ez-toc-list .ez-toc-list-level-3 .ez-toc-heading-level-3 {
        padding-left: 2.5rem;
        margin-bottom: 0
    }
}

.editor-post-title__block {
    position: relative;
    margin-bottom: 2.4rem
}

.editor-post-title__block .editor-post-title__input {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    font-family: 2.4rem;
    color: var(--global--color-default);
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .editor-post-title__block .editor-post-title__input {
        font-size: 3.6rem
    }
}

.editor-styles-wrapper {
    height: auto !important
}

.wp-block {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.wp-block[data-type="acf/series-main"],
.wp-block[data-type="acf/series-main-other"],
.wp-block[data-type="acf/series-reason"],
.wp-block[data-type="acf/series-feature"],
.wp-block[data-type="acf/series-spec"],
.wp-block[data-type="acf/series-example"],
.wp-block[data-type="acf/series-comparison"],
.wp-block[data-type="acf/switch-lineup"],
.wp-block[data-align="wide"],
.wp-block.alignwide {
    box-sizing: border-box;
    max-width: var(--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) and (max-width: 1244px) {

    .wp-block[data-type="acf/series-main"],
    .wp-block[data-type="acf/series-main-other"],
    .wp-block[data-type="acf/series-reason"],
    .wp-block[data-type="acf/series-feature"],
    .wp-block[data-type="acf/series-spec"],
    .wp-block[data-type="acf/series-example"],
    .wp-block[data-type="acf/series-comparison"],
    .wp-block[data-type="acf/switch-lineup"],
    .wp-block[data-align="wide"],
    .wp-block.alignwide {
        max-width: calc(100vw - var(--global--spacing-content) * 2)
    }
}

.wp-block[data-align="full"],
.wp-block.alignfull {
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.wp-block.wp-block-group {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.wp-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-group):not(.wide-max-width):not(.page-inner-max-width):not(.outer-max-width):not(.content-max-width):not(.section-content),
*[class*="inner-container"]>*:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-group) {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.wp-content>.alignwide,
*[class*="inner-container"]>.alignwide {
    box-sizing: border-box;
    max-width: var(--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) and (max-width: 1244px) {

    .wp-content>.alignwide,
    *[class*="inner-container"]>.alignwide {
        max-width: calc(100vw - var(--global--spacing-content) * 2)
    }
}

.wp-content>.alignfull,
*[class*="inner-container"]>.alignfull {
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.wp-content>.wp-block-group,
*[class*="inner-container"]>.wp-block-group {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.wp-block-buttons {
    letter-spacing: -.4em;
    margin: 2.4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons {
        margin-bottom: 4rem auto
    }
}

.wp-block-buttons:first-child {
    margin-top: 0
}

.wp-block-buttons:last-child {
    margin-bottom: 0
}

.wp-block-buttons .wp-block-button {
    display: inline-block;
    letter-spacing: normal;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.1rem;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons .wp-block-button {
        margin-right: .5rem;
        margin-left: .5rem;
        width: 33.5rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons .wp-block-button:first-child {
        margin-left: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons .wp-block-button:last-child {
        margin-right: 0
    }
}

.wp-block-buttons .wp-block-button .wp-block-button__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background:#2c928c;
    border: #2c928c solid 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    padding: 1.9rem 4.1rem 1.8rem 1.9rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons .wp-block-button .wp-block-button__link {
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }
}

.wp-block-buttons .wp-block-button .wp-block-button__link:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: var(--global--color-main);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
    background: #fff;
    color: #2c928c
}

.wp-block-buttons .wp-block-button .wp-block-button__link:hover:after {
    right: 1.8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons .wp-block-button.is-font-smaller .wp-block-button__link {
        font-size: var(--global--font-size-sm);
        padding-top: 1.9rem;
        padding-bottom: 1.8rem
    }
}

.wp-block-buttons .wp-block-button.is-anchor .wp-block-button__link:after {
    right: 2rem;
    transform: rotate(90deg)
}

.wp-block-buttons .wp-block-button.is-anchor .wp-block-button__link:hover:after {
    right: 2rem;
    bottom: -.2rem
}

.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    background: #fff;
    border: var(--global--color-main) solid 1px;
    color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--global--color-main);
    color: #fff
}

.wp-block-buttons .wp-block-button.is-primay .wp-block-button__link {
    border-color: var(--global--color-main);
    background-color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-primay .wp-block-button__link:after {
    background-color:#2c928c
}

.wp-block-buttons .wp-block-button.is-primay .wp-block-button__link:hover {
    background: #fff;
    color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-style-online .wp-block-button__link {
    border-color: #fff;
    background-color: #fff;
    color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-style-online .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_online_consulting.svg);
    background-size: 3.7rem 3.7rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 3.7rem;
    height: 3.7rem
}

.wp-block-buttons .wp-block-button.is-style-online .wp-block-button__link:hover {
    background-color: var(--global--color-bg-primary);
    color: #2c928c
}

.wp-block-buttons .wp-block-button.is-style-online .wp-block-button__link:hover:after {
    right: 2rem
}

.wp-block-buttons .wp-block-button.is-style-catalog .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_cta_catalog.svg);
    background-size: 2.4rem 2.5rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.4rem;
    height: 2.5rem;
    border-radius: 0;
    right: 1.5rem
}

.wp-block-buttons .wp-block-button.is-style-catalog .wp-block-button__link:hover {
    background-color: #2DB7F4;
    color: #fff
}

.wp-block-buttons .wp-block-button.is-style-catalog .wp-block-button__link:hover:after {
    right: 1.5rem
}

.wp-block-buttons .wp-block-button.is-style-contact .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_cta_mail.svg);
    background-size: 2.3rem 1.7rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.3rem;
    height: 1.7rem;
    border-radius: 0;
    right: 1.9rem
}

.wp-block-buttons .wp-block-button.is-style-contact .wp-block-button__link:hover {
    background-color: #2DB7F4;
    color: #fff
}

.wp-block-buttons .wp-block-button.is-style-contact .wp-block-button__link:hover:after {
    right: 1.9rem
}

.wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_small_catalog.svg);
    background-size: 2.8rem 2.9rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.8rem;
    height: 2.9rem;
    border-radius: 0
}

.wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:hover {
    background-color: var(--global--color-bg-primary);
    color: #2c928c
}

.wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:hover:after {
    right: 2rem
}

.wp-block-buttons .wp-block-button.is-style-download.is-icon-white .wp-block-button__link:after {
    background-image: url(../image/icon_small_catalog_white.svg)
}

.wp-block-buttons .wp-block-button.is-style-download.is-icon-white .wp-block-button__link:hover {
    background-color: var(--global--color-main);
    color: #fff;
    border-color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-style-location .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_location.svg);
    background-size: 1.4rem 2rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 1.4rem;
    height: 2rem;
    border-radius: 0
}

.wp-block-buttons .wp-block-button.is-style-location .wp-block-button__link:hover {
    background-color: #fff;
    color: var(--global--color-main)
}

.wp-block-buttons .wp-block-button.is-style-location .wp-block-button__link:hover:after {
    right: 2rem
}

.wp-block-buttons .wp-block-button.is-style-companies .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_companies.svg);
    background-size: 2.4rem 3rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.4rem;
    height: 3rem;
    border-radius: 0
}

.wp-block-buttons .wp-block-button.is-style-companies .wp-block-button__link:hover {
    background-color: #2DB7F4;
    color: #fff
}

.wp-block-buttons .wp-block-button.is-style-companies .wp-block-button__link:hover:after {
    right: 2rem
}

.wp-block-buttons .wp-block-button.is-style-certificates .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_certificates.svg);
    background-size: 2.5rem 3rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.5rem;
    height: 3rem;
    border-radius: 0
}

.wp-block-buttons .wp-block-button.is-style-certificates .wp-block-button__link:hover {
    background-color: #2DB7F4;
    color: #fff
}

.wp-block-buttons .wp-block-button.is-style-certificates .wp-block-button__link:hover:after {
    right: 2rem
}

.wp-block-buttons .wp-block-button.is-style-rohs .wp-block-button__link:after {
    background-color: transparent;
    background-image: url(../image/icon_rohs.svg);
    background-size: 2.6rem 3rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2.6rem;
    height: 3rem;
    border-radius: 0
}

.wp-block-buttons .wp-block-button.is-style-rohs .wp-block-button__link:hover {
    background-color: #2DB7F4;
    color: #fff
}

.wp-block-buttons .wp-block-button.is-style-rohs .wp-block-button__link:hover:after {
    right: 2rem
}

h1+.wp-block-buttons,
h2+.wp-block-buttons,
h3+.wp-block-buttons,
h4+.wp-block-buttons,
h5+.wp-block-buttons,
h6+.wp-block-buttons {
    margin-top: 0
}

.editor-styles-wrapper .wp-block-buttons.wp-block.is-content-justification-center {
    display: flex !important
}

.wp-case-point {
    box-sizing: border-box;
    background: #EDF2F5;
    border-radius: 5px;
    padding: 3.2rem 2rem 2.4rem;
    margin: 4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-point {
        display: flex;
        align-items: center;
        padding: 3.6rem
    }
}

.wp-case-point .wp-case-point__title {
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    color: #2c928c;
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-point .wp-case-point__title {
        width: 14.4rem;
        text-align: left;
        font-size: var(--global--font-size-lg);
        line-height: 1.5;
        margin-bottom: 0
    }
}

.wp-case-point .wp-case-point__inner {
    background: #fafafa;
    border-radius: 0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 2.4rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-point .wp-case-point__inner {
        flex: 1;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.wp-case-point .wp-case-point__text {
    font-weight: 700;
    position: relative;
    margin: 0;
    padding-left: 1em
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-point .wp-case-point__text {
        padding-left: 1.25em
    }
}

.wp-case-point .wp-case-point__text:before {
    content: "・";
    position: absolute;
    left: 0
}

.wp-case-point:first-child {
    margin-top: 0
}

.wp-case-point:last-child {
    margin-bottom: 0
}

h1 .wp-case-point,
h2 .wp-case-point,
h3 .wp-case-point,
h4 .wp-case-point,
h5 .wp-case-point,
h6 .wp-case-point {
    margin-top: 0
}

.wp-case-result {
    box-sizing: border-box;
    background: #FCEFEF;
    border-radius: 5px;
    padding: 3.2rem 2rem 2.4rem;
    margin: 4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-result {
        display: flex;
        align-items: center;
        padding: 3.6rem
    }
}

.wp-case-result .wp-case-result__title {
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    color: #F53F3F;
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-result .wp-case-result__title {
        width: 14.4rem;
        text-align: left;
        font-size: var(--global--font-size-lg);
        line-height: 1.5;
        margin-bottom: 0
    }
}

.wp-case-result .wp-case-result__inner {
    background: #fafafa;
    border-radius: 0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 2.4rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-result .wp-case-result__inner {
        flex: 1;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.wp-case-result .wp-case-result__text {
    font-weight: 700;
    position: relative;
    margin: 0;
    padding-left: 1em
}

@media print,
only screen and (min-width: 961px) {
    .wp-case-result .wp-case-result__text {
        padding-left: 1.25em
    }
}

.wp-case-result .wp-case-result__text:before {
    content: "・";
    position: absolute;
    left: 0
}

.wp-case-result:first-child {
    margin-top: 0
}

.wp-case-result:last-child {
    margin-bottom: 0
}

h1 .wp-case-result,
h2 .wp-case-result,
h3 .wp-case-result,
h4 .wp-case-result,
h5 .wp-case-result,
h6 .wp-case-result {
    margin-top: 0
}

.wp-content br+img {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.wp-content>table:not([class]) {
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.wp-content>table:not([class]) thead {
    background: var(--global--color-bg-primary);
    border-color: var(--global--color-border);
    border-width: 2px
}

.wp-content>table:not([class]) thead th {
    background: var(--global--color-bg-primary);
    color: var(--global--color-default)
}

.wp-content>table:not([class]) th {
    background-color: var(--global--color-bg-tertiary)
}

.wp-content>table:not([class]) th,
.wp-content>table:not([class]) td {
    border: var(--global--color-border) solid 1px;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: var(--global--font-size-sm)
}

@media print,
only screen and (min-width: 961px) {

    .wp-content>table:not([class]) th,
    .wp-content>table:not([class]) td {
        font-size: 1.2rem
    }
}

.wp-content>table:not([class]) th {
    padding: 1rem
}

.wp-content>table:not([class]) td {
    padding: 2rem 1rem
}

@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 4rem
    }
}

.wp-block-columns {
    margin: 4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-columns {
        margin: 4.8rem auto
    }
}

.wp-block-columns .wp-block-column {
    margin-bottom: 3.5rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-columns .wp-block-column {
        margin-bottom: 0
    }
}

.wp-block-columns .wp-block-column:last-child {
    margin-bottom: 0
}

.wp-block-columns .wp-block-column>*:first-child {
    margin-top: 0
}

.wp-block-columns .wp-block-column>.wp-block-image {
    margin-bottom: 2rem
}

.wp-block-columns .wp-block-column>.wp-block-image+h1,
.wp-block-columns .wp-block-column>.wp-block-image+h2,
.wp-block-columns .wp-block-column>.wp-block-image+h3,
.wp-block-columns .wp-block-column>.wp-block-image+h4,
.wp-block-columns .wp-block-column>.wp-block-image+h5 {
    margin-top: 0
}

.wp-block-columns:first-child {
    margin-top: 0
}

.wp-block-columns:last-child {
    margin-bottom: 0
}

h1+.wp-block-columns,
h2+.wp-block-columns,
h3+.wp-block-columns,
h4+.wp-block-columns,
h5+.wp-block-columns,
h6+.wp-block-columns {
    margin-top: 0
}

.wp-company-list-title {
    font-size: var(--global--font-size-xl);
    border-bottom: var(--global--color-border) solid 1px;
    font-weight: 700;
    padding: 0 0 .2rem;
    margin: 0 auto 1rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-company-list-title {
        font-size: var(--global--font-size-xl);
        margin: 0 auto 1.6rem
    }
}

.wp-company-list {
    margin: 0 auto 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-company-list {
        margin-bottom: 4rem
    }
}

.wp-company-list .wp-company-list-item:not(:first-child) {
    margin-top: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-company-list .wp-company-list-item:not(:first-child) {
        margin-top: 2.4rem
    }
}

.wp-company-list .wp-company-list-item__title {
    color: var(--global--color-main);
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    margin: 0
}

.wp-company-list .wp-company-list-item__container .wp-company-list-item__label {
    font-size: var(--global--font-size-sm);
    color: var(--global--color-thin);
    margin: 0
}

.wp-block-embed {
    margin: 3.6rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-embed {
        margin: 8rem auto
    }
}

.wp-block-embed:first-child {
    margin-top: 0
}

.wp-block-embed:last-child {
    margin-bottom: 0
}

.wp-block-embed+h1,
.wp-block-embed+h2,
.wp-block-embed+h3,
.wp-block-embed+h4,
.wp-block-embed+h5,
.wp-block-embed+h6 {
    margin-top: 0
}

.wp-block-embed figcaption {
    color: var(--global--color-gray);
    font-size: var(--global--font-size-xs);
    line-height: 1.75;
    margin: 1rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-embed figcaption {
        margin: 1.2rem auto 0
    }
}

.wp-block-embed .alignleft figcaption {
    text-align: left
}

.wp-block-embed .aligncenter figcaption {
    text-align: center
}

.wp-block-embed .alignright figcaption {
    text-align: right
}

h1+.wp-block-embed,
h2+.wp-block-embed,
h3+.wp-block-embed,
h4+.wp-block-embed,
h5+.wp-block-embed,
h6+.wp-block-embed {
    margin-top: 0
}

.wp-map {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 66.6666%
}

@media print,
only screen and (min-width: 961px) {
    .wp-map {
        padding-top: inherit
    }
}

.wp-map iframe {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

@media print,
only screen and (min-width: 961px) {
    .wp-map iframe {
        position: static;
        height: 46rem
    }
}

.editor-styles-wrapper .wp-block[data-align="left"] .wp-block-embed figcaption {
    text-align: left
}

.editor-styles-wrapper .wp-block[data-align="center"] .wp-block-embed figcaption {
    text-align: center
}

.editor-styles-wrapper .wp-block[data-align="right"] .wp-block-embed figcaption {
    text-align: right
}

.wp-block-group {
    box-sizing: border-box;
    margin: 2.4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-group {
        margin: 4rem auto
    }
}

.wp-block-group.has-background {
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-group.has-background {
        padding: 3.2rem
    }
}

.wp-block-group:first-child {
    margin-top: 0
}

.wp-block-group:last-child {
    margin-bottom: 0
}

.wp-block-group .wp-block-group__inner-container .wp-block-media-text {
    margin-top: 0;
    margin-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-group .wp-block-group__inner-container .wp-block-media-text {
        margin-bottom: 4rem
    }
}

.wp-block-group .wp-block-group__inner-container>*:last-child {
    margin-bottom: 0
}

h1+.wp-block-group,
h2+.wp-block-group,
h3+.wp-block-group,
h4+.wp-block-group,
h5+.wp-block-group,
h6+.wp-block-group {
    margin-top: 0
}

h1,
h2,
.headline {
    color: var(--global--color-default);
    font-weight: 700;
    line-height: 1.5;
    font-size: var(--global--font-size-2xl);
    margin: 3.36em auto 1.09em;
    padding: 1.4rem 0 0 3rem;
    position: relative
}

@media print,
only screen and (min-width: 961px) {

    h1,
    h2,
    .headline {
        font-size: var(--global--font-size-3xl);
        margin: 3.69em auto 1.125em;
        padding: 3.2rem 0 0 5rem
    }
}

h1:before,
h2:before,
.headline:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: var(--global--color-border)
}

h1:after,
h2:after,
.headline:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: calc(1.4rem + .65em);
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: #2c928c;
    width: 2rem;
    height: .3rem
}

@media print,
only screen and (min-width: 961px) {

    h1:after,
    h2:after,
    .headline:after {
        top: calc(3.2rem + .65em);
        left: 0
    }
}

h1.is-normal,
h2.is-normal,
.headline.is-normal {
    padding: 0
}

h1.is-normal:before,
h1.is-normal:after,
h2.is-normal:before,
h2.is-normal:after,
.headline.is-normal:before,
.headline.is-normal:after {
    display: none
}

h1:first-child,
h2:first-child,
.headline:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
.headline:last-child {
    margin-bottom: 0
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
.headline+h1,
.headline+h2,
.headline+h3,
.headline+h4,
.headline+h5,
.headline+h6 {
    margin-top: 0
}

h3,
.heading {
    color: var(--global--color-default);
    font-weight: 700;
    line-height: 1.5;
    font-size: calc(var(--global--font-size-xl) * 1.112);
    margin: 2em auto 1.05em
}

@media print,
only screen and (min-width: 961px) {

    h3,
    .heading {
        font-size: var(--global--font-size-2xl);
        margin: 2.15em auto .77em
    }
}

h3:first-child,
.heading:first-child {
    margin-top: 0
}

h3:last-child,
.heading:last-child {
    margin-bottom: 0
}

h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
.heading+h1,
.heading+h2,
.heading+h3,
.heading+h4,
.heading+h5,
.heading+h6 {
    margin-top: 0
}

h4,
.sub-head {
    color: var(--global--color-default);
    font-weight: 700;
    line-height: 1.5;
    font-size: var(--global--font-size-lg);
    margin: 1.75em 0 1.13em
}

@media print,
only screen and (min-width: 961px) {

    h4,
    .sub-head {
        margin: 1.8em 0 .67em;
        font-size: var(--global--font-size-xl)
    }
}

h4:first-child,
.sub-head:first-child {
    margin-top: 0
}

h4:last-child,
.sub-head:last-child {
    margin-bottom: 0
}

h4 span,
.sub-head span {
    font-size: 62%;
    font-weight: 400
}

h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
.sub-head+h1,
.sub-head+h2,
.sub-head+h3,
.sub-head+h4,
.sub-head+h5,
.sub-head+h6 {
    margin-top: 0
}

.wp-admin h2:not(.wp-block) {
    padding: 0 !important
}

.wp-admin h2:not(.wp-block):before,
.wp-admin h2:not(.wp-block):after {
    display: none
}

.wp-admin h2:not(.wp-block).ui-sortable-handle {
    padding: 15px !important
}

.wp-admin h2.wp-block:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: calc(1.4rem + .65em);
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background:#2c928c;
    width: 2rem;
    height: .3rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-admin h2.wp-block:after {
        top: calc(3.2rem + .65em);
        left: 0
    }
}

.image-columns {
    display: flex;
    flex-wrap: wrap
}

.image-column {
    width: 47.16%;
    margin-top: 2.1rem;
    margin-right: 5.68%
}

@media print,
only screen and (min-width: 961px) {
    .image-column {
        width: 22.17%;
        margin-top: 4.2rem;
        margin-right: 3.77%
    }
}

@media only screen and (max-width: 960px) {
    .image-column:nth-child(even) {
        margin-right: 0
    }
}

.image-column:nth-child(1),
.image-column:nth-child(2) {
    margin-top: 0
}

@media print,
only screen and (min-width: 961px) {

    .image-column:nth-child(3),
    .image-column:nth-child(4) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .image-column:nth-child(4n) {
        margin-right: 0
    }
}

.image-column__picture {
    margin: 0 0 1.6rem;
    text-align: center
}

.image-column__title {
    margin: 0;
    font-size: var(--global--font-size-lg);
    text-align: left;
    line-height: 1.5;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .image-column__title {
        font-size: var(--global--font-size-sm);
        line-height: 1.5
    }
}

.image-column__description {
    margin: .3rem 0 0;
    font-size: var(--global--font-size-sm);
    line-height: 1.75
}

@media print,
only screen and (min-width: 961px) {
    .image-column__description {
        font-size: 1.3rem;
        line-height: 1.77
    }
}

.wp-block-image {
    margin: 4rem auto
}

.wp-block-image.is-style-rounded img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-image.is-style-rounded img {
        border-radius: 14px
    }
}

.wp-block-image figcaption {
    color: var(--global--color-default);
    text-align: left;
    line-height: 1.75;
    margin: 1.2rem auto 0;
    font-size: 1.3rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-image figcaption {
        margin: .8rem auto 0;
        font-size: var(--global--font-size-xs)
    }
}

.wp-block-image:first-child {
    margin-top: 0
}

.wp-block-image .alignleft figcaption {
    text-align: left
}

.wp-block-image .aligncenter figcaption {
    text-align: center
}

.wp-block-image .alignright figcaption {
    text-align: right
}

.wp-block-image a {
    overflow: hidden;
    display: block
}

.wp-block-image a img {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
    transform: scale(1, 1)
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-image a:hover img {
        transform: scale(1.1, 1.1)
    }
}

h1+.wp-block-image,
h2+.wp-block-image,
h3+.wp-block-image,
h4+.wp-block-image,
h5+.wp-block-image,
h6+.wp-block-image {
    margin-top: 0
}

.editor-styles-wrapper figure.wp-block-image:not(.wp-block) {
    margin-right: auto;
    margin-left: auto
}

.editor-styles-wrapper .wp-block[data-align="left"] figcaption {
    text-align: left
}

.editor-styles-wrapper .wp-block[data-align="center"] figcaption {
    text-align: center
}

.editor-styles-wrapper .wp-block[data-align="right"] figcaption {
    text-align: right
}

.wp-link-box {
    background: var(--global--color-bg-secondary);
    box-sizing: border-box;
    margin: 2.4rem auto;
    padding: 2rem 2rem 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-link-box {
        margin: 4rem auto;
        padding: 2.4rem 2.4rem 3.2rem
    }
}

.wp-link-box .wp-link-box__title {
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    color: var(--global--color-main);
    margin: 0 auto 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-link-box .wp-link-box__title {
        font-size: var(--global--font-size-2xl);
        margin-bottom: 2.4rem
    }
}

.wp-link-box .wp-link-box-item {
    display: flex;
    margin: 0 auto 2.8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-link-box .wp-link-box-item {
        margin-bottom: 2.8rem
    }
}

.wp-link-box .wp-link-box-item:last-child {
    margin-bottom: 0
}

.wp-link-box .wp-link-box-item__thumbnail {
    width: 9.6rem;
    margin: 0 1.2rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-link-box .wp-link-box-item__thumbnail {
        width: 16rem;
        margin-right: 3.2rem;
        width: 22.4rem
    }
}

.wp-link-box .wp-link-box-item__thumbnail a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wp-link-box .wp-link-box-item__thumbnail a:hover {
    opacity: .72
}

.wp-link-box .wp-link-box-item__container {
    flex: 1
}

.wp-link-box .wp-link-box-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.44;
    margin: 0 auto .8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-link-box .wp-link-box-item__title {
        margin-bottom: 1.2rem
    }
}

.wp-link-box .wp-link-box-item__title a {
    text-decoration: none
}

.wp-link-box .wp-link-box-item__title a:hover {
    text-decoration: underline
}

.wp-link-box .wp-link-box-item__title img {
    vertical-align: middle;
    margin-left: 2px
}

.wp-link-box .wp-link-box-item__description {
    font-size: var(--global--font-size-sm);
    line-height: 1.86;
    margin: 0
}

ul {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    list-style: none;
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    ul {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }
}

ul li {
    box-sizing: border-box;
    position: relative;
    margin-bottom: .3rem;
    padding-left: 2rem
}

ul li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: .6em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    /* background: #2c928c; */
    width: .6rem;
    height: .6rem;
    border-radius: 6px
}

@media print,
only screen and (min-width: 961px) {
    ul li:before {
        top: .7em
    }
}

ul:first-child {
    margin-top: 0
}

ul:last-child {
    margin-bottom: 0
}

ul.is-list-simple {
    list-style: disc;
    padding-left: 1.5em
}

ul.is-list-simple li {
    padding-left: 0
}

ul.is-list-simple li:before {
    display: none
}

ul.is-list-check li {
    margin-bottom: .8rem;
    padding-left: 3.4rem
}

@media print,
only screen and (min-width: 961px) {
    ul.is-list-check li {
        margin-bottom: .4rem
    }
}

ul.is-list-check li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_check.svg) no-repeat scroll 0 0;
    background-size: 2.4rem 2.2rem;
    width: 2.4rem;
    height: 2.2rem;
    border-radius: 0
}

@media print,
only screen and (min-width: 961px) {
    ul.is-list-check li:before {
        top: .2em
    }
}

ul.is-list-check-2 li {
    margin-bottom: .8rem;
    padding-left: 2.5rem
}

@media print,
only screen and (min-width: 961px) {
    ul.is-list-check-2 li {
        margin-bottom: .4rem
    }
}

ul.is-list-check-2 li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: .3em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_check_2.svg) no-repeat scroll 0 0;
    background-size: 1.7rem 1.5rem;
    width: 1.7rem;
    height: 1.5rem;
    border-radius: 0
}

@media print,
only screen and (min-width: 961px) {
    ul.is-list-check-2 li:before {
        top: .4em
    }
}

ul.is-list-cross li:before {
    background: none;
    content: "×";
    color: var(--global--color-default);
    font-weight: 700;
    top: 0;
    width: auto;
    height: auto
}

ul.has-line-style {
    border-top: var(--global--color-border) solid 1px
}

ul.has-line-style li {
    border-bottom: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px;
    padding: 1.3rem 2.2rem 1.3rem 4.2rem;
    margin-bottom: 0
}

ul.has-line-style li:before {
    top: calc(.6em + 1.3rem);
    left: 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    ul.has-line-style li:before {
        top: calc(.7em + 1.3rem)
    }
}

ul.has-line-style.is-list-check li:before {
    left: 1rem;
    top: 1.3rem
}

@media print,
only screen and (min-width: 961px) {
    ul.has-line-style.is-list-check li:before {
        top: calc(.2em + 1.3rem)
    }
}

ul.has-bottom-line-style {
    border-top: var(--global--color-border) solid 1px
}

ul.has-bottom-line-style li {
    border-bottom: var(--global--color-border) solid 1px;
    padding: 1.1rem 2.2rem 1.1rem 1.8rem;
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    ul.has-bottom-line-style li {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
        padding-left: 2.2rem
    }
}

ul.has-bottom-line-style li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: calc(.6em + 1.1rem);
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: #2c928c;
    width: .6rem;
    height: .6rem;
    border-radius: 6px
}

@media print,
only screen and (min-width: 961px) {
    ul.has-bottom-line-style li:before {
        top: calc(.7em + 1.8rem)
    }
}

ul.has-line-list-style li {
    background-color: #fff;
    margin-bottom: 1rem;
    padding: .8rem .8rem .8rem 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    ul.has-line-list-style li {
        padding: 1.1rem 1.1rem 1.1rem 3.8rem
    }
}

ul.has-line-list-style li:last-child {
    margin-bottom: 0
}

ul.has-line-list-style li:before {
    width: 1rem;
    height: .6rem;
    border-radius: 0;
    top: 1.8rem;
    left: 1.4rem
}

@media print,
only screen and (min-width: 961px) {
    ul.has-line-list-style li:before {
        top: 2.4rem;
        left: 2rem
    }
}

h1+ul,
h2+ul,
h3+ul,
h4+ul,
h5+ul,
h6+ul {
    margin-top: 0
}

.wp-admin li {
    padding-left: 0
}

.wp-admin li:before {
    display: none
}

.wp-media-loop {
    display: flex;
    flex-wrap: wrap
}

.wp-media-item {
    width: 47%;
    margin-top: 3.8rem;
    margin-right: 6%
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item {
        width: 23%;
        margin-right: 2.668%
    }
}

@media only screen and (max-width: 960px) {
    .wp-media-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .wp-media-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item:nth-child(-n+4) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item:nth-child(4n) {
        margin-right: 0
    }
}

.wp-media-item .wp-media-item__thumbnail {
    margin: 0 auto 1rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item .wp-media-item__thumbnail {
        margin-bottom: 1.6rem
    }
}

.wp-media-item .wp-media-item__thumbnail a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item .wp-media-item__thumbnail a:hover {
        opacity: .7
    }
}

.wp-media-item .wp-media-item__thumbnail img {
    width: 100%
}

.wp-media-item .wp-media-item__title {
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    font-weight: 500;
    margin: 0
}

.wp-media-item .wp-media-item__title a {
    color: var(--global--color-default);
    text-decoration: none
}

.wp-media-item .wp-media-item__title a:hover {
    text-decoration: underline
}

.wp-media-item .wp-media-item__update {
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    color: #2c928c;
    margin: .4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-media-item .wp-media-item__update {
        margin-top: .8rem
    }
}

.wp-block-media-text {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-media-text {
        margin-top: 6.4rem;
        margin-bottom: 6.4rem
    }
}

.wp-block-media-text.alignfull {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-media-text.alignfull {
        margin-top: 9.6rem;
        margin-bottom: 9.6rem
    }
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0 8.5%
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0 6.5%
    }
}

.wp-block-media-text:not(.alignwide):not(.alignfull):not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0
}

.wp-block-media-text.has-media-on-the-right:not(.alignwide):not(.alignfull) .wp-block-media-text__content {
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-media-text.alignwide:not(.alignfull):not(.has-media-on-the-right) .wp-block-media-text__content {
        padding-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-media-text.has-media-on-the-right.alignwide:not(.alignfull) .wp-block-media-text__content {
        padding-left: 0
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        margin-top: 2.4rem
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
        -ms-grid-row: 1 !important;
        grid-row: 1 !important
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
        -ms-grid-row: 2 !important;
        grid-row: 2 !important
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile:not(.alignwide):not(.alignfull) .wp-block-media-text__content {
        padding-left: 0;
        padding-right: 0
    }
}

.wp-block-media-text:first-child {
    margin-top: 0
}

h1+.wp-block-media-text,
h2+.wp-block-media-text,
h3+.wp-block-media-text,
h4+.wp-block-media-text,
h5+.wp-block-media-text,
h6+.wp-block-media-text {
    margin-top: 0
}

p {
    margin: 1.25em 0
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    margin-top: 0
}

.editor-styles-wrapper p {
    margin: 1.25em 0
}

.editor-styles-wrapper p:first-child {
    margin-top: 0
}

.editor-styles-wrapper p:last-child {
    margin-bottom: 0
}

.editor-styles-wrapper h1+p,
.editor-styles-wrapper h2+p,
.editor-styles-wrapper h3+p,
.editor-styles-wrapper h4+p,
.editor-styles-wrapper h5+p,
.editor-styles-wrapper h6+p {
    margin-top: 0
}

.wp-products-list {
    border-top: var(--global--color-border) solid 1px
}

.wp-products-list__item {
    border-bottom: var(--global--color-border) solid 1px;
    box-sizing: border-box;
    padding: 2rem 0 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__item {
        padding: 4rem 0;
        display: flex;
        align-items: center
    }
}

.wp-products-list__image {
    text-align: center;
    margin: 0 auto 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__image {
        width: 20%;
        margin-right: 2%;
        margin-bottom: 0
    }
}

.wp-products-list__image a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wp-products-list__image a:hover {
    opacity: .7
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__inner {
        flex: 1
    }
}

.wp-products-list__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__title {
        font-size: var(--global--font-size-lg)
    }
}

.wp-products-list__title a {
    color: var(--global--color-main)
}

.wp-products-list__catch {
    margin: 1.6rem 0 0;
    font-weight: 700;
    line-height: 1.5;
    color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__catch {
        font-size: var(--global--font-size-sm);
        margin-top: 1.5rem
    }
}

.wp-products-list__text {
    margin: 1.4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-list__text {
        font-size: var(--global--font-size-sm);
        margin-top: 1.8rem
    }
}

.wp-products-link {
    box-sizing: border-box;
    background: #EDF2F5;
    border-radius: 5px;
    padding: 3.2rem 2rem 2.4rem;
    margin: 8rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4.4rem 3.6rem 3.3rem;
        margin: 9.6rem auto
    }
}

.wp-products-link:first-child {
    margin-top: 0
}

.wp-products-link:last-child {
    margin-bottom: 0
}

.wp-products-link .wp-products-link__title {
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    color: var(--global--color-main);
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-link .wp-products-link__title {
        width: 15.6rem;
        text-align: left;
        font-size: var(--global--font-size-2xl);
        line-height: 1.5;
        margin-bottom: 0;
        padding-bottom: 1.4rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-link .wp-products-link__buttons .wp-block-button {
        margin-left: 1rem;
        margin-right: 1rem;
        width: 31.5rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-products-link .wp-products-link__buttons .wp-block-button .wp-block-button__link {
        font-size: var(--global--font-size-sm)
    }
}

.wp-block-quote {
    background-color: var(--global--color-bg-primary);
    border-left: #2c928c solid 4px;
    position: relative;
    margin: 2.4rem auto;
    padding: 2.8rem 2rem 2rem 2.8rem;
    background-image: url(../image/icon_quote.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 20px 12.52px;
    background-position: 1rem 1rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-quote {
        background-position: 1rem 3rem;
        margin: 4rem auto;
        padding: 2.8rem 1.6rem 2.8rem 4.4rem
    }
}

.wp-block-quote cite {
    color: var(--global--color-default);
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.75;
    margin: .8rem auto 0
}

.wp-block-quote cite a {
    text-decoration: underline
}

.wp-block-quote cite a:hover {
    text-decoration: none
}

.wp-block-quote:first-child {
    margin-top: 0
}

h1+.wp-block-quote,
h2+.wp-block-quote,
h3+.wp-block-quote,
h4+.wp-block-quote,
h5+.wp-block-quote,
h6+.wp-block-quote {
    margin-top: 0
}

.wp-block-separator {
    border: none;
    max-width: auto;
    display: block;
    height: 2px;
    background: var(--global--color-border);
    margin: 2.4rem auto;
    width: 100% !important
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-separator {
        margin: 3.2rem auto
    }
}

.wp-block-separator:last-child {
    margin-bottom: 0
}

.wp-block-table {
    margin-right: 0;
    margin-left: 0
}

.wp-block-table:first-child {
    margin-top: 0
}

.wp-block-table:last-child {
    margin-bottom: 0
}

.wp-block-table.has-nowrap th,
.wp-block-table.has-nowrap td {
    white-space: nowrap
}

.wp-block-table.has-layout-auto table {
    table-layout: auto
}

.wp-block-table table {
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.wp-block-table table thead {
    background: var(--global--color-bg-primary);
    border-color: var(--global--color-border);
    border-width: 2px
}

.wp-block-table table thead th {
    background: var(--global--color-bg-primary);
    color: var(--global--color-default)
}

.wp-block-table table th,
.wp-block-table table td {
    border-color: var(--global--color-border);
    box-sizing: border-box;
    line-height: 1.5;
    font-size: var(--global--font-size-sm)
}

@media print,
only screen and (min-width: 961px) {

    .wp-block-table table th,
    .wp-block-table table td {
        font-size: 1.2rem
    }
}

.wp-block-table table th {
    padding: 1rem
}

.wp-block-table table td {
    padding: 2rem 1rem
}

.wp-block-table figcaption {
    color: var(--global--color-gray);
    font-size: var(--global--font-size-xs);
    text-align: left;
    line-height: 1.75;
    margin: 1rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table figcaption {
        margin: 1.2rem auto 0
    }
}

@media only screen and (max-width: 960px) {
    .wp-block-table:not(.has-horizontal) table {
        font-size: var(--global--font-size-xs);
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }
}

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

    .wp-block-table.has-horizontal table,
    .wp-block-table.has-horizontal thead,
    .wp-block-table.has-horizontal tbody,
    .wp-block-table.has-horizontal tfoot,
    .wp-block-table.has-horizontal tr,
    .wp-block-table.has-horizontal th,
    .wp-block-table.has-horizontal td {
        display: block
    }
}

.wp-block-table.has-horizontal table {
    border-bottom: var(--global--color-border) solid 1px;
    table-layout: auto
}

.wp-block-table.has-horizontal table tr * {
    border-bottom: none
}

.wp-block-table.has-horizontal table tr th,
.wp-block-table.has-horizontal table tr td {
    background: #fff;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    padding: .7rem 1rem
}

@media print,
only screen and (min-width: 961px) {

    .wp-block-table.has-horizontal table tr th,
    .wp-block-table.has-horizontal table tr td {
        font-size: var(--global--font-size-sm);
        padding: 1.4rem 2.2rem;
        line-height: 1.71
    }
}

.wp-block-table.has-horizontal table tr th:first-child,
.wp-block-table.has-horizontal table tr td:first-child {
    font-weight: 700;
    background-color: var(--global--color-bg-primary)
}

@media print,
only screen and (min-width: 961px) {

    .wp-block-table.has-horizontal table tr th:first-child,
    .wp-block-table.has-horizontal table tr td:first-child {
        width: 19%
    }
}

.wp-block-table.is-header-gray table thead th {
    color: #fff;
    background: var(--global--color-thin)
}

.wp-block-table.is-series-table table {
    table-layout: auto
}

.wp-block-table.is-series-table table thead {
    border-width: 1px
}

.wp-block-table.is-series-table table thead th {
    color: #fff;
    background: var(--global--color-main);
    font-size: var(--global--font-size-sm)
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-series-table table thead th {
        font-size: 1.3rem
    }
}

.wp-block-table.is-series-table table tbody td {
    padding: 1.2rem 1rem;
    font-size: var(--global--font-size-sm)
}

.wp-block-table.is-series-table table tbody td.is-thumbnail {
    width: 10rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-series-table table tbody td.is-title {
        font-size: var(--global--font-size-md);
        width: 19.38%
    }
}

.wp-block-table.is-series-table table tbody td.is-cell-none {
    padding: 0;
    border-left: none;
    border-right: none
}

.wp-block-table.is-series-table table tbody td .series-table-model {
    display: flex;
    align-items: center
}

.wp-block-table.is-series-table table tbody td .series-table-model .series-table-model__thumbnail {
    width: 12rem;
    margin: 0 2rem 0 0
}

@media only screen and (max-width: 960px) {
    .wp-block-table.is-series-table table tbody td .series-table-model .series-table-model__thumbnail {
        display: none
    }
}

.wp-block-table.is-series-table table tbody td .series-table-model .series-table-model__title {
    flex: 1;
    font-weight: 700;
    line-height: 1.61;
    margin: 0;
    font-size: var(--global--font-size-sm)
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-series-table table tbody td .series-table-model .series-table-model__title {
        font-size: var(--global--font-size-xl)
    }
}

.wp-block-table.is-series-table table tbody td.is-smaller {
    font-size: 1.2rem
}

.wp-block-table.is-comparison table {
    table-layout: auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-comparison table {
        table-layout: fixed
    }
}

.wp-block-table.is-comparison table thead {
    border: none;
    background: none
}

.wp-block-table.is-comparison table thead th {
    background: #fff
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-comparison table thead th {
        font-size: var(--global--font-size-sm);
        padding: .6rem
    }
}

.wp-block-table.is-comparison table thead th:first-child {
    background: none;
    border-top: none;
    border-left: none
}

.wp-block-table.is-comparison table thead th.table-header-primay {
    background: var(--global--color-main);
    color: #fff
}

.wp-block-table.is-comparison table tbody th {
    background: #f8f8f8;
    text-align: left;
    padding: 0 1rem;
    height: 6rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-comparison table tbody th {
        font-size: var(--global--font-size-sm);
        padding: 0 2.8rem;
        height: 9.8rem
    }
}

.wp-block-table.is-comparison table tbody td {
    white-space: normal;
    padding-top: .8rem;
    padding-bottom: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-comparison table tbody td {
        font-size: var(--global--font-size-sm)
    }
}

.wp-block-table.is-comparison table tbody td.table-data-primay {
    background: #445A7B;
    color: #fff;
    font-weight: 700
}

.wp-block-table.is-comparison.is-air-gap-sensor table {
    table-layout: fixed
}

.wp-block-table.is-comparison.is-air-gap-sensor th:first-child {
    width: 18rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-comparison.is-air-gap-sensor th:first-child {
        width: 26.4rem
    }
}

@media only screen and (max-width: 960px) {
    .wp-block-table.is-comparison.is-air-gap-sensor th:not(:first-child) {
        width: 20rem
    }
}

.wp-block-table.is-search-table table {
    table-layout: auto
}

.wp-block-table.is-search-table thead {
    border-width: 1px
}

.wp-block-table.is-search-table thead th {
    font-size: var(--global--font-size-2xs);
    padding-top: .6rem;
    padding-bottom: .6rem
}

.wp-block-table.is-search-table tbody td.is-thumbnail {
    width: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.is-search-table tbody td.is-thumbnail {
        width: 5.6rem
    }
}

.wp-block-table.is-search-table tbody td.is-title {
    font-size: var(--global--font-size-md);
    padding-top: 0;
    padding-bottom: 0
}

.wp-block-table.is-search-table tbody td.is-title a {
    text-decoration: underline
}

.wp-block-table.is-search-table tbody td.is-title a:hover {
    text-decoration: none !important
}

.wp-block-table.is-search-table tbody td.has-label-icon {
    position: relative
}

.wp-block-table.is-search-table tbody td .end-label-icon {
    display: inline-block;
    text-align: center;
    background: var(--global--color-alert);
    color: #fff;
    font-size: var(--global--font-size-2xs);
    line-height: 1.82;
    padding: .3rem .4rem;
    font-weight: 700;
    box-sizing: border-box;
    margin-left: 1.6rem;
    vertical-align: top
}

.wp-block-table.is-search-table tbody td a {
    color: var(--global--color-default);
    text-decoration: none
}

.wp-block-table.is-search-table tbody td a:hover {
    text-decoration: underline
}

.wp-block-table.is-search-products table {
    table-layout: auto
}

.wp-block-table.is-search-products tbody td.is-title {
    font-size: var(--global--font-size-2xs);
    padding-top: 0;
    padding-bottom: 0
}

.wp-block-table.is-search-products tbody td.is-title strong {
    display: block;
    margin: .4rem 0
}

.wp-block-table.is-search-products tbody td:not(.is-thumbnail):not(.is-title) {
    width: 11.23%
}

.wp-block-table.is-search-result table td {
    width: 50%
}

.wp-block-table.switch-comparison-table {
    box-sizing: border-box;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table {
        overflow: visible;
        padding-top: 10.1rem
    }
}

.wp-block-table.switch-comparison-table table {
    border-bottom: var(--global--color-border) solid 1px;
    table-layout: auto
}

.wp-block-table.switch-comparison-table table thead {
    border-right: var(--global--color-border) solid 1px;
    border-width: 0;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead {
        max-width: 128rem;
        position: absolute;
        top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead tr {
        display: table;
        table-layout: fixed;
        width: 100%
    }
}

.wp-block-table.switch-comparison-table table thead tr th {
    background: #fff;
    text-align: left;
    padding: 1rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead tr th {
        display: table-cell
    }
}

.wp-block-table.switch-comparison-table table thead tr th:first-child {
    background-color: #fff;
    border-top: none;
    border-left: none
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead tr th:first-child {
        width: 24rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead.is-fixed {
        position: fixed;
        top: 0;
        z-index: 10000
    }
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table.switch-comparison-table table thead.is-absolute {
        position: absolute !important;
        top: auto !important;
        bottom: 0
    }
}

.wp-block-table.switch-comparison-table table tbody tr * {
    border-bottom: none
}

.wp-block-table.switch-comparison-table table tbody tr th,
.wp-block-table.switch-comparison-table table tbody tr td {
    background: #fff;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    padding: .7rem 1rem
}

@media print,
only screen and (min-width: 961px) {

    .wp-block-table.switch-comparison-table table tbody tr th,
    .wp-block-table.switch-comparison-table table tbody tr td {
        font-size: var(--global--font-size-sm);
        padding: 1.4rem 2.2rem;
        line-height: 1.71
    }
}

.wp-block-table.switch-comparison-table table tbody tr th:first-child,
.wp-block-table.switch-comparison-table table tbody tr td:first-child {
    font-weight: 700;
    background-color: var(--global--color-bg-primary)
}

@media print,
only screen and (min-width: 961px) {

    .wp-block-table.switch-comparison-table table tbody tr th:first-child,
    .wp-block-table.switch-comparison-table table tbody tr td:first-child {
        width: 24rem
    }
}

.wp-block-table.switch-comparison-table table tbody tr th:last-child,
.wp-block-table.switch-comparison-table table tbody tr td:last-child {
    border-right: var(--global--color-border) solid 1px
}

.wp-block-table.switch-comparison-table table tbody tr:nth-child(even) th {
    background-color: #E7F0F5
}

.wp-block-table.switch-comparison-table table tbody tr:nth-child(even) td {
    background-color: #FCFCFC
}

.wp-block-table.switch-comparison-table table tbody tr:not(:last-child) .is-different {
    background-color: #0693e326
}

.wp-block-table.switch-comparison-table table tbody tr:last-child td a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    position: relative;
    color: var(--global--color-default);
    padding-bottom: 2rem
}

.wp-block-table.switch-comparison-table table tbody tr:last-child td a:hover {
    color: #2c928c
}

.wp-block-table.switch-comparison-table table tbody tr:last-child td a:hover img {
    opacity: .7
}

.wp-block-table.switch-comparison-table table tbody tr:last-child td a:hover g,
.wp-block-table.switch-comparison-table table tbody tr:last-child td a:hover path {
    fill: #2c928c
}

.wp-block-table.switch-comparison-table table tbody tr:last-child td .zoom-link {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: .8rem
}

.wp-block-table.switch-comparison-table .comparison-item {
    display: flex;
    align-items: center
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__thumbnail {
    margin: 0 1rem 0 0
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__thumbnail img {
    width: 8rem
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__container {
    flex: 1
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__container .comparison-item__series {
    margin: 0 0 .4rem;
    font-weight: 700;
    font-size: var(--global--font-size-2xs);
    line-height: 1.82
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__container .comparison-item__series a {
    color: var(--global--color-main)
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__container .comparison-item__title {
    margin: 0;
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    line-height: 1.52
}

.wp-block-table.switch-comparison-table .comparison-item .comparison-item__container .comparison-item__title a {
    color: var(--global--color-main)
}

.wp-block-table.is-download-table table {
    table-layout: auto
}

.wp-block-table.is-download-table table thead {
    border-width: 1px
}

.wp-block-table.is-download-table table thead th {
    color: #fff;
    background: var(--global--color-main);
    font-size: 1.3rem;
    line-height: 1.46;
    padding: .5rem .4rem
}

.wp-block-table.is-download-table table tbody th {
    width: 19.6rem;
    color: var(--global--color-main);
    font-weight: 700;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.4rem;
    line-height: 1.36
}

.wp-block-table.is-download-table table tbody td {
    padding: 2rem .8rem;
    font-size: 1.4rem;
    line-height: 1.36;
    text-align: center
}

.wp-block-table.is-download-table table tbody td a {
    color: var(--global--color-main)
}

.wp-block-table.is-download-table table .is-wide {
    width: 20.6rem
}

.wp-block-table.is-download-table table .is-x-wide {
    width: 26rem
}

.wp-block-table .table-data-icon {
    display: block;
    font-size: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-table .table-data-icon {
        font-size: 2.6rem
    }
}

.editor-styles-wrapper .wp-block-table {
    margin-left: auto !important;
    margin-right: auto !important
}

@media all and (-ms-high-contrast: none) {

    *::-ms-backdrop,
    .wp-block-table.is-series-table table {
        table-layout: fixed
    }

    *::-ms-backdrop,
    .wp-block-table.switch-comparison-table table tbody tr td img {
        width: 30rem
    }
}

.wp-tip-box {
    box-sizing: border-box;
    background: var(--global--color-bg-secondary);
    padding: 1.6rem 2rem;
    margin: 2.4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-box {
        display: flex;
        padding: 2rem 3.2rem;
        margin: 4rem auto
    }
}

.wp-tip-box .wp-tip-box__thumbnail {
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-box .wp-tip-box__thumbnail {
        width: 22.4rem;
        margin: 0 3.2rem 0 0
    }
}

.wp-tip-box .wp-tip-box__thumbnail a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wp-tip-box .wp-tip-box__thumbnail a:hover {
    opacity: .72
}

.wp-tip-box .wp-tip-box__main {
    flex: 1
}

.wp-tip-box .wp-tip-box__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    color: var(--global--color-main);
    line-height: 1.44;
    padding: 0 0 0 3.4rem;
    background: url(../image/icon_tip_title.svg) no-repeat scroll 0 50%;
    background-size: 22px 22px
}

.wp-tip-box .wp-tip-box__title a {
    color: var(--global--color-main)
}

.wp-tip-box .wp-tip-box__container {
    flex: 1
}

.wp-tip-box+.wp-tip-box {
    margin-top: -.8rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-box+.wp-tip-box {
        margin-top: -2.4rem
    }
}

.wp-tip-list {
    margin: 2.4rem auto;
    box-sizing: border-box;
    border-right: #EDF2F5 solid 2px;
    border-bottom: #EDF2F5 solid 2px;
    border-left: #EDF2F5 solid 2px
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-list {
        margin: 4rem auto;
        border-width: 4px
    }
}

.wp-tip-list .wp-tip-list__title {
    background: #EDF2F5;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    color: var(--global--color-main);
    line-height: 1.44;
    box-sizing: border-box;
    margin: 0;
    padding: 1rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-list .wp-tip-list__title {
        padding: 1.3rem 3.2rem
    }
}

.wp-tip-list .wp-tip-list__container {
    padding: 1.8rem 2rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .wp-tip-list .wp-tip-list__container {
        padding: 2.6rem 2.8rem 2.6rem
    }
}

.wp-tip-list .wp-tip-list__container *:last-child {
    margin-bottom: 0
}

.error-404 .error-404__title {
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    color: #2c928c;
    padding: 0;
    margin: 0 auto 3.2rem;
    font-size: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .error-404 .error-404__title {
        margin: 4rem auto 8.8rem;
        font-size: 3.6rem
    }
}

.error-404 .error-404__title:before,
.error-404 .error-404__title:after {
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .error-404 .error-404__description {
        text-align: center
    }
}

.error-404 .error-404__buttons {
    margin: 4.8rem auto
}

@media print,
only screen and (min-width: 961px) {
    .error-404 .error-404__buttons {
        margin: 4.8rem auto 6.4rem
    }
}

.access-lead-title {
    font-weight: 700;
    padding: 0;
    text-align: center;
    font-size: var(--global--font-size-2xl)
}

@media print,
only screen and (min-width: 961px) {
    .access-lead-title {
        font-size: 3rem;
        margin-bottom: 1.8rem
    }
}

.access-lead-title:before,
.access-lead-title:after {
    display: none !important
}

.location-block-wrapper {
    background-color: var(--global--color-bg-primary);
    box-sizing: border-box;
    padding: 2rem;
    margin: 2.4rem auto 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper {
        padding: 3.2rem;
        margin: 4.8rem auto 3rem
    }
}

.location-block-wrapper .location-block {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper .location-block {
        display: flex;
        align-items: center
    }
}

.location-block-wrapper .location-block__title {
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    text-align: center;
    border-bottom: var(--global--color-border) solid 1px;
    padding: 0 0 .4rem;
    margin: 0 0 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper .location-block__title {
        border-bottom: none;
        padding: 0;
        margin: 0 4rem 0 0;
        text-align: center;
        width: 11.2rem
    }
}

.location-block-wrapper .location-block__container {
    position: relative;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper .location-block__container {
        padding-left: 4rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper .location-block__container:before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: var(--global--color-border);
        width: 1px;
        height: 100%
    }
}

.location-block-wrapper .location-block__container p {
    margin: 0
}

.location-block-wrapper .location-block__container p:not(:first-child) {
    margin-top: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .location-block-wrapper .location-block__container p:not(:first-child) {
        margin-top: .6rem
    }
}

.route-wrapper {
    margin: 4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .route-wrapper {
        padding: 4rem !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .route {
        display: flex
    }
}

.route .route__image {
    margin-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .route .route__image {
        margin: 0 4rem 0 0;
        width: 49%
    }
}

@media print,
only screen and (min-width: 961px) {
    .route .route__container {
        flex: 1
    }
}

.route .route__container .route-by {
    margin: 0;
    position: relative;
    padding: 0 0 0 4.2rem
}

.route .route__container .route-by:not(:first-child) {
    margin-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .route .route__container .route-by:not(:first-child) {
        margin-top: 3.8rem
    }
}

.route .route__container .route-by.is-train:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: -.1em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_by_train.svg) no-repeat scroll 0 0;
    background-size: 3.2rem 3.5rem;
    width: 3.2rem;
    height: 3.5rem
}

.route .route__container .route-by.is-car:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: -.2em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_by_car.svg) no-repeat scroll 0 0;
    background-size: 3.2rem 3.5rem;
    width: 3.2rem;
    height: 3.5rem
}

.route .route__container .route-by.is-taxi:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: -.2em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_by_taxi.svg) no-repeat scroll 0 0;
    background-size: 3.2rem 3.5rem;
    width: 3.2rem;
    height: 3.5rem
}

.route .route__container .route-by .route-by__title {
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    margin: 0 auto .6rem
}

.route .route__container .route-by .route-by__title span {
    font-size: 89%
}

.route .route__container .route-by .route-by__description {
    margin: 0;
    font-size: var(--global--font-size-sm)
}

@media print,
only screen and (min-width: 961px) {
    .procedure {
        display: flex
    }
}

@media print,
only screen and (min-width: 961px) {
    .procedure .procedure-item {
        flex-basis: 0;
        flex-grow: 1;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .procedure .procedure-item:not(:first-child) {
        margin-left: 4rem
    }
}

.procedure .procedure-item__title {
    font-size: var(--global--font-size-lg);
    font-weight: 700
}

.procedure dd {
    margin-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .procedure dd {
        font-size: var(--global--font-size-sm)
    }
}

.anchor-nav {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 5px 0px 0px 5px;
    box-sizing: border-box;
    background: var(--global--color-bg-secondary);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 3rem 1.6rem 3rem 3rem;
    width: 17rem;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

@media print,
only screen and (min-width: 1200px) {
    .anchor-nav {
        display: block
    }
}

.anchor-nav.is-active {
    z-index: 9999;
    opacity: 1;
    visibility: visible
}

.anchor-nav-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.anchor-nav-list__item {
    margin-bottom: 1.8rem;
    padding: 0;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.615
}

.anchor-nav-list__item:last-child {
    margin-bottom: 0
}

.anchor-nav-list__item:before {
    display: none
}

.anchor-nav-link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #7A7A7A;
    text-decoration: none
}

.anchor-nav-link:hover {
    color: #2c928c
}

.anchor-nav-link.is-active {
    color: #2c928c;
    font-weight: 700
}

.archives-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2rem;
    margin-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .archives-list {
        padding-bottom: 1.4rem;
        margin-bottom: 4rem;
        justify-content: center
    }
}

.archives-list:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: var(--global--color-border)
}

@media print,
only screen and (min-width: 961px) {
    .archives-list:after {
        width: calc(100% - var(--global--spacing-content) * 2)
    }
}

.archives-list .archives-list__item {
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    margin: .5rem 3rem .5rem 0;
    padding: 0
}

@media print,
only screen and (min-width: 961px) {
    .archives-list .archives-list__item {
        margin: 0 1.5rem .5rem
    }
}

.archives-list .archives-list__item:before {
    display: none
}

.archives-list .archives-list__link {
    color: var(--global--color-main)
}

.archives-list .archives-list__link:hover {
    text-decoration: none
}

.archives-list .archives-list__link.is-active {
    text-decoration: none;
    color: var(--global--color-default)
}

.branding-line {
    background: var(--global--color-main);
    width: 100%;
    height: 12px
}

.branding-line__inner {
    position: relative
}

.branding-line__triangle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: -37px;
    right: auto;
    bottom: auto;
    left: var(--global--spacing-content);
    margin: auto;
    background: url(//cdn.xuansiwei.com/putao10279/1743149070848/chuliwanchengtupian20250328160402_r__148-106_c__144c44_.png?x-oss-process=style/png_small) no-repeat scroll 50% 50%;
    background-size: 74px 53px;
    width: 74px;
    height: 53px
}

@media print,
only screen and (min-width: 961px) {
    .branding-line__triangle {
        left: calc(var(--global--spacing-content) + 2.1rem)
    }
}

.breadcrumb {
    position: absolute;
    top: 3.6rem;
    left: 0;
    width: 100%;
    z-index: 100
}

.breadcrumb-list {
    box-sizing: border-box;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

@media print,
only screen and (min-width: 961px) {
    .breadcrumb-list {
        padding-left: 0;
        padding-right: 0
    }
}

.breadcrumb-list li {
    position: relative;
    color: #fff;
    font-size: var(--global--font-size-sm);
    line-height: 1.54;
    padding-right: 2.7rem
}

.breadcrumb-list li:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 1.3rem;
    bottom: 0;
    left: auto;
    margin: auto;
    background: var(--global--color-border);
    width: .1rem;
    height: 1.3rem;
    opacity: .25;
    transform-origin: 50% 50%;
    transform: rotate(30deg)
}

.breadcrumb-list li:last-child {
    padding-right: 0
}

.breadcrumb-list a {
    color: #2c928c;
    text-decoration: none
}

.breadcrumb-list a:hover {
    text-decoration: underline
}

.breadcrumb-list .current-crumb a {
    color: #fff;
    text-decoration: none
}

.breadcrumb-list .current-crumb a:hover {
    text-decoration: underline
}

.breadcrumb-list strong {
    font-weight: 400
}

.lead-title.business-lead-title {
    margin-bottom: 2.4remrem
}

@media print,
only screen and (min-width: 961px) {
    .lead-title.business-lead-title {
        margin-bottom: 6rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .business-columns {
        display: flex;
        flex-wrap: wrap
    }
}

.business-columns .business-column {
    margin-bottom: 1rem
}

@media print,
only screen and (min-width: 961px) {
    .business-columns .business-column {
        width: 49.5%;
        margin-right: 1%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .business-columns .business-column {
        width: 32.75%;
        margin-right: .875%
    }
}

@media print,
only screen and (min-width: 961px) {
    .business-columns .business-column:nth-child(2n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 1200px) {
    .business-columns .business-column:nth-child(2n) {
        margin-right: .875%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .business-columns .business-column:nth-child(3n) {
        margin-right: 0
    }
}

.business-item {
    background-color: var(--global--color-bg-primary);
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    padding: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item {
        padding: 3.6rem;
        height: 100%
    }
}

.business-item .business-item__icon {
    margin: 0;
    position: absolute;
    opacity: .49;
    right: 1.6rem;
    top: 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__icon {
        right: 4rem;
        top: 2rem
    }
}

.business-item .business-item__icon img {
    height: 5.6rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__icon img {
        height: 7.2rem
    }
}

.business-item .business-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    line-height: 1.52;
    text-align: left;
    margin: 0 0 2rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__title {
        margin-bottom: 3.2rem
    }
}

.business-item .business-item__label {
    font-feature-settings: "palt";
    letter-spacing: normal;
    margin: 0 0 1.6rem;
    text-align: center;
    font-weight: 700;
    color: #2c928c;
    font-size: 2rem;
    white-space: nowrap
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__label {
        font-size: 2.4rem
    }
}

.business-item .business-item__label strong {
    font-feature-settings: "palt";
    font-family: "SF Pro JP", "SF Pro Text", var(--global--font-primary);
    font-weight: 700;
    line-height: 6.4rem;
    letter-spacing: normal;
    font-size: 6.4rem;
    margin: 0 .1rem;
    position: relative;
    display: inline-flex
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__label strong {
        font-size: 8rem;
        line-height: 8rem
    }
}

.business-item .business-item__label strong span {
    position: absolute;
    display: inline-block;
    color: #fff;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #2c928c;;
    border-radius: 30px;
    box-sizing: border-box;
    padding: .5rem .4rem .4rem;
    font-size: 1.4rem;
    line-height: 1;
    top: -3rem;
    max-width: 8rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item .business-item__label strong span {
        top: -2.5rem;
        font-size: 1.6rem
    }
}

.business-item .business-item__description {
    font-size: var(--global--font-size-sm);
    line-height: 1.79;
    margin: 0
}

.business-item.is-num-4 .business-item__title {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .business-item.is-num-4 .business-item__title {
        margin-bottom: 3.2rem
    }
}

.business-item.is-num-8 .business-item__title,
.business-item.is-num-9 .business-item__title {
    margin-bottom: calc(2rem - .85em)
}

@media print,
only screen and (min-width: 1200px) {

    .business-item.is-num-4 .business-item__title,
    .business-item.is-num-5 .business-item__title,
    .business-item.is-num-6 .business-item__title {
        margin-bottom: 5rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .business-item.is-num-7 .business-item__title {
        margin-bottom: 4.3rem
    }
}

@media print,
only screen and (min-width: 1200px) {

    .business-item.is-num-8 .business-item__title,
    .business-item.is-num-9 .business-item__title {
        margin-bottom: calc(3.2rem - 1em)
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-action-container {
        box-sizing: border-box;
        max-width: 1920rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
only screen and (min-width: 1280px) and (min-width: 961px) {
    .site-action-container {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.site-action-container.is-stack {
    position: relative;
    z-index: 1
}

.site-action-container.is-stack .site-action-background {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: atuo;
    left: 0;
    margin: auto;
    width: 100%;
    background: #fff;
    z-index: 1;
    height: 20.8rem
}

.site-action-container.is-stack .site-action {
    margin-top: 0;
    position: relative;
    z-index: 10
}

.site-action-page-container .site-action {
    margin-top: 0
}

.site-action {
    background: var(--global--color-main);
    color: #fff;
    padding: 8rem 0;
    margin-top: 8.7rem;
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .site-action {
        padding: 10.7rem 0 9.8rem;
        margin-top: 8rem
    }
}

.site-action__inner {
    text-align: center
}

.site-action-buttons {
    border-bottom: #4E607B solid 1px;
    margin-bottom: 3.4rem;
    padding-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .site-action-buttons {
        margin-bottom: 3.6rem
    }
}

.site-action-buttons .wp-block-button {
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .site-action-buttons .wp-block-button {
        width: 26rem;
        margin-left: 2rem !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .site-action-buttons .wp-block-button .wp-block-button__link {
        font-size: var(--global--font-size-sm);
        padding-top: 1.9rem;
        padding-bottom: 1.8rem
    }
}

.site-action__title {
    padding: 0;
    font-size: var(--global--font-size-xl);
    line-height: 1.5;
    color: #fff;
    margin-top: 0;
    margin-bottom: 1.6rem;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .site-action__title {
        margin-bottom: 1.1rem;
        text-align: center
    }
}

.site-action__title:before,
.site-action__title:after {
    display: none
}

.site-action__text {
    font-size: var(--global--font-size-lg);
    text-align: left;
    margin-bottom: 3.3rem
}

@media print,
only screen and (min-width: 961px) {
    .site-action__text {
        font-size: var(--global--font-size-md);
        text-align: center;
        margin-bottom: 1.9rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .site-contact {
        background: rgba(0, 0, 0, 0.25);
        display: inline-flex;
        flex-wrap: nowrap;
        padding: 3.6rem 3.4rem 2.3rem
    }
}

.site-contact-item.is-tel {
    background: rgba(0, 0, 0, 0.25);
    padding: 2.6rem 0 2.3rem
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item.is-tel {
        background: none;
        padding: 0
    }
}

.site-contact-item.is-fax {
    margin-top: 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item.is-fax {
        margin-top: 0;
        margin-left: 2rem
    }
}

.site-contact-item .site-contact-item__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item .site-contact-item__inner {
        flex-wrap: nowrap
    }
}

.site-contact-item .site-contact-icon {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: .95rem
}

.site-contact-item .site-contact-icon__text {
    display: block;
    font-family: var(--global--font-secondary);
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: .6rem
}

.site-contact-item .site-contact-icon__image {
    display: block;
    line-height: 0
}

.site-contact-item .site-contact-item__number {
    font-size: 4rem;
    line-height: 1;
    font-family: var(--global--font-secondary);
    margin-top: 0;
    margin-bottom: 0
}

.site-contact-item .site-contact-item__number a {
    color: #fff;
    text-decoration: none
}

.site-contact-item .site-contact-item__cap {
    font-size: 1.28rem;
    line-height: 1.5;
    margin-top: .2rem;
    margin-bottom: 0;
    letter-spacing: -.03em
}

.site-contact-item .site-contact-item__button {
    margin-top: 1.1rem;
    margin-bottom: .8rem;
    padding: 0 2rem;
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item .site-contact-item__button {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item .site-contact-item__button {
        width: auto;
        min-width: 10rem;
        margin-left: .95rem
    }
}

.site-contact-item .site-contact-item__button a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    background: #2c928c;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 1.28rem;
    line-height: 1.5;
    border-radius: 3px;
    padding: 1.3rem .8rem
}

@media print,
only screen and (min-width: 961px) {
    .site-contact-item .site-contact-item__button a {
        font-size: 1.1rem;
        padding: .7rem .2rem
    }
}

.site-contact-item .site-contact-item__button a:hover {
    background: #fff;
    color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .site-contact.is-page {
        background: none;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }
}

.site-contact.is-page .site-contact-item.is-tel {
    background: none;
    padding: 0
}

.site-contact.is-page .site-contact-item.is-mail {
    width: 100%;
    font-family: var(--global--font-secondary);
    line-height: 1;
    letter-spacing: .05em;
    font-size: 2.2rem;
    margin-top: 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .site-contact.is-page .site-contact-item.is-mail {
        font-size: 3.2rem;
        margin-top: 2rem
    }
}

.site-contact.is-page .site-contact-item.is-mail a {
    text-decoration: none
}

.site-contact.is-page .site-contact-item.is-mail a:hover {
    text-decoration: underline
}

.site-contact.is-page .site-contact-item__button a:hover {
    background: var(--global--color-main);
    color: #fff
}

.site-contact.is-page .site-contact-item__number a {
    color: var(--global--color-default)
}

.company-loop {
    display: flex;
    flex-wrap: wrap
}

.company-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .company-item {
        width: 31.97%;
        margin: 6rem 2.045% 0 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .company-item {
        width: 23.83%;
        margin: 6rem 1.56% 0 0
    }
}

@media only screen and (max-width: 960px) {
    .company-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .company-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .company-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .company-item:nth-child(3n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .company-item:nth-child(-n+4) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .company-item:nth-child(4n) {
        margin-right: 0
    }
}

.company-item__thumb {
    margin: 0 0 1rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .company-item__thumb {
        margin-bottom: 1.1rem
    }
}

.company-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.company-item__thumb a:hover {
    opacity: .7
}

.company-item__thumb img {
    width: 100%
}

.company-item__title {
    padding: 0;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    font-weight: 700;
    margin: 0 auto 1rem;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .company-item__title {
        font-size: var(--global--font-size-lg)
    }
}

.company-item__title:before,
.company-item__title:after {
    display: none
}

.company-item__title a {
    display: inline-block;
    position: relative;
    color: var(--global--color-default);
    padding-right: 2.8rem;
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .company-item__title a {
        padding-right: 3.8rem
    }
}

.company-item__title a:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.company-item__title a:hover {
    color: #2c928c
}

.company-item__title a:hover:after {
    right: -.2rem
}

.company-info {
    border-top: var(--global--color-border) solid 1px
}

.company-info .company-list {
    border-bottom: var(--global--color-border) solid 1px;
    margin: 0;
    box-sizing: border-box;
    padding: 1.6rem 0
}

@media print,
only screen and (min-width: 961px) {
    .company-info .company-list {
        display: flex;
        padding: 2.3rem 0
    }
}

.company-info .company-list__title {
    font-weight: 700
}

@media print,
only screen and (min-width: 961px) {
    .company-info .company-list__title {
        width: 20rem
    }
}

.company-info .company-list__content {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .company-info .company-list__content {
        flex: 1
    }
}

@media print,
only screen and (min-width: 961px) {
    .office-container {
        display: flex
    }
}

.office-item {
    margin-bottom: 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    .office-item {
        flex-basis: 0;
        flex-grow: 1;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .office-item:not(:first-child) {
        margin-left: 3%
    }
}

.office-item:last-child {
    margin-bottom: 0
}

.office-item .office-item__image {
    margin: 0 0 1.6rem;
    text-align: center
}

.office-item .office-item__container {
    position: relative
}

.office-item .office-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    color: var(--global--color-default);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .office-item .office-item__title {
        font-size: var(--global--font-size-md)
    }
}

.office-item .office-item__text {
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    margin: .4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .office-item .office-item__text {
        margin-top: .3rem
    }
}

.office-item .office-map {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    display: inline-block;
    font-size: 1.4rem;
    text-align: right;
    color: var(--global--color-default);
    text-decoration: none;
    line-height: 2rem;
    padding-right: 2rem;
    height: 2rem
}

.office-item .office-map:hover {
    color: #2c928c
}

.office-item .office-map .office-map__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background: url(../image/icon_location.svg) no-repeat scroll 0 0;
    background-size: 1.4rem 2rem;
    width: 1.4rem;
    height: 2rem
}

.message-title {
    border-top: var(--global--color-border) solid 1px;
    text-align: center;
    padding: 0;
    color: var(--global--color-default);
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    text-align: left !important;
    padding: 1.4rem 0 0;
    margin: 3.2rem auto 1rem
}

@media print,
only screen and (min-width: 961px) {
    .message-title {
        margin: 7.6rem auto 1rem
    }
}

.message-title:before,
.message-title:after {
    display: none
}

.message-title:first-child {
    margin-top: 0
}

.message-title:last-child {
    margin-bottom: 0
}

.message-title+h1,
.message-title+h2,
.message-title+h3,
.message-title+h4,
.message-title+h5,
.message-title+h6 {
    margin-top: 0
}

.message-signature {
    font-size: var(--global--font-size-lg);
    line-height: 1.52;
    font-weight: 700
}

.message-signature span {
    font-size: var(--global--font-size-md);
    font-weight: 400
}

.philosophy {
    padding: 0 0 9.5rem;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .philosophy {
        max-width: var(--alignwide-width) !important;
        padding-bottom: 9.8rem
    }
}

.philosophy .philosophy-header {
    margin-bottom: 2.4rem
}

.philosophy .philosophy-header:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    background: #fff;
    width: 100%;
    height: 22rem
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-header:before {
        height: 11.4rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-ceps-guide {
        display: flex;
        align-items: center
    }
}

.philosophy .philosophy-ceps-guide__title {
    background: var(--global--color-main);
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    text-align: center;
    padding: 1rem .8rem;
    margin: 0 auto 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-ceps-guide__title {
        font-size: var(--global--font-size-xl);
        line-height: 1.52;
        margin: 0 6% 0 auto;
        max-width: 29rem;
        width: 30%;
        padding: 2.9rem .8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-ceps-guide__container {
        flex: 1;
        display: flex;
        flex-wrap: wrap
    }
}

.philosophy .philosophy-ceps-guide__container p {
    margin: 0;
    font-weight: 400;
    color: var(--global--color-main)
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-ceps-guide__container p {
        width: 50%
    }
}

.philosophy .philosophy-catch {
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    text-align: left;
    margin: 3.8rem 0 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .philosophy .philosophy-catch {
        font-size: var(--global--font-size-xl);
        line-height: 1.52;
        margin: 6rem 0 1.4rem
    }
}

.philosophy .philosophy-description {
    margin: 0
}

.ceps {
    position: relative;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    border: var(--global--color-border) solid 1px;
    padding: 0 2rem
}

@media print,
only screen and (min-width: 961px) {
    .ceps {
        padding: 0;
        display: flex
    }
}

.ceps .ceps-item {
    position: relative;
    border-bottom: var(--global--color-border) solid 1px;
    padding: 4.2rem 0
}

@media print,
only screen and (min-width: 961px) {
    .ceps .ceps-item {
        border: none;
        padding: 9.9rem 0;
        flex: 1
    }
}

@media print,
only screen and (min-width: 961px) {
    .ceps .ceps-item:after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        margin: auto;
        background: var(--global--color-border);
        width: 1px;
        height: 10rem
    }
}

.ceps .ceps-item:last-child {
    border-bottom: none
}

.ceps .ceps-item:last-child:after {
    display: none
}

.ceps .ceps-item__mark {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 6rem;
    text-align: center;
    z-index: -1
}

@media print,
only screen and (min-width: 961px) {
    .ceps .ceps-item__mark {
        height: 15.2rem
    }
}

.ceps .ceps-item__mark svg {
    line-height: 1;
    height: 6rem
}

@media print,
only screen and (min-width: 961px) {
    .ceps .ceps-item__mark svg {
        height: 15.2rem
    }
}

.ceps .ceps-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: center;
    color: var(--global--color-main);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .ceps .ceps-item__title {
        font-size: var(--global--font-size-xl);
        line-height: 1.52;
        text-align: center
    }
}

.ceps .ceps-item__title:before,
.ceps .ceps-item__title:after {
    display: none
}

.recruit-awards {
    margin: 2.4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards {
        margin: 3.6rem auto;
        display: flex;
        flex-wrap: wrap
    }
}

.recruit-awards .recruit-awards-item {
    margin-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards .recruit-awards-item {
        flex-basis: 0;
        flex-grow: 1
    }
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards .recruit-awards-item:not(:first-child) {
        margin-left: 4%
    }
}

.recruit-awards .recruit-awards-item:last-child {
    margin-bottom: 0
}

.recruit-awards .recruit-awards-item__image {
    border: var(--global--color-border) solid 1px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    padding: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards .recruit-awards-item__image {
        padding: 3.2rem 1.6rem
    }
}

.recruit-awards .recruit-awards-item__image img {
    height: 10rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards .recruit-awards-item__image img {
        height: 13.1rem
    }
}

.recruit-awards .recruit-awards-item__text {
    font-size: var(--global--font-size-sm);
    line-height: 1.79;
    margin: 1rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .recruit-awards .recruit-awards-item__text {
        margin-top: 1.6rem
    }
}

.history {
    margin: 0 auto 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .history {
        margin-bottom: 6.4rem
    }
}

.history-item {
    border-bottom: var(--global--color-border) solid 1px;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem
}

@media print,
only screen and (min-width: 961px) {
    .history-item {
        padding-bottom: 2.6rem;
        margin-bottom: 2.6rem;
        display: flex
    }
}

.history-item__title {
    font-weight: 700;
    width: 10rem
}

.history-item__text {
    margin-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .history-item__text {
        flex: 1
    }
}

.download-anchor {
    margin: 3.4rem auto 6.4rem
}

@media print,
only screen and (min-width: 961px) {
    .download-anchor {
        margin: 5.2rem auto 6.8rem
    }
}

.download-anchor .download-anchor-list {
    display: flex;
    flex-wrap: wrap
}

.download-anchor li {
    padding: 0;
    margin-bottom: 2rem;
    margin-right: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .download-anchor li {
        margin-bottom: 0
    }
}

.download-anchor li:before {
    display: none
}

.download-anchor li a {
    border: #2c928c solid 1px;
    color: #2c928c;
    display: block;
    font-size: 1.6rem;
    text-align: center;
    min-width: 4.7rem;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 1rem 0 1.1rem
}

@media print,
only screen and (min-width: 961px) {
    .download-anchor li a:hover {
        background-color: #2c928c;;
        text-decoration: none;
        color: #fff
    }
}

.download-anchor li.is-large {
    width: 15.7rem
}

@media print,
only screen and (min-width: 961px) {
    .download-anchor li.is-large {
        width: 11.2rem
    }
}

.download-anchor li.is-large a {
    font-size: 1.4rem;
    padding: 1.2rem 0 1.2rem
}

.download-title {
    padding: 0;
    font-size: 2.6rem;
    font-weight: 700;
    margin: 3.8rem auto 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .download-title {
        margin: 6.4rem auto 1.2rem
    }
}

.download-title:before,
.download-title:after {
    display: none
}

.download-title:first-child {
    margin-top: 0
}

.download-title:last-child {
    margin-bottom: 0
}

.faq-nav {
    margin-bottom: 5.8rem
}

@media print,
only screen and (min-width: 961px) {
    .faq-nav {
        margin-bottom: 8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .faq-nav-list {
        display: flex;
        flex-wrap: wrap
    }
}

.faq-nav-list__item {
    margin-bottom: 1.4rem;
    padding: 0;
    font-size: var(--global--font-size-md);
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .faq-nav-list__item {
        margin-right: 3.8rem;
        margin-bottom: 2.2rem
    }
}

.faq-nav-list__item:before {
    display: none
}

.faq-nav-list__item a {
    color: var(--global--color-main)
}

@media only screen and (max-width: 960px) {
    .faq-container {
        max-width: 100%
    }
}

.faq-container>div {
    margin-top: 7.2rem
}

@media print,
only screen and (min-width: 961px) {
    .faq-container>div {
        margin-top: 10.4rem
    }
}

.faq-container>div:first-child {
    margin-top: 0
}

.faq-title {
    margin: 7.2rem auto 2.1rem;
    padding: 0 var(--global--spacing-content)
}

@media print,
only screen and (min-width: 961px) {
    .faq-title {
        padding: 0
    }
}

.faq-title:before,
.faq-title:after {
    display: none
}

.faq-item {
    border: var(--global--color-border) solid 1px;
    margin-bottom: 2rem
}

.faq-item:last-child {
    margin-bottom: 0
}

.faq-item.is-open .faq-item-header {
    border-bottom: var(--global--color-border) solid 1px
}

.faq-item-header__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    background: var(--global--color-bg-primary);
    text-decoration: none;
    position: relative;
    padding: 1.6rem 6.4rem 1.6rem 6rem;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .faq-item-header__link {
        padding: 2.1rem 9.6rem 2.1rem 8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .faq-item-header__link:hover {
        background-color: #D5E2EA
    }
}

.faq-item-header__title {
    margin: 0;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.93;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .faq-item-header__title {
        line-height: 1.81
    }
}

.faq-item-header__toggle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 6rem;
    height: 100%
}

@media print,
only screen and (min-width: 961px) {
    .faq-item-header__toggle {
        width: 7rem
    }
}

.faq-item-header__toggle .toggle-button .toggle-button__icon {
    width: 20px
}

.faq-item-header__toggle .toggle-button .toggle-button__icon:last-child {
    width: 1px;
    height: 20px
}

.faq-icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 1.4rem;
    right: auto;
    bottom: auto;
    left: 2rem;
    margin: auto;
    font-size: 1.3rem;
    font-weight: 700;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    text-align: center;
    color: #fff;
    background: #2c928c;
    border: #2c928c solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .faq-icon {
        width: 4rem;
        height: 4rem;
        line-height: 3.6rem;
        border-radius: 4rem;
        font-size: 1.8rem
    }
}

.faq-icon.is-answer {
    background: #fff;
    color: #2c928c;
    border: var(--global--color-border) solid 1px;
    top: 2.1rem
}

.faq-item__contents {
    transition: height .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    padding: 2.5rem 2rem 2.6rem 6rem
}

@media print,
only screen and (min-width: 961px) {
    .faq-item__contents {
        padding: 2.6rem 5.6rem 3.4rem 8rem
    }
}

.faq-item__contents .faq-icon+p {
    margin-top: 0
}

.faq-item:not(.is-open) .faq-item__contents {
    display: none
}

.floating-bar-container {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar-container {
        display: block
    }
}

.floating-bar {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar {
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        width: 100%;
        position: fixed;
        bottom: 0;
        bottom: -10.2rem;
        left: 0;
        z-index: 9999;
        padding: 2rem 0 2.2rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar.is-active {
        bottom: 0
    }
}

.floating-button {
    position: relative;
    display: inline-block;
    margin: 4rem 0 0;
    width: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .floating-button {
        width: 33.5rem;
        margin: 0
    }
}

.floating-button .floating-button__input {
    -webkit-appearance: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background: #2c928c;
    border: #2c928c solid 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    padding: 1.9rem 4.1rem 1.8rem 1.9rem
}

@media print,
only screen and (min-width: 1200px) {
    .floating-button .floating-button__input {
        font-size: var(--global--font-size-sm)
    }
}

.floating-button .floating-button__icon {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: var(--global--color-main);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.floating-button .floating-button__input:hover {
    background: #fff;
    color: #2c928c
}

.floating-button .floating-button__input:hover+.floating-button__icon {
    right: 1.8rem
}

.site-footer {
    margin-top: 7.7rem
}

@media print,
only screen and (min-width: 961px) {
    .site-footer {
        margin-top: 8.3rem
    }
}

.site-footer.is-history {
    background-color: var(--global--color-bg-primary)
}

.footer-contents {
    margin-bottom: 4.4rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-contents {
        margin-bottom: 3.9rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
}

.footer-item.site-social {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-item.site-social {
        margin-bottom: 1.4rem
    }
}

.site-info {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 0 2.8rem;
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .site-info {
        display: block;
        margin-bottom: 0;
        width: auto
    }
}

.site-logo {
    position: relative;
    top: -.6rem;
    left: -.2rem;
    width: 7.7rem;
    margin: 0 1.6rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .site-logo {
        top: 0;
        left: 0;
        margin-right: 0;
        margin-left: 1.9rem
    }
}

.site-name {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    margin: 2.6rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .site-name {
        font-size: var(--global--font-size-md);
        margin-top: 1.6rem
    }
}

.site-address {
    margin: 1.6rem 0 0;
    text-align: center;
    font-size: var(--global--font-size-xs);
    line-height: 1.82;
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .site-address {
        font-size: var(--global--font-size-2xs);
        margin-top: .7rem;
        text-align: left
    }
}

.sns-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.sns-list__item {
    margin: 0 1rem;
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .sns-list__item {
        margin: 0 1.4rem;
        line-height: 1
    }
}

.sns-list__item:before {
    display: none
}

.sns-link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: left;
    letter-spacing: -.40em;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: var(--global--color-main)
}

.sns-link .sns-link__icon {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    line-height: 0
}

.sns-link .sns-link__icon svg {
    width: 36px
}

@media print,
only screen and (min-width: 1025px) {
    .sns-link .sns-link__icon svg {
        width: 25px;
        height: 24px
    }
}

.sns-link .sns-link__icon g,
.sns-link .sns-link__icon path,
.sns-link .sns-link__icon ellipse {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sns-link .sns-link__title {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    font-size: var(--global--font-size-2xs);
    line-height: 1.82;
    font-weight: 700;
    margin-left: .5rem
}

@media only screen and (max-width: 1024px) {
    .sns-link .sns-link__title {
        display: none
    }
}

@media print,
only screen and (min-width: 961px) {
    .sns-link:hover {
        color: #2c928c
    }
}

@media print,
only screen and (min-width: 961px) {

    .sns-link:hover g,
    .sns-link:hover path,
    .sns-link:hover ellipse {
        fill: #2c928c
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-action .wp-block-button .wp-block-button__link {
        font-size: var(--global--font-size-sm);
        padding-top: 1.9rem;
        padding-bottom: 1.8rem
    }
}

.footer-menu {
    margin-bottom: 3.7rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu {
        position: relative;
        margin-bottom: 7.1rem;
        padding-top: 3.5rem
    }

    .footer-menu:before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        margin: auto;
        width: calc(100% - var(--global--spacing-content) * 2);
        height: .1rem;
        background: var(--global--color-border)
    }
}

.footer-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list {
        border: none;
        display: flex;
        justify-content: space-between;
        position: relative
    }
}

.footer-menu-item {
    padding-left: 0
}

.footer-menu-item:before {
    display: none
}

.footer-menu-list>.footer-menu-item {
    background: #fff;
    margin: 0;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item {
        background: none;
        padding-right: 3.2rem
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-item__link {
    box-sizing: border-box;
    position: relative;
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.62;
    color: var(--global--color-default);
    border-top: var(--global--color-border) solid 1px;
    /* padding: 1.1rem .4rem 1.1rem 1.4rem */
    padding: 1.1rem 1.55rem 1.1rem 1.55rem;
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-item__link {
        border: none;
        padding: 0;
        display: inline-block;
        font-size: var(--global--font-size-sm);
        line-height: 1.57;
        margin-bottom: .8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-item__link:hover {
        text-decoration: underline
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-item__toggle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .6rem;
    right: .8rem;
    bottom: auto;
    left: auto;
    margin: auto;
    width: 3.2rem;
    height: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-item__toggle {
        display: none
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-item__toggle:before {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--global--color-main);
    width: 2px;
    height: 10px
}

.footer-menu-list>.footer-menu-item>.footer-menu-item__toggle:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--global--color-main);
    width: 10px;
    height: 2px
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-item__toggle:hover:before {
        background: #2c928c
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-item__toggle:hover:after {
        background: #2c928c
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-item__toggle.is-open:before {
    height: 0
}

.footer-menu-list>.footer-menu-item>.footer-menu-child {
    list-style: none;
    margin: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child {
        height: auto;
        margin-top: .6rem
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child.is-open {
    height: auto
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item {
    margin-bottom: 0;
    padding: 0 0 0 1.4rem;
    font-size: 1.2rem;
    line-height: 1.75
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item {
        padding-left: 0;
        font-size: var(--global--font-size-xs);
        line-height: 1.77
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item:first-child {
    padding-top: .1rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item:first-child {
        padding-top: 0
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item:last-child {
    padding-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item:last-child {
        padding-bottom: 0
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-item__link {
    color: var(--global--color-default);
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-item__link:hover {
        text-decoration: underline
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child>.footer-menu-item {
    margin-bottom: 0;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child>.footer-menu-item {
        padding-left: 1em
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child>.footer-menu-item:after {
        content: "-";
        position: absolute;
        left: .2em;
        top: 0
    }
}

.footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-item__link {
    color: var(--global--color-default);
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-child>.footer-menu-item>.footer-menu-item__link:hover {
        text-decoration: underline
    }
}

.footer-menu-list>.footer-menu-item.is-parent .footer-menu-item__toggle {
    display: none
}

.footer-menu-list>.footer-menu-item.is-parent .footer-menu-child {
    height: auto;
    margin-top: 0
}

.footer-menu-list>.footer-menu-item.is-parent .footer-menu-child .footer-menu-item {
    padding: 0
}

.footer-menu-list>.footer-menu-item.is-parent .footer-menu-child .footer-menu-item .footer-menu-item__link {
    box-sizing: border-box;
    position: relative;
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.62;
    color: var(--global--color-default);
    border-top: var(--global--color-border) solid 1px;
    padding: 1.1rem .4rem 1.1rem 1.4rem
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item.is-parent .footer-menu-child .footer-menu-item .footer-menu-item__link {
        border: none;
        padding: 0;
        display: inline-block;
        font-size: var(--global--font-size-sm);
        line-height: 1.57;
        margin-bottom: .8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item.is-parent .footer-menu-child .footer-menu-item .footer-menu-item__link:hover {
        text-decoration: underline
    }
}

.footer-menu-list>.footer-menu-item.is-parent .footer-menu-child .footer-menu-item:last-child {
    padding-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .footer-menu-list>.footer-menu-item.is-absolute-left {
        position: absolute;
        top: 10.4rem;
        left: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .footer-sub-menu {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        display: flex;
        justify-content: flex-end
    }
}

.footer-sub-menu__title {
    text-align: center;
    margin: 0 0 1.6rem;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .footer-sub-menu__title {
        position: relative;
        background: #fff;
        border-radius: 5px 0 0 0;
        margin: 0;
        display: flex;
        align-items: center;
        font-size: var(--global--font-size-sm);
        line-height: 1.43;
        padding: 0 2rem 0 2rem
    }

    .footer-sub-menu__title:after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        margin: auto;
        background: var(--global--color-border);
        width: .1rem;
        height: 2rem
    }
}

.footer-sub-menu-list {
    background: #fff;
    border-radius: 5px 5px 0 0;
    list-style: none;
    margin: 0;
    padding: 1.4rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media print,
only screen and (min-width: 961px) {
    .footer-sub-menu-list {
        border-radius: 0;
        padding: 1.9rem 1.7rem 1.9rem 2rem
    }
}

.footer-sub-menu-item {
    font-size: var(--global--font-size-xs);
    line-height: 1.82;
    margin: .5rem 1rem .5rem 0;
    padding: 0 1rem 0 0;
    border-right: var(--global--color-border) solid 1px
}

.footer-sub-menu-item:before {
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .footer-sub-menu-item {
        font-size: 1.3rem;
        line-height: 1.54;
        margin: 0 1.8rem 0 0;
        padding-right: 1.8rem
    }
}

.footer-sub-menu-item:last-child {
    border: none;
    margin-right: 0;
    padding-right: 0
}

.footer-sub-menu-item__link {
    color: var(--global--color-main);
    text-decoration: none
}

.footer-sub-menu-item__link:hover {
    text-decoration: underline
}

.site-copyright {
    box-sizing: border-box;
    background: #fff;
    font-size: 1.164rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.72;
    padding: 3.4rem 0;
    margin: 0
}

#aptoenqform form select::-ms-expand {
    display: none
}

#aptoenqform form input[type=text],
#aptoenqform form input[type=password],
#aptoenqform form input[type=number],
#aptoenqform form input[type=email],
#aptoenqform form input[type=tel] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    font-family: var(--global--font-primary);
    background: var(--global--color-bg-secondary);
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 400;
    width: 100%;
    font-size: 100%;
    line-height: 1.87;
    padding: 1.2rem 1.1rem 1.1rem;
    margin: 4px
}

#aptoenqform form input[type=text]:-ms-input-placeholder,
#aptoenqform form input[type=password]:-ms-input-placeholder,
#aptoenqform form input[type=number]:-ms-input-placeholder,
#aptoenqform form input[type=email]:-ms-input-placeholder,
#aptoenqform form input[type=tel]:-ms-input-placeholder {
    color: #ccc
}

#aptoenqform form input[type=text]:placeholder-shown,
#aptoenqform form input[type=password]:placeholder-shown,
#aptoenqform form input[type=number]:placeholder-shown,
#aptoenqform form input[type=email]:placeholder-shown,
#aptoenqform form input[type=tel]:placeholder-shown {
    color: #ccc
}

#aptoenqform form input[type=text]::-webkit-input-placeholder,
#aptoenqform form input[type=password]::-webkit-input-placeholder,
#aptoenqform form input[type=number]::-webkit-input-placeholder,
#aptoenqform form input[type=email]::-webkit-input-placeholder,
#aptoenqform form input[type=tel]::-webkit-input-placeholder {
    color: #ccc
}

#aptoenqform form input[type=text]:-moz-placeholder,
#aptoenqform form input[type=password]:-moz-placeholder,
#aptoenqform form input[type=number]:-moz-placeholder,
#aptoenqform form input[type=email]:-moz-placeholder,
#aptoenqform form input[type=tel]:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

#aptoenqform form input[type=text]::-moz-placeholder,
#aptoenqform form input[type=password]::-moz-placeholder,
#aptoenqform form input[type=number]::-moz-placeholder,
#aptoenqform form input[type=email]::-moz-placeholder,
#aptoenqform form input[type=tel]::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

#aptoenqform form input[type=text]:-ms-input-placeholder,
#aptoenqform form input[type=password]:-ms-input-placeholder,
#aptoenqform form input[type=number]:-ms-input-placeholder,
#aptoenqform form input[type=email]:-ms-input-placeholder,
#aptoenqform form input[type=tel]:-ms-input-placeholder {
    color: #ccc
}

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

    #aptoenqform form input[type=text],
    #aptoenqform form input[type=password],
    #aptoenqform form input[type=number],
    #aptoenqform form input[type=email],
    #aptoenqform form input[type=tel] {
        font-size: 16px;
        padding: 1.3rem .8rem 1.2rem .8rem;
        line-height: 1.5
    }
}

#aptoenqform form input[type=checkbox] {
    margin-right: .8rem
}

#aptoenqform form input[type=radio] {
    margin-right: .8rem
}

#aptoenqform form textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: none;
    font-family: var(--global--font-primary);
    background: var(--global--color-bg-secondary);
    border-radius: 6px;
    font-weight: 400;
    width: 100%;
    font-size: 100%;
    line-height: 1.87;
    padding: 1.2rem 1.1rem 1.1rem;
    height: 30rem
}

#aptoenqform form textarea:-ms-input-placeholder {
    color: #ccc
}

#aptoenqform form textarea:placeholder-shown {
    color: #ccc
}

#aptoenqform form textarea::-webkit-input-placeholder {
    color: #ccc
}

#aptoenqform form textarea:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

#aptoenqform form textarea::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

#aptoenqform form textarea:-ms-input-placeholder {
    color: #ccc
}

@media only screen and (max-width: 960px) {
    #aptoenqform form textarea {
        font-size: 16px;
        padding: 1.3rem .8rem 1.2rem .8rem;
        line-height: 1.5;
        height: 18.8rem
    }
}

#aptoenqform form .aptoenq_necessary {
    margin-bottom: 1.25em
}

#aptoenqform form .aptoenq_red {
    color: var(--global--color-alert);
    margin-right: .5em
}

#aptoenqform form .aptoenq_dummy {
    margin-right: .5em
}

#aptoenqform form .aptoenq_question {
    width: 100%
}

#aptoenqform form .aptoenq_question .aptoenq_qa {
    border-top: #2c928c solid 1px;
    padding: 2rem 0
}

#aptoenqform form .aptoenq_question .aptoenq_q {
    background: none;
    font-weight: 700;
    margin-bottom: 1.2rem;
    color: var(--global--color-default) !important
}

#aptoenqform form .aptoenq_question .aptoenq_a {
    background: none
}

#aptoenqform form .aptoenq_question .aptoenq_a * {
    float: none
}

#aptoenqform form .aptoenq_question .aptoenq_a label {
    background: none;
    margin-bottom: .5rem;
    display: inline-block
}

#aptoenqform form .aptoenq_question .aptoenq_a.aptoenq_l br {
    display: block;
    margin: 4px auto
}

#aptoenqform form .aptoenq_cusinfo_subj {
    color: var(--global--color-default);
    font-weight: 700;
    line-height: 1.5;
    font-size: calc(var(--global--font-size-xl) * 1.112);
    margin: 2em auto 1.05em
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo_subj {
        font-size: var(--global--font-size-xl);
        margin: 1.64em 0 1.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo {
        display: flex;
        flex-wrap: wrap
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_br {
    position: relative;
    background-color: var(--global--color-border);
    width: 100%;
    height: 1px;
    margin: 2rem auto 2rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_br {
        margin: 2rem auto
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_br:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 7.5rem;
    height: 1px;
    background: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_br:before {
        width: 22rem
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_item {
    position: relative;
    font-weight: 700;
    margin-bottom: 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_item {
        width: 25%;
        font-weight: 700;
        padding-top: 1rem;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_fm {
        width: 75%
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_fm input[name^="txtNamae"] {
        width: 50%
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_fm input[name^="txtZipcode"] {
        width: 30%
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_fm input[name^="txtTEL"] {
        width: 30%
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_fm input[name^="txtFAX"] {
        width: 30%
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_msg {
    font-size: var(--global--font-size-sm);
    display: block;
    line-height: 1.43;
    margin: .6rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_msg {
        display: inline-block;
        margin-left: 1.6rem
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_exp {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_exp {
        text-align: center
    }
}

#aptoenqform form .aptoenq_cusinfo .aptoenq_cusinfo_exp+.aptoenq_br {
    display: none
}

#aptoenqform form .aptoenq_bt_set {
    text-align: center;
    margin: 3.2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_bt_set {
        margin-top: 4.8rem;
        display: flex;
        justify-content: center
    }
}

#aptoenqform form .aptoenq_bt_set .aptoenq_bt_send {
    margin-bottom: 1rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_bt_set .aptoenq_bt_send {
        width: 30rem;
        margin: 0 1rem
    }
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_bt_set .aptoenq_bt_back {
        width: 30rem;
        margin: 0 1rem
    }
}

#aptoenqform form .aptoenq_bt_set button[type=submit] {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: none;
    font-family: var(--global--font-primary);
    background: #2c928c;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: var(--global--font-size-md);
    line-height: 1.57;
    padding: 3.4rem 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_bt_set button[type=submit] {
        line-height: 1.5;
        padding: 2.8rem 1.6rem
    }
}

#aptoenqform form .aptoenq_bt_set button[type=submit]:hover {
    background-color: var(--global--color-main)
}

#aptoenqform form .aptoenq_bt_set #aptoenq_reset {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: none;
    font-family: var(--global--font-primary);
    background: var(--global--color-border);
    cursor: pointer;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: var(--global--font-size-md);
    line-height: 1.57;
    padding: 1.2rem 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenqform form .aptoenq_bt_set #aptoenq_reset {
        line-height: 1.5;
        padding: 2.8rem 1.6rem
    }
}

#aptoenqform form .aptoenq_bt_set #aptoenq_reset:hover {
    background-color: #f7f7f7
}

.aptoenq_grayout {
    background: #000;
    opacity: .5;
    z-index: 9999 !important
}

.aptoenq_popup_title {
    background: #fff;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    font-size: var(--global--font-size-xl);
    padding: 2.4rem 0 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .aptoenq_popup_title {
        font-size: var(--global--font-size-3xl);
        width: 90rem;
        padding: 5rem 0 2.4rem
    }
}

.aptoenq_popup {
    background: #fff;
    box-sizing: border-box;
    padding: 0 2rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .aptoenq_popup {
        padding: 0 6rem 3.2rem
    }
}

#aptoenq_confirm iframe {
    width: 100%;
    text-align: left;
    min-height: 48rem
}

@media print,
only screen and (min-width: 961px) {
    #aptoenq_confirm iframe {
        min-height: 60rem
    }
}

#aptoenq_confirm .aptoenq_msg {
    font-size: var(--global--font-size-md)
}

.front-main__bg {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.front-main__bg:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .5
}

@media print,
only screen and (min-width: 961px) {
    .front-main__bg:after {
        display: none
    }
}

.main-background { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.main-background__item {
    position: relative;
    overflow: hidden
}

.main-background__item .main-background__image {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    z-index: 1
}

.main-background__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.main-background__item.swiper-slide-active {
    opacity: 1
}

.main-background__item:not(.swiper-slide-active) {
    opacity: 0
}

.front-main {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .front-main {
        min-height: 90rem
    }
}

.front-main__container {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 10;
    top: 0;
    padding-top: 6.6rem;
    padding-bottom: 21.2rem
}

@media print,
only screen and (min-width: 961px) {
    .front-main__container {
        position: absolute;
        top: 8rem;
        height: calc(100% - 8rem);
        padding-top: 0;
        padding-bottom: 0
    }
}

.front-main__container .front-main__width {
    position: relative
}

.front-main__container .front-main__title {
    padding: 0;
    margin: 11.2rem 0 0;
    line-height: 1;
    display: block;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
    font-size: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .front-main__container .front-main__title {
        font-size: 4rem;
        margin-top: 25.6rem
    }
}

.front-main__container .front-main__title:before,
.front-main__container .front-main__title:after {
    display: none
}

.front-main__container .front-main__description {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
    color: #fff;
    margin: 2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .front-main__container .front-main__description {
        font-size: 1.8rem;
        line-height: 1.5;
        margin-top: 3.1rem
    }
}

.front-main__container .front-main__button {
    margin: 3.9rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .front-main__container .front-main__button {
        margin-top: 4rem
    }
}

.front-main__container .front-main__button .wp-block-button {
    margin: 0
}

.front-pickup {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.7rem
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup {
        bottom: 3.9rem
    }
}

.front-pickup-loop {
    box-sizing: border-box;
    padding-left: var(--global--spacing-content)
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-loop {
        padding-left: 4rem
    }
}

.front-pickup-item {
    box-sizing: border-box;
    width: 28rem
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-item {
        width: 43rem
    }
}

.front-pickup-item .front-pickup-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    display: block;
    color: #fff;
    text-decoration: none;
    display: flex;
    padding: .6rem
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-item .front-pickup-item__link {
        align-items: center;
        padding: 1rem .8rem
    }
}

.front-pickup-item .front-pickup-item__link:hover {
    background: #fff
}

.front-pickup-item .front-pickup-item__thumnbnail {
    width: 13.4rem;
    margin: 0 1.3rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-item .front-pickup-item__thumnbnail {
        width: 20.7rem;
        margin-right: 2rem;
        background: #000
    }
}

.front-pickup-item .front-pickup-item__thumnbnail img {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%
}

.front-pickup-item .front-pickup-item__container {
    flex: 1
}

.front-pickup-item .front-pickup-item__category {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.55;
    text-align: left;
    color: #2c928c;
    width: 100%;
    margin: 0 0 .5rem;
    overflow: hidden
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-item .front-pickup-item__category {
        font-size: 1.3rem;
        line-height: 1.77
    }
}

.front-pickup-item .front-pickup-item__category span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.front-pickup-item .front-pickup-item__title {
    color: #000;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0;
    overflow: hidden
}

@media print,
only screen and (min-width: 961px) {
    .front-pickup-item .front-pickup-item__title {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.front-pickup-item .front-pickup-item__title span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.front-pickup-prev {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    background: #fff;
    right: auto;
    left: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    bottom: auto;
    margin-top: 0
}

.front-pickup-prev:hover {
    opacity: .7
}

.front-pickup-prev:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: .8rem;
    height: .8rem;
    border-left: #2c928c solid 2px;
    border-top: #2c928c solid 2px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg) translate(1px, 1px)
}

.front-pickup-prev:after {
    display: none
}

@media only screen and (max-width: 960px) {
    .front-pickup-prev {
        display: none
    }
}

.front-pickup-next {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    background: #fff;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    bottom: auto;
    margin-top: 0
}

.front-pickup-next:hover {
    opacity: .7
}

.front-pickup-next:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: .8rem;
    height: .8rem;
    border-right: #2c928c solid 2px;
    border-top: #2c928c solid 2px;
    transform-origin: 50% 50%;
    transform: rotate(45deg) translate(-1px, 1px)
}

.front-pickup-next:after {
    display: none
}

@media only screen and (max-width: 960px) {
    .front-pickup-next {
        display: none
    }
}

.front-reason__header {
    background: #fff;
    padding: 8rem 0 3rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason__header {
        padding-top: 13rem;
        padding-bottom: 3.3rem
    }
}

.front-reason-wrapper {
    position: relative
}

.front-reason-wrapper:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: 1
}

.front-reason-items {
    border-top: var(--global--color-border) solid 1px;
    position: relative;
    z-index: 10
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-items {
        display: flex
    }
}

.front-reason-item {
    background: #fff;
    border-right: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px;
    border-bottom: var(--global--color-border) solid 1px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1.6rem 1.2rem 1.6rem .5rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-item {
        display: block;
        border-left: none;
        padding: 5.2rem 2rem 3.8rem;
        width: 20%
    }
}

.front-reason-item .front-reason-item__container {
    flex: 1
}

.front-reason-item .front-reason-item__figure {
    text-align: center;
    width: 8.8rem;
    margin: 0 1.2rem 0 0;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-item .front-reason-item__figure {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem
    }
}

.front-reason-item .front-reason-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-default);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-item .front-reason-item__title {
        text-align: center
    }
}

.front-reason-item .front-reason-item__description {
    margin: .8rem 0 0;
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-item .front-reason-item__description {
        margin-top: .5rem;
        text-align: center
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-item:first-child {
        border-left: var(--global--color-border) solid 1px
    }
}

@media only screen and (max-width: 960px) {
    .front-reason-item:last-child .front-reason-item__figure img {
        width: 84%;
        margin-left: auto;
        margin-right: auto
    }
}

.front-product-search {
    background-color: var(--global--color-main);
    padding-top: 8rem;
    padding-bottom: 11.2rem
}

@media print,
only screen and (min-width: 961px) {
    .front-product-search {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

.front-reason-bottom {
    margin: 4rem auto 6.8rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-bottom {
        display: flex;
        margin-bottom: 5rem;
        align-items: center;
        justify-content: center
    }
}

.front-reason-nav {
    margin-bottom: 2.8rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-nav {
        margin: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-nav .wp-block-button {
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-nav .wp-block-button .wp-block-button__link {
        font-size: var(--global--font-size-sm);
        padding-top: 1.9rem;
        padding-bottom: 1.8rem
    }
}

.front-reason-logos {
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-logos {
        width: 64.2rem;
        margin-left: 4%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .front-reason-logos {
        margin-left: 10%
    }
}

.front-reason-logos .front-reason-logo {
    position: relative;
    width: 50%;
    margin: 1.3rem 0;
    box-sizing: border-box;
    text-align: center;
    padding-right: 1.7rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-logos .front-reason-logo {
        width: 24.3%;
        margin: 1.5rem 0;
        padding: 0 2rem
    }
}

@media only screen and (max-width: 960px) {
    .front-reason-logos .front-reason-logo:nth-child(odd):after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: auto;
        background: var(--global--color-border);
        width: 1px;
        height: 100%
    }

    .front-reason-logos .front-reason-logo:nth-child(even) {
        padding-left: 1.7rem;
        padding-right: 0
    }

    .front-reason-logos .front-reason-logo:nth-child(even):after {
        display: none
    }

    .front-reason-logos .front-reason-logo:nth-child(n+3):nth-child(odd):before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: -1.3rem;
        right: auto;
        bottom: auto;
        left: 0;
        margin: auto;
        width: calc(100% - 1.7rem);
        height: 1px;
        background: var(--global--color-border)
    }

    .front-reason-logos .front-reason-logo:nth-child(n+3):nth-child(even):before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: -1.3rem;
        right: 0;
        bottom: auto;
        left: auto;
        margin: auto;
        width: calc(100% - 1.7rem);
        height: 1px;
        background: var(--global--color-border)
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-logos .front-reason-logo:nth-child(n+4):before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: -1.5rem;
        right: 0;
        bottom: auto;
        left: 0;
        margin: auto;
        width: calc(100% - 4rem);
        height: 1px;
        background: var(--global--color-border)
    }

    .front-reason-logos .front-reason-logo:not(:nth-child(3n)):after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: auto;
        background: var(--global--color-border);
        width: 1px;
        height: 100%
    }
}

.front-reason-logos .front-reason-logo span {
    display: block;
    text-align: center;
    height: 3rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-logos .front-reason-logo span {
        display: inline-block;
        height: 5rem
    }
}

.front-reason-logos .front-reason-logo img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: auto;
    max-width: 10.4rem
}

@media print,
only screen and (min-width: 961px) {
    .front-reason-logos .front-reason-logo img {
        max-width: 12.4rem;
        margin-top: .7rem
    }
}

.front-feature {
    background-color: var(--global--color-bg-primary);
    padding: 8rem 0 9rem
}

@media print,
only screen and (min-width: 961px) {
    .front-feature {
        padding-top: 12rem;
        padding-bottom: 14.6rem
    }
}

.front-feature__header {
    margin-bottom: 2.9rem
}

@media print,
only screen and (min-width: 961px) {
    .front-feature__header {
        margin-bottom: 4.6rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-feature__header .section-title {
        margin-bottom: .3rem
    }
}

.front-feature-more {
    width: 100%;
    margin-top: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .front-feature-more {
        margin-top: 5.6rem
    }
}

.front-feature-more .wp-block-button {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .front-feature-more .wp-block-button .wp-block-button__link {
        font-size: var(--global--font-size-sm);
        padding-top: 1.9rem;
        padding-bottom: 1.8rem
    }
}

.front-blog {
    background: #fff;
    padding: 8rem 0 7.7rem
}

@media print,
only screen and (min-width: 961px) {
    .front-blog {
        padding-top: 6.5rem;
        padding-bottom: 8.5rem
    }
}

.front-blog__wrapper {
    position: relative;
    margin-top: 1.9rem
}

@media print,
only screen and (min-width: 961px) {
    .front-blog__wrapper {
        margin-top: 2.8rem
    }
}

.front-blog__header {
    margin: 0 auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .front-blog__header {
        margin-bottom: 0;
        position: absolute;
        top: 0;
        left: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-blog__container {
        margin-right: calc(50% - 50vw);
        margin-left: 23%;
        overflow: hidden;
        min-height: 34.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-blog__container .swiper-container {
        padding-bottom: 4.8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .front-blog__container .entry-loop {
        display: flex;
        flex-wrap: nowrap
    }
}

.blog-navigation {
    box-sizing: border-box;
    padding-bottom: 1rem;
    border-bottom: var(--global--color-main) solid 5px;
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .blog-navigation {
        border-bottom: none;
        border-left: var(--global--color-main) solid 5px;
        padding-left: 1.6rem;
        display: block;
        min-width: 20rem
    }
}

.blog-navigation .blog-navigation__item {
    padding: 0;
    margin: 0 2rem .8rem 0;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.46;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .blog-navigation .blog-navigation__item {
        font-size: var(--global--font-size-sm);
        line-height: 1.79;
        margin-bottom: .8rem;
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .blog-navigation .blog-navigation__item:last-child {
        margin-bottom: 0
    }
}

.blog-navigation .blog-navigation__item:before {
    display: none
}

.blog-navigation .blog-navigation__item .blog-navigation__link {
    color: #9A9C9A;
    text-decoration: none
}

.blog-navigation .blog-navigation__item .blog-navigation__link:hover {
    text-decoration: underline
}

.blog-navigation .blog-navigation__item .blog-navigation__link.is-active {
    font-weight: 700;
    color: var(--global--color-main)
}

.blog-carousel-prev {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 4rem;
    height: 4rem;
    background: #2c928c;
    top: auto;
    left: 0;
    bottom: 0;
    margin-top: 0
}

.blog-carousel-prev:hover {
    background-color: var(--global--color-main)
}

.blog-carousel-prev:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg) translate(1px, 2px)
}

.blog-carousel-prev:after {
    display: none
}

@media only screen and (max-width: 960px) {
    .blog-carousel-prev {
        display: none
    }
}

.blog-carousel-next {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 4rem;
    height: 4rem;
    background: #2c928c;
    top: auto;
    left: 5rem;
    bottom: 0;
    margin-top: 0
}

.blog-carousel-next:hover {
    background-color: var(--global--color-main)
}

.blog-carousel-next:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-right: #fff solid 2px;
    border-top: #fff solid 2px;
    transform-origin: 50% 50%;
    transform: rotate(45deg) translate(-1px, 1px)
}

.blog-carousel-next:after {
    display: none
}

@media only screen and (max-width: 960px) {
    .blog-carousel-next {
        display: none
    }
}

.front-blog-more {
    line-height: 1.71;
    margin: 3.7rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .front-blog-more {
        margin-top: 0;
        margin-left: 2.2rem
    }
}

.front-blog-more a {
    display: inline-block;
    padding: 0 3.8rem 0 0;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    color: var(--global--color-main);
    position: relative;
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .front-blog-more a {
        font-size: var(--global--font-size-sm)
    }
}

.front-blog-more a:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.front-blog-more a:hover {
    text-decoration: underline
}

.front-blog-more a:hover:after {
    right: -.2rem
}

.gallery {
    display: flex;
    flex-wrap: wrap
}

.gallery-item {
    width: 32.34%;
    margin-top: .5rem;
    margin-right: 1.49%
}

@media print,
only screen and (min-width: 961px) {
    .gallery-item {
        width: 23.58%;
        margin-top: 1rem;
        margin-right: 1.89%
    }
}

@media only screen and (max-width: 960px) {
    .gallery-item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 960px) {
    .gallery-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .gallery-item:nth-child(4n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .gallery-item:nth-child(-n+4) {
        margin-top: 0
    }
}

.gallery-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-decoration: none;
    background: #fff;
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

.gallery-item__link:hover {
    opacity: .7
}

.gallery-item__link.is-video:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2
}

.gallery-item__link img {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    width: 100%
}

.gallery-video-thumb {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    background: url(../image/icon_gallery_video.svg) no-repeat scroll 0 0;
    background-size: 4rem 3.2rem;
    width: 4rem;
    text-align: center;
    z-index: 10;
    color: #fff;
    padding: 3.9rem 0 0;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1
}

.is-more .gallery-item__link {
    background: none;
    overflow: visible
}

.is-more .gallery-item__link img {
    display: none
}

.is-more .gallery-item__link .gallery-more {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    color: var(--global--color-main);
    white-space: nowrap;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    padding: 0 3.8rem 0 1rem
}

.is-more .gallery-item__link .gallery-more:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.site-header {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 6.6rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 1rem;
    border-bottom: var(--global--color-border) solid 1px;
    z-index: 5000;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
only screen and (min-width: 961px) {
    .site-header {
        height: 8rem;
        border-bottom: none
    }
}

.site-header.has-animation {
    transition: transform .2s ease-in-out
}

.site-header.is-hidden {
    transform: translateY(-100%)
}

.site-branding {
    line-height: 0;
    margin: 0;
    padding: 0
}

.site-branding:before,
.site-branding:after {
    display: none
}

.site-branding__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    width: 15rem
}

@media print,
only screen and (min-width: 961px) {
    .site-branding__link {
        width: 24rem
    }
}

.site-branding__link:hover {
    opacity: .7
}

.entry-header {
    box-sizing: border-box;
    /* background: var(--global--color-main); */
    background: #2c938c;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .entry-header {
        min-height: 8.8rem
    }
}

@media print,
only screen and (min-width: 1440px) {
    .entry-header {
        padding-right: 8rem
    }
}

.entry-header__thumbnail {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 22rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1
}

@media print,
only screen and (min-width: 961px) {
    .entry-header__thumbnail {
        height: 100%;
        width: 50%;
        position: absolute;
        right: 0;
        top: 0
    }
}

.entry-header__inner {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    z-index: 10
}

@media print,
only screen and (min-width: 961px) {
    .entry-header__inner {
        padding-top: 10.3rem;
        padding-bottom: 14.3rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .entry-header__inner.is-shrink {
        padding-top: 8.1rem;
        padding-bottom: 10.1rem
    }
}

.entry-title {
    padding: 0;
    color: #fff;
    margin: 0;
    line-height: 1.5;
    font-size: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .entry-title {
        font-size: 3.6rem
    }
}

.entry-title:before,
.entry-title:after {
    display: none
}

.entry-meta {
    margin-top: 3.2rem;
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .entry-meta {
        margin-top: 0;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 8.5rem
    }
}

.entry-meta__inner {
    box-sizing: border-box;
    max-width: var(--large-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .entry-meta__inner {
        padding-left: var(--global--spacing-content);
        padding-right: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 961px) {
    .entry-meta__inner {
        padding-left: 0;
        padding-right: 0
    }
}

.entry-categories {
    line-height: 1.5;
    margin: 0 2rem 0 0
}

@media only screen and (max-width: 960px) {
    .entry-categories+.entry-categories {
        margin-top: .8rem
    }
}

.entry-categories__link {
    color: #2c928c;
    text-decoration: none
}

.entry-categories__link:hover {
    text-decoration: underline
}

.entry-date {
    line-height: 1.5;
    margin: 0;
    color: #fff
}

.entry-categories__title {
    display: inline-block;
    color: #fff;
    margin-right: .8rem
}

.post-header {
    padding-top: 4rem;
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .post-header {
        padding-top: 0;
        margin-bottom: 8rem
    }
}

.post-header .post-header__title {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5;
    border-bottom: var(--global--color-border) solid 1px;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 1.3rem;
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .post-header .post-header__title {
        font-size: 3.6rem;
        line-height: 1.33;
        padding-bottom: 1.6rem;
        margin-bottom: 2.8rem
    }
}

.post-header .post-header__title:before,
.post-header .post-header__title:after {
    display: none
}

.post-header .post-header__title:first-child {
    margin-top: 0
}

.post-header .post-header__title:last-child {
    margin-bottom: 0
}

.post-header .post-header__title+h1,
.post-header .post-header__title+h2,
.post-header .post-header__title+h3,
.post-header .post-header__title+h4,
.post-header .post-header__title+h5,
.post-header .post-header__title+h6 {
    margin-top: 0
}

.post-meta {
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .post-meta__inner {
        display: flex;
        align-items: center;
        padding-right: 24rem
    }
}

.post-categories {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .post-categories {
        display: flex
    }
}

.post-categories .post-categories__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    min-width: 10rem;
    font-weight: 700;
    background-color: var(--global--color-main);
    font-size: var(--global--font-size-2xs);
    line-height: 1.6;
    text-align: center;
    box-sizing: border-box;
    padding: .7rem .4rem;
    margin-right: .4rem
}

@media print,
only screen and (min-width: 961px) {
    .post-categories .post-categories__link {
        font-size: var(--global--font-size-sm);
        min-width: 13.8rem;
        padding: .9rem .4rem
    }
}

.post-categories .post-categories__link:hover {
    background-color: #2c928c;
}

.post-date {
    letter-spacing: normal;
    font-size: 1.3rem;
    margin: .9rem 0 0 0
}

@media print,
only screen and (min-width: 961px) {
    .post-date {
        font-size: var(--global--font-size-md);
        margin: 0 0 0 1.6rem
    }
}

.post-tag {
    font-size: 1.3rem;
    margin: .9rem 0 0 0
}

@media print,
only screen and (min-width: 961px) {
    .post-tag {
        margin: 0 0 0 1.6rem
    }
}

.post-tag .post-tag__link {
    color: var(--global--color-main);
    margin-right: 1.2rem
}

.post-meta .social {
    padding-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .post-meta .social {
        top: 0;
        right: 0
    }
}

.small-header {
    background: var(--global--color-main);
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .small-header {
        min-height: 8.8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .small-header.is-blog {
        min-height: 12.8rem
    }
}

.site-header.is-white {
    background: none;
    border-bottom: none
}

.site-header.is-white.has-animation {
    background: rgba(0, 0, 0, 0.4)
}

.history-section {
    box-sizing: border-box;
    width: 100%
}

@media only screen and (max-width: 960px) {
    .history-section {
        height: auto !important
    }
}

.history-section .history-container {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 var(--global--spacing-content)
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-container {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        max-width: var(--max-content-width)
    }
}

@media print,
only screen and (min-width: 1200px) {
    .history-section .history-container {
        height: 104vh;
        padding-bottom: 4vh
    }
}

.history-section .history-inner {
    transition: all 1s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-inner {
        max-width: 50rem;
        width: 100%;
        opacity: 0
    }
}

@media print,
only screen and (min-width: 1200px) {
    .history-section .history-inner {
        max-width: 56rem
    }
}

.history-section .history-inner.is-active {
    opacity: 1
}

.history-section .history-image {
    width: 100%;
    height: 37.5rem;
    margin: 7.4rem auto 3.8rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-image {
        display: none
    }
}

.history-section .history-image-more {
    width: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-image-more {
        display: none
    }
}

.history-section .history-story {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    color: #2c928c;
    margin: 0 auto 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-story {
        font-size: 1.8rem;
        line-height: 1.46;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-section .history-story {
        font-size: 2.6rem;
        position: absolute;
        top: 14.6rem;
        left: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-story br {
        display: none
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-story+.history-title {
        margin-top: 0
    }
}

.history-section .history-title {
    margin: 3.2rem auto 0;
    padding: 0;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-title {
        font-weight: 700;
        line-height: 1.5;
        font-size: 2.8rem
    }
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-section .history-title {
        font-size: 3.5rem
    }
}

.history-section .history-title:before,
.history-section .history-title:after {
    display: none
}

.history-section .history-description {
    margin: 2.4rem auto 0;
    line-height: 1.79
}

@media print,
only screen and (min-width: 961px) {
    .history-section .history-description {
        line-height: 1.81;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-section .history-description {
        font-size: 1.6rem
    }
}

.history-section.is-section-0 {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.history-section.is-section-0 .history-container {
    padding: 14.6rem var(--global--spacing-content) 20rem
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-0 .history-container {
        padding: 6.6rem 0 calc(6.6rem + 20vh)
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-0 .history-inner {
        opacity: 1;
        padding: 6.6rem 0;
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto
    }
}

.history-section.is-section-0 .history-since {
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    color: #2c928c;
    margin: 0 auto .3rem
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-0 .history-since {
        margin-bottom: 1rem
    }
}

.history-section.is-section-0 .history-title {
    margin-top: 0;
    color: #fff;
    text-align: center
}

.history-section.is-section-0 .history-description {
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-0 .history-description {
        margin-top: 3.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-final {
        background-color: var(--global--color-main)
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-section.is-section-final .fp-scroller {
        height: 100%
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-final-wrapper {
        padding-top: 8rem;
        box-sizing: border-box;
        height: 100%
    }
}

.history-final-container {
    background: #0F213E;
    position: relative;
    box-sizing: border-box;
    margin: 8.6rem auto 0;
    padding: 0 0 7.6rem
}

@media print,
only screen and (min-width: 961px) {
    .history-final-container {
        background-color: var(--global--color-main);
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-final-container:before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: #0F213E;
        width: 88.89vw;
        height: 73%
    }
}

.history-final-image {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .history-final-image img {
        position: absolute
    }
}

@media print,
only screen and (min-width: 961px) {
    .history-final-image.is-main {
        max-width: 48.7rem;
        width: 34vw;
        top: .8rem;
        transform: translate(-50%, 0);
        left: 50%
    }
}

@media screen and (min-width: 961px) and (max-height: 920px) {
    .history-final-image.is-main {
        top: -9rem
    }
}

@media screen and (min-width: 961px) and (max-height: 680px) {
    .history-final-image.is-main {
        display: none
    }
}

.history-final-image.is-airgapsensor {
    max-width: 23.8rem;
    width: 17%;
    top: 16.1rem;
    left: 4.1rem
}

.history-final-image.is-switch {
    max-width: 34.9rem;
    width: 24%;
    top: 2.8rem;
    right: 1.3rem
}

.history-final-image.is-toolsetter {
    max-width: 33.6rem;
    width: 23%;
    bottom: 3.9rem;
    left: 3.5rem
}

.history-final-image.is-touchprobe {
    max-width: 33.4rem;
    width: 23%;
    bottom: 3.9rem;
    right: 2.8rem
}

.history-final-inner {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .history-final-inner {
        z-index: 10
    }
}

.history-final-title {
    padding: 4.4rem 0 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 auto 2.2rem;
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    .history-final-title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46;
        text-align: center;
        margin: 0 auto 3.8rem;
        padding-top: 0
    }
}

.history-final-title:before,
.history-final-title:after {
    display: none
}

.history-final-description {
    font-weight: 400;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    margin: 0 0 4.2rem;
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    .history-final-description {
        line-height: 1.81;
        text-align: center;
        margin: 0 0 5.6rem
    }
}

.history-final-logo {
    width: 26rem;
    margin: 0 auto
}

.history-final-logo img {
    width: 100%
}

.history-nav-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .history-nav-wrapper {
        display: none
    }
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav-wrapper {
        display: block;
        max-width: var(--max-content-width)
    }
}

@media only screen and (max-width: 960px) {
    .is-section-0~.history-section .history-nav-wrapper {
        display: none
    }
}

@media print,
only screen and (min-width: 961px) {
    .is-section-0~.history-section .history-nav {
        max-width: 50rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .is-section-0~.history-section .history-nav {
        max-width: 56rem
    }
}

.history-nav {
    padding: 0 0 10rem;
    position: relative
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav {
        padding-bottom: 11.1rem
    }
}

.history-nav:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 8rem;
    background-color: #fff
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav:before {
        height: 10rem;
        background-color: var(--global--color-border)
    }
}

.history-nav:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 4rem;
    left: 0;
    margin: auto;
    background-color: #2c928c;;
    width: 3px;
    height: 4rem
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav:after {
        bottom: 6rem
    }
}

.history-nav__label {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: #2c928c;
    margin: 0 auto .4rem
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav__label {
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0
    }
}

.history-nav__title {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: #fff;
    margin: 0
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-nav__title {
        font-size: 1.6rem;
        line-height: 1.5;
        color: var(--global--color-default)
    }
}

.is-section-0 .history-nav__title {
    color: #fff
}

.history-figure {
    transition: all .7s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    bottom: 0;
    right: 5.6rem;
    width: 41vw;
    height: calc(100vh - (6.6rem + 8rem))
}

@media print,
only screen and (min-width: 1200px) {
    .history-figure {
        right: 13rem;
        width: 41vw
    }
}

.history-figure.is-hidden {
    opacity: 0
}

.history-figure__image {
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.history-figure__image.is-active {
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.history-menu {
    transition: all .7s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    right: 4rem
}

.history-menu.is-hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.history-menu .history-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.history-menu .history-list-item {
    padding: 0;
    margin: .5rem auto
}

.history-menu .history-list-item:before {
    display: none
}

.history-menu .history-list-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: block;
    background-color: var(--global--color-border);
    width: .3rem;
    height: 3.2rem;
    text-decoration: none
}

@media screen and (min-width: 1200px) and (min-height: 840px) {
    .history-menu .history-list-item__link {
        height: 4rem
    }
}

.history-menu .history-list-item__link:hover {
    background-color: #2c928c;
}

.history-menu .history-list-item__link.is-active {
    background-color: #2c928c;
}

.history-menu .history-list-item__link.is-active .history-list-item__label {
    opacity: 1
}

.history-menu .history-list-item__label {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    left: -5.7rem;
    width: 100%;
    white-space: nowrap;
    text-align: right;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1.1rem;
    line-height: 1.82;
    color: #2c928c
}

.history-menu .history-list-item:first-child .history-list-item__label {
    left: -8.8rem
}

.purchase-line-title {
    background-color: var(--global--color-bg-primary);
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    line-height: 1.5;
    box-sizing: border-box;
    padding: .7rem 1rem;
    margin: 0 auto 1rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-line-title {
        font-size: var(--global--font-size-xl);
        padding: .5rem 1rem;
        margin: 0 auto 1rem
    }
}

.purchase-line-title.is-large {
    margin-top: 3.2rem;
    font-size: var(--global--font-size-xl)
}

@media print,
only screen and (min-width: 961px) {
    .purchase-line-title.is-large {
        font-size: var(--global--font-size-2xl);
        padding: .8rem 1.6rem;
        margin-top: 4.8rem
    }
}

h1+.purchase-line-title.is-large,
h2+.purchase-line-title.is-large,
h3+.purchase-line-title.is-large,
h4+.purchase-line-title.is-large,
h5+.purchase-line-title.is-large {
    margin-top: 0
}

.purchase-columns {
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-columns {
        display: flex;
        flex-wrap: wrap
    }
}

.purchase-columns .purchase-column {
    margin: 0 0 1rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-columns .purchase-column {
        width: 24%;
        margin-right: 1.33%;
        margin-bottom: 1.6rem
    }
}

.purchase-columns .purchase-column:nth-child(4n) {
    margin-right: 0
}

.purchase-sales {
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-sales {
        margin-bottom: 3rem
    }
}

.purchase-item {
    margin: 0
}

.purchase-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    box-sizing: border-box;
    border: var(--global--color-border) solid 1px;
    color: var(--global--color-main);
    font-size: 1.3rem;
    line-height: 1.54;
    padding: 1.2rem 3.6rem 1.2rem 1.5rem;
    background: url(../image/icon_external.svg) no-repeat scroll right 0.9rem center;
    background-size: 2rem 1rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link {
        background-position: right center;
        font-size: 1.4rem;
        line-height: 1.67;
        padding: 0 3.2rem 0 0;
        border: none;
        font-weight: 500;
        display: inline-block
    }
}

.purchase-item__link strong {
    font-weight: 700;
    display: block;
    font-size: 1.5rem;
    color: var(--global--color-default);
    text-decoration: none;
    margin-bottom: .4rem
}

.purchase-item__link span {
    text-decoration: underline
}

.purchase-item__link.is-underline-none {
    text-decoration: none
}

.purchase-item__link.is-sales {
    text-decoration: none;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link.is-sales {
        display: flex;
        align-items: center;
        padding-top: 4.2rem;
        padding-bottom: 4.2rem
    }
}

.purchase-item__link .purchase-sales__title {
    display: block;
    margin-bottom: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link .purchase-sales__title {
        margin-bottom: 0;
        margin-right: 2.2rem
    }
}

.purchase-item__link .purchase-sales__link {
    display: block
}

.purchase-item__link .purchase-sales__image {
    display: block;
    margin-top: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link .purchase-sales__image {
        margin-top: 0;
        margin-left: 3rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link:hover {
        background-color: var(--global--color-bg-secondary)
    }
}

@media print,
only screen and (min-width: 961px) {
    .purchase-item__link:hover span {
        text-decoration: none
    }
}

.lang-switcher {
    position: absolute;
    z-index: 999;
    display: inline-block;
    top: 3.2rem;
    left: 17.6rem
}

@media print,
only screen and (min-width: 961px) {
    .lang-switcher {
        top: 3.4rem;
        left: 28rem
    }
}

.lang-switcher .lang-switcher__toggle {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: var(--global--color-default);
    font-family: var(--global--font-secondary);
    font-size: 1.2rem;
    line-height: 1.25;
    padding: .2rem 0 .2rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .lang-switcher .lang-switcher__toggle:hover {
        color: #2c928c
    }
}

@media print,
only screen and (min-width: 961px) {
    .lang-switcher .lang-switcher__toggle:hover .lang-switcher__icon path {
        fill: #2c928c
    }
}

.lang-switcher .lang-switcher__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    width: 1.5rem;
    height: 1.5rem
}

.lang-switcher .lang-switcher__icon path {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    fill: var(--global--color-default)
}

@media only screen and (max-width: 960px) {
    .lang-switcher .lang-switcher__label {
        display: none
    }
}

.lang-switcher .lang-switcher__container {
    transition: height .1s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    padding-top: 1.5rem;
    margin: 0 0 0 -4.2rem
}

@media print,
only screen and (min-width: 961px) {
    .lang-switcher .lang-switcher__container {
        margin: 0 0 0 -.5rem
    }
}

.lang-switcher .lang-list {
    border: var(--global--color-border) solid 1px;
    position: relative
}

.lang-switcher .lang-list:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: -.7rem;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent var(--global--color-border) transparent
}

.lang-switcher .lang-list-item {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
    border-bottom: var(--global--color-border) solid 1px;
    padding: 0;
    margin: 0
}

.lang-switcher .lang-list-item:before {
    display: none
}

.lang-switcher .lang-list-item:last-child {
    border-bottom: none
}

.lang-switcher .lang-list-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    position: relative;
    display: block;
    color: var(--global--color-default);
    text-decoration: none;
    font-family: var(--global--font-secondary);
    font-size: 1.3rem;
    line-height: 1.54;
    padding: .5rem 1rem .8rem 4.5rem
}

@media print,
only screen and (min-width: 961px) {
    .lang-switcher .lang-list-item__link:hover {
        background-color: var(--global--color-bg-secondary)
    }
}

.lang-switcher .lang-list-item__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: 1rem;
    margin: auto;
    display: block;
    width: 2.5rem;
    height: 1.65rem;
    line-height: 0
}

.lang-switcher:not(.is-open) .lang-switcher__container {
    display: none
}

body.front-page .lang-switcher .lang-switcher__toggle {
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    body.front-page .lang-switcher .lang-switcher__toggle:hover {
        color: #2c928c
    }
}

body.front-page .lang-switcher .lang-switcher__icon path {
    fill: #fff
}

body.front-page .lang-switcher .lang-list {
    border: none
}

body.front-page .lang-switcher .lang-list:before {
    border-color: transparent transparent #000 transparent
}

body.front-page .lang-switcher .lang-list-item {
    border-bottom: var(--global--color-border) solid 1px
}

body.front-page .lang-switcher .lang-list-item:last-child {
    border-bottom: none
}

body.front-page .lang-switcher .lang-list-item__link {
    background: #000;
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    body.front-page .lang-switcher .lang-list-item__link:hover {
        background-color: #444
    }
}

.wrapper {
    background-color: var(--global--color-bg-primary);
    width: 100%;
    min-height: 100%;
    position: relative;
    padding: 0;
    overflow-x: hidden
}

.wrapper:not(.is-front) {
    padding-top: 6.6rem
}

@media print,
only screen and (min-width: 961px) {
    .wrapper:not(.is-front) {
        padding-top: 8rem
    }
}

.wrapper.is-history {
    background-color: #fff;
    padding-top: 0
}

_:-ms-lang(x)::-ms-backdrop,
.wrapper {
    min-width: 100rem
}

@media print,
only screen and (min-width: 1440px) {
    .site-content {
        padding-right: 8rem
    }
}

.site-main {
    background: #fff;
    position: relative;
    z-index: 100;
    padding-top: 4rem;
    padding-bottom: 8rem
}

@media print,
only screen and (min-width: 961px) {
    .site-main {
        padding-top: 8rem;
        padding-bottom: 9.4rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .site-main.is-stack {
        margin-top: -4rem
    }
}

.section-content {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    padding: 6.4rem var(--global--spacing-content);
    margin: 7.2rem auto
}

@media print,
only screen and (min-width: 961px) {
    .section-content {
        max-width: 128rem;
        padding: 7.2rem 0 11.2rem;
        margin: 11.2rem auto
    }
}

.section-content:first-child {
    margin-top: 0
}

.section-content:last-child {
    margin-bottom: 0
}

.floating-bar-container {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar-container {
        display: block
    }
}

.floating-bar {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar {
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        width: 100%;
        position: fixed;
        bottom: 0;
        bottom: -10.2rem;
        left: 0;
        z-index: 9999;
        padding: 2rem 0 2.2rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .floating-bar.is-active {
        bottom: 0
    }
}

.floating-button {
    position: relative;
    display: inline-block;
    margin: 4rem 0 0;
    width: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .floating-button {
        width: 33.5rem;
        margin: 0
    }
}

.floating-button .floating-button__input {
    -webkit-appearance: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background: #2c928c;
    border: #2c928c solid 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    padding: 1.9rem 4.1rem 1.8rem 1.9rem
}

@media print,
only screen and (min-width: 1200px) {
    .floating-button .floating-button__input {
        font-size: var(--global--font-size-sm)
    }
}

.floating-button .floating-button__icon {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: var(--global--color-main);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.floating-button .floating-button__input:hover {
    background: #fff;
    color: #2c928c
}

.floating-button .floating-button__input:hover+.floating-button__icon {
    right: 1.8rem
}

.link-map {
    display: inline-block;
    position: relative;
    padding: 0 2rem 0 0;
    background: url(../image/icon_location.svg) no-repeat scroll right 0;
    background-size: 1.4rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .link-map {
        background-position: right .25em
    }
}

.link-external {
    display: inline-block;
    position: relative;
    padding: 0 2.6rem 0 0;
    background: url(../image/icon_external.svg) no-repeat scroll right 0.5em;
    background-size: 2rem 1rem
}

@media print,
only screen and (min-width: 961px) {
    .link-external {
        background-position: right .7em
    }
}

.toggle-button {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.toggle-button .toggle-button__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background: #000;
    width: 15px;
    height: 1px;
    transition: height .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.toggle-button .toggle-button__icon:last-child {
    width: 1px;
    height: 15px
}

.toggle-button.is-open .toggle-button__icon:last-child {
    height: 0
}

.series-download-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.series-download-list__item {
    margin: 0 0 1.8rem;
    font-size: 1.2rem;
    line-height: 1.58
}

.series-download-list__item:last-child {
    margin-bottom: 0
}

.series-download-list__item:before {
    display: none
}

.series-download-list__item .series-download-link {
    display: inline-block;
    color: var(--global--color-main);
    font-weight: 700;
    padding-left: 2.5rem
}

.series-download-list__item .series-download-link.is-catalog {
    background: url(../image/icon_small_catalog.svg) no-repeat scroll 0 50%;
    background-size: 1.8rem 1.9rem
}

.series-download-list__item .series-download-link.is-manual {
    background: url(../image/icon_small_manual.svg) no-repeat scroll 0 50%;
    background-size: 1.8rem 1.9rem
}

.series-download-list__item .series-download-link.is-cad {
    background: url(../image/icon_small_cad.svg) no-repeat scroll 0 50%;
    background-size: 1.8rem 1.9rem
}

.series-download-list.is-air-gap-sensor {
    display: inline-block
}

.series-download-list.is-air-gap-sensor .series-download-list__item {
    padding-left: 0
}

.link-anchor {
    position: relative;
    padding: 0 0 0 2.2rem
}

.link-anchor__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    border-right: #2c928c solid 2px;
    border-bottom: #2c928c solid 2px;
    transform: translate(0, 0) rotate(45deg)
}

.link-anchor-large {
    position: relative;
    padding-left: 3rem;
    display: inline-block;
    color: var(--global--color-main);
    font-weight: 700;
    text-decoration: none
}

.link-anchor-large:hover {
    text-decoration: underline
}

.link-anchor-large .link-anchor-large__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .07em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background: url(../image/icon_anchor.svg) no-repeat scroll 0 0;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .link-anchor-large .link-anchor-large__icon {
        top: .25em
    }
}

.link-words {
    display: inline-block;
    background: url(../image/icon_words.svg) no-repeat scroll 50% 50%;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    margin-left: .8rem;
    margin-bottom: .4rem
}

.entry-loop {
    display: flex;
    flex-wrap: wrap
}

.entry-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .entry-item {
        width: 31.97%;
        margin: 6rem 2.045% 0 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .entry-item {
        width: 23.83%;
        margin: 6rem 1.56% 0 0
    }
}

@media only screen and (max-width: 960px) {
    .entry-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .entry-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .entry-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .entry-item:nth-child(3n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .entry-item:nth-child(-n+4) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .entry-item:nth-child(4n) {
        margin-right: 0
    }
}

.entry-item__thumb {
    margin: 0 0 1rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .entry-item__thumb {
        margin-bottom: 1.1rem
    }
}

.entry-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    padding-top: calc(265 / 400 * 100%);
    position: relative;
    z-index: 1;
    overflow: hidden
}

.entry-item__thumb a:hover {
    opacity: .7
}

.entry-item__thumb img {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: auto;
    content: none;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    transform: translate(-50%, -50%);
    max-height: 100%
}

.entry-item-categories {
    line-height: 1.5;
    font-size: var(--global--font-size-2xs);
    margin: 0 0 .4rem
}

@media print,
only screen and (min-width: 961px) {
    .entry-item-categories {
        margin: 0 0 .3rem;
        font-size: var(--global--font-size-sm)
    }
}

.entry-item-categories__link {
    color: var(--global--color-main);
    text-decoration: none
}

.entry-item-categories__link:hover {
    text-decoration: underline
}

.entry-item__title {
    padding: 0;
    margin: 0 0 .7rem;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    font-weight: 700
}

.entry-item__title:before,
.entry-item__title:after {
    display: none
}

.entry-item__title a {
    color: var(--global--color-default);
    text-decoration: none
}

.entry-item__title a:hover {
    text-decoration: underline
}

.entry-item__date {
    font-weight: 700;
    font-size: var(--global--font-size-2xs);
    color: var(--global--color-gray);
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .entry-item__date {
        font-size: var(--global--font-size-xs);
        line-height: 1.54;
        margin-top: 1.5rem
    }
}

.is-related.entry-item .entry-item__title {
    line-height: 1.75
}

@media print,
only screen and (min-width: 961px) {
    .is-related.entry-item .entry-item__title {
        line-height: 1.81
    }
}

.is-related.entry-item .entry-item__title a {
    color: var(--global--color-main)
}

@media print,
only screen and (min-width: 961px) {
    .is-related.entry-item .entry-item__title a {
        text-decoration: underline
    }
}

.is-related.entry-item .entry-item__title a:hover {
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .entry-loop.is-horizontal .entry-item {
        margin: 0;
        width: 30.5rem;
        flex-shrink: 0
    }
}

.feature-loop {
    display: flex;
    flex-wrap: wrap
}

.feature-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .feature-item {
        width: 31.97%;
        margin: 6rem 2.045% 0 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .feature-item {
        width: 23.83%;
        margin: 6rem 1.56% 0 0
    }
}

@media only screen and (max-width: 960px) {
    .feature-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .feature-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .feature-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) and (max-width: 1280px) {
    .feature-item:nth-child(3n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .feature-item:nth-child(-n+4) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 1281px) {
    .feature-item:nth-child(4n) {
        margin-right: 0
    }
}

.feature-item__thumb {
    margin: 0 0 1rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .feature-item__thumb {
        margin-bottom: 1.1rem
    }
}

.feature-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.feature-item__thumb a:hover {
    opacity: .7
}

.feature-item__thumb img {
    width: 100%
}

.feature-item__title {
    padding: 0;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    font-weight: 700;
    margin: 0 auto 1rem;
    text-align: left
}

@media print,
only screen and (min-width: 961px) {
    .feature-item__title {
        font-size: var(--global--font-size-2xl)
    }
}

.feature-item__title:before,
.feature-item__title:after {
    display: none
}

.feature-item__title a {
    display: inline-block;
    position: relative;
    color: var(--global--color-default);
    padding-right: 2.8rem;
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .feature-item__title a {
        padding-right: 3.8rem
    }
}

.feature-item__title a:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.feature-item__title a:hover {
    color: #2c928c
}

.feature-item__title a:hover:after {
    right: -.2rem
}

.solution-loop {
    display: flex;
    flex-wrap: wrap
}

.solution-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) {
    .solution-item {
        width: 31%;
        margin: 8rem 3.5% 0 0
    }
}

@media only screen and (max-width: 960px) {
    .solution-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .solution-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .solution-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .solution-item:nth-child(3n) {
        margin-right: 0
    }
}

.solution-item__thumb {
    margin: 0 0 1rem;
    text-align: center;
    position: relative;
    padding-top: calc(262 / 400 * 100%);
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media print,
only screen and (min-width: 961px) {
    .solution-item__thumb {
        margin-bottom: 1.1rem
    }
}

.solution-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    z-index: 1
}

.solution-item__thumb a:hover {
    opacity: .7
}

.solution-item__thumb img {
    width: 100%
}

.solution-item-categories {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .8rem;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    background-color: var(--global--color-main);
    display: inline-block;
    color: #fff;
    line-height: 1.43;
    font-size: var(--global--font-size-2xs);
    min-width: 8rem;
    padding: .3rem .2rem;
    z-index: 10
}

@media print,
only screen and (min-width: 961px) {
    .solution-item-categories {
        font-size: var(--global--font-size-sm);
        min-width: 13rem;
        top: 2rem;
        padding: .5rem .4rem
    }
}

.solution-item__title {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.71;
    font-weight: 700
}

@media print,
only screen and (min-width: 961px) {
    .solution-item__title {
        font-size: var(--global--font-size-xl);
        line-height: 1.52
    }
}

.solution-item__title:before,
.solution-item__title:after {
    display: none
}

.solution-item__title a {
    color: var(--global--color-main);
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .solution-item__title a {
        text-decoration: underline;
        color: var(--global--color-main)
    }
}

.solution-item__title a:hover {
    text-decoration: none
}

.solution-item__excerpt {
    font-size: var(--global--font-size-2xs);
    line-height: 1.8;
    color: var(--global--color-default);
    margin: .4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .solution-item__excerpt {
        margin-top: 1.4rem;
        font-size: var(--global--font-size-sm);
        line-height: 1.79
    }
}

.solution-item-tag {
    line-height: 1.6;
    font-size: var(--global--font-size-2xs);
    margin: .4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .solution-item-tag {
        margin: .8rem 0 0;
        font-size: var(--global--font-size-xs);
        line-height: 1.46
    }
}

.solution-item-tag__link {
    display: inline-block;
    color: var(--global--color-main);
    margin: .8rem 1rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .solution-item-tag__link {
        margin: 1.2rem 1.2rem 0 0
    }
}

.case-loop {
    display: flex;
    flex-wrap: wrap
}

.case-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) {
    .case-item {
        width: 31%;
        margin: 8rem 3.5% 0 0
    }
}

@media only screen and (max-width: 960px) {
    .case-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .case-item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .case-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .case-item:nth-child(3n) {
        margin-right: 0
    }
}

.case-item__thumb {
    margin: 0 0 1rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .case-item__thumb {
        margin-bottom: 1.1rem
    }
}

.case-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.case-item__thumb a:hover {
    opacity: .7
}

.case-item__thumb img {
    width: 100%
}

.case-item-categories {
    line-height: 1.75;
    font-size: var(--global--font-size-sm);
    margin: 0 0 .8rem
}

@media print,
only screen and (min-width: 961px) {
    .case-item-categories {
        margin: 0 0 .7rem;
        font-size: var(--global--font-size-md);
        line-height: 1.81
    }
}

.case-item-categories__link {
    color: #2c928c;
    text-decoration: none
}

.case-item-categories__link:hover {
    text-decoration: underline
}

.case-item__title {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: var(--global--font-size-md);
    line-height: 1.71;
    font-weight: 700
}

@media print,
only screen and (min-width: 961px) {
    .case-item__title {
        font-size: var(--global--font-size-xl);
        line-height: 1.52
    }
}

.case-item__title:before,
.case-item__title:after {
    display: none
}

.case-item__title a {
    color: var(--global--color-default);
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .case-item__title a {
        text-decoration: underline;
        color: var(--global--color-main)
    }
}

.case-item__title a:hover {
    text-decoration: none
}

.case-item__excerpt {
    font-size: var(--global--font-size-2xs);
    line-height: 1.8;
    color: var(--global--color-default);
    margin: .4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .case-item__excerpt {
        margin-top: 1.4rem;
        font-size: var(--global--font-size-sm);
        line-height: 1.79
    }
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-loop {
        display: flex;
        flex-wrap: wrap;
        max-width: var(--max-content-width)
    }
}

.entry-media-item {
    background: #fff;
    box-sizing: border-box;
    padding: 2rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item {
        padding: 4rem;
        width: 48%;
        margin-right: 4%;
        margin-top: 4rem;
        margin-bottom: 0;
        flex-wrap: nowrap
    }
}

.entry-media-item:last-child {
    margin-bottom: 0
}

.entry-media-item:nth-child(even) {
    margin-right: 0
}

.entry-media-item:nth-child(1),
.entry-media-item:nth-child(2) {
    margin-top: 0
}

.entry-media-item__thumb {
    width: 28.81%;
    margin: 0 2rem 0 0
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__thumb {
        width: 42.59%;
        margin-right: 3.33%
    }
}

.entry-media-item__thumb+.entry-media-item__title {
    display: block
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__thumb+.entry-media-item__title {
        display: none
    }
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__inner {
        flex: 1
    }
}

.entry-media-item__inner .entry-media-item__title {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__inner .entry-media-item__title {
        display: block
    }
}

.entry-media-item__title {
    padding: 0;
    font-size: var(--global--font-size-md);
    line-height: 1.71;
    width: 64.19%;
    text-align: left;
    margin: 0
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__title {
        width: 100%;
        line-height: 1.81
    }
}

.entry-media-item__title:before,
.entry-media-item__title:after {
    display: none
}

.entry-media-item__title a {
    color: var(--global--color-main)
}

.entry-media-item__excerpt {
    width: 100%;
    margin: .6rem auto 0;
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    text-align: left
}

@media print,
only screen and (min-width: 1200px) {
    .entry-media-item__excerpt {
        width: 100%;
        margin-top: 1.5rem;
        font-size: var(--global--font-size-xs);
        line-height: 1.77
    }
}

.mailmagazine-loop {
    border-top: var(--global--color-border) solid 1px
}

.mailmagazine-item {
    border-bottom: var(--global--color-border) solid 1px;
    box-sizing: border-box;
    padding: 1.6rem 0
}

.mailmagazine-item .mailmagazine-item__title {
    margin: 0;
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    line-height: 1.5
}

.mailmagazine-item .mailmagazine-item__title a {
    color: var(--global--color-main)
}

.mailmagazine-item .mailmagazine-item__description {
    font-size: var(--global--font-size-xs);
    margin-top: .8rem
}

.feature-related-loop {
    display: flex;
    flex-wrap: wrap
}

.feature-related-item {
    width: 47.01%;
    margin: 4rem 5.98% 0 0
}

@media print,
only screen and (min-width: 961px) {
    .feature-related-item {
        width: 47.96%;
        margin: 6rem 4.08% 0 0
    }
}

.feature-related-item:nth-child(-n+2) {
    margin-top: 0
}

.feature-related-item:nth-child(even) {
    margin-right: 0
}

.feature-related-item__thumb {
    margin: 0 0 .8rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .feature-related-item__thumb {
        margin-bottom: 1.1rem
    }
}

.feature-related-item__thumb a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.feature-related-item__thumb a:hover {
    opacity: .7
}

.feature-related-item__thumb img {
    width: 100%
}

.feature-related-item__title {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: var(--global--font-size-md)
}

@media print,
only screen and (min-width: 961px) {
    .feature-related-item__title {
        font-size: var(--global--font-size-2xl)
    }
}

.feature-related-item__title:before,
.feature-related-item__title:after {
    display: none
}

.feature-related-item__title a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: var(--global--color-default);
    padding-right: 2.7rem
}

@media print,
only screen and (min-width: 961px) {
    .feature-related-item__title a {
        padding-right: 4rem
    }
}

.feature-related-item__title a:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.feature-related-item__title a:hover {
    text-decoration: underline
}

.feature-related-item__title a:hover:after {
    right: -.2rem
}

.mnfcr-lead {
    position: relative;
    text-align: center;
    margin: 6.4rem auto 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-lead {
        margin: 4rem auto 5.6rem
    }
}

.mnfcr-lead .mnfcr-lead__character {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: -5.2rem;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    font-family: var(--global--font-secondary);
    font-weight: normal;
    font-size: 6rem;
    line-height: 1;
    text-align: center;
    color: var(--global--color-bg-primary);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-lead .mnfcr-lead__character {
        top: -4.6rem
    }
}

.mnfcr-lead .mnfcr-lead__main {
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    color: var(--global--color-default);
    margin: 0;
    padding: 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-lead .mnfcr-lead__main {
        font-size: var(--global--font-size-3xl)
    }
}

.mnfcr-lead .mnfcr-lead__main strong {
    color: #2c928c
}

.mnfcr-lead .mnfcr-lead__main:before,
.mnfcr-lead .mnfcr-lead__main:after {
    display: none
}

.mnfcr-title {
    position: relative;
    text-align: center;
    margin: 10.8rem auto 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-title {
        margin: 14.4rem auto 6rem
    }
}

.mnfcr-title .mnfcr-title__character {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: -5.2rem;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    font-family: var(--global--font-secondary);
    font-weight: normal;
    font-size: 6rem;
    line-height: 1;
    text-align: center;
    color: var(--global--color-bg-primary);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-title .mnfcr-title__character {
        top: -4.6rem
    }
}

.mnfcr-title .mnfcr-title__main {
    position: relative;
    z-index: 3;
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    color: var(--global--color-default);
    margin: 0;
    padding: 0 0 1.7rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-title .mnfcr-title__main {
        font-size: var(--global--font-size-3xl);
        padding: 0 0 1.9rem
    }
}

.mnfcr-title .mnfcr-title__main:before {
    display: none
}

.mnfcr-title .mnfcr-title__main:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #2c928c;;
    width: 4rem;
    height: .5rem
}

.mnfcr-title:first-child {
    margin-top: 0
}

.mnfcr-title:last-child {
    margin-bottom: 0
}

.mnfcr-logos {
    display: flex;
    flex-wrap: wrap
}

.mnfcr-logo-item {
    margin: 0;
    box-sizing: border-box;
    border: var(--global--color-border) solid 1px;
    box-sizing: border-box;
    text-align: center;
    padding: 1.7rem;
    width: 49%;
    margin-right: 2%;
    margin-top: 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-logo-item {
        width: 24%;
        margin-right: 1.33%;
        margin-top: 2rem;
        padding: 3.4rem 1.6rem
    }
}

@media only screen and (max-width: 960px) {
    .mnfcr-logo-item:nth-child(even) {
        margin-right: 0
    }

    .mnfcr-logo-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-logo-item:nth-child(4n) {
        margin-right: 0
    }

    .mnfcr-logo-item:nth-child(-n+4) {
        margin-top: 0
    }
}

.mnfcr-logo-item img {
    width: 8.4rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-logo-item img {
        width: 11.4rem
    }
}

.mnfcr-logos-caption {
    margin: .8rem auto 0;
    text-align: right;
    font-size: 1.1rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-logos-caption {
        font-size: 1.2rem
    }
}

.alignfull.mnfcr-reason {
    background-color: var(--global--color-bg-primary);
    max-width: 112rem;
    box-sizing: border-box;
    padding: 3rem var(--global--spacing-content) 1.9rem
}

@media print,
only screen and (min-width: 961px) {
    .alignfull.mnfcr-reason {
        padding: 6rem 6.8rem
    }
}

.mnfcr-reason-item {
    background-color: #fff;
    padding: 2rem 2rem 2.4rem;
    margin: 0 auto 1.1rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-reason-item {
        display: flex;
        align-items: center;
        padding: 1.9rem 4rem
    }
}

.mnfcr-reason-item__label {
    margin: 0 0 1.4rem;
    font-weight: 700;
    line-height: 1.43;
    color: #2c928c;
    font-size: 1.4rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-reason-item__label {
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0 2.9rem 0 0
    }
}

.mnfcr-reason-item__title {
    margin: 0;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.69;
    text-align: left;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-reason-item__title {
        line-height: 1.5
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-products {
        display: flex
    }
}

.mnfcr-product {
    background-color: var(--global--color-main);
    color: #fff;
    box-sizing: border-box;
    padding: 3rem 0 4rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-product {
        padding: 6rem 0 5.6rem;
        width: 25%
    }
}

.mnfcr-product.is-positioning-switch {
    background-color: #132A4E
}

.mnfcr-product.is-tool-setter {
    background-color: #2c928c
}

.mnfcr-product.is-touch-probe {
    background-color: #2c928c
}

.mnfcr-product.is-air-gap-sensor {
    background-color: #346A60
}

.mnfcr-product .mnfcr-product__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    color: #fff;
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-product .mnfcr-product__link:hover {
        opacity: .7
    }
}

.mnfcr-product .mnfcr-product__image {
    margin: 0 0 2rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-product .mnfcr-product__image {
        margin-bottom: 4.6rem
    }
}

.mnfcr-product .mnfcr-product__title {
    color: #fff;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    margin: 0 0 1.2rem;
    padding: 0 2rem
}

.mnfcr-product .mnfcr-product__content {
    box-sizing: border-box;
    padding: 0 2rem;
    margin: 0
}

.mnfcr-product .mnfcr-product__content p {
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    font-weight: normal;
    font-size: var(--global--font-size-sm);
    line-height: 1.75;
    text-align: left
}

.alignfull.mnfcr-needs {
    background-color: var(--global--color-bg-primary);
    max-width: 112rem;
    box-sizing: border-box;
    padding: 2.4rem var(--global--spacing-content) 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .alignfull.mnfcr-needs {
        padding: 7.4rem 6.8rem 7.8rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-needs-container {
        display: flex;
        flex-wrap: wrap
    }
}

.mnfcr-needs-item {
    background-color: #fff;
    box-sizing: border-box;
    padding: 2rem 2rem 3.2rem;
    margin-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-needs-item {
        padding: 4rem 4rem 4.6rem;
        width: 49%;
        margin-right: 2%
    }
}

@media only screen and (max-width: 960px) {
    .mnfcr-needs-item:first-child {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-needs-item:nth-child(even) {
        margin-right: 0
    }

    .mnfcr-needs-item:nth-child(-n+2) {
        margin-top: 0
    }
}

.mnfcr-needs-item__header {
    display: flex;
    align-items: center
}

.mnfcr-needs-item__image {
    width: 11rem;
    margin: 0 2.2rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-needs-item__image {
        width: 20rem;
        margin-right: 1.7rem
    }
}

.mnfcr-needs-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    margin: 0
}

.mnfcr-needs-item__content {
    margin: 2rem 0 0
}

.mnfcr-needs-item__content p {
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: -1em
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-needs-item__content p {
        font-size: 1.4rem
    }
}

.alignfull.mnfcr-case {
    background-color: var(--global--color-bg-primary);
    max-width: 112rem;
    box-sizing: border-box;
    padding: 4rem var(--global--spacing-content) 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .alignfull.mnfcr-case {
        padding: 5.8rem 7rem 7.8rem;
        margin-left: auto;
        margin-right: auto
    }
}

.mnfcr-case-item {
    margin-top: 6rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item {
        margin-top: 8rem
    }
}

.mnfcr-case-item:first-child {
    margin-top: 0
}

.mnfcr-case-item-header {
    margin: 0 auto 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-header {
        margin-bottom: 3.4rem;
        display: flex;
        align-items: center
    }
}

.mnfcr-case-item__num {
    background-color: #2c928c;;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.43;
    text-align: left;
    color: #fff;
    padding: .8rem 2rem;
    margin: 0 auto 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item__num {
        width: 13rem;
        margin: 0 2rem 0 0;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.5;
        padding: 3rem .8rem
    }
}

.mnfcr-case-item__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-default);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item__title {
        font-size: 2.2rem;
        line-height: 1.45
    }
}

.mnfcr-case-item__lead {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.43;
    color: #2c928c;
    margin: .1rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item__lead {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.mnfcr-case-item-container {
    background-color: #fff;
    box-sizing: border-box;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-container {
        padding: 4.2rem 4.2rem .6rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-main {
        display: flex;
        align-items: center
    }
}

.mnfcr-case-item-main__image {
    margin-bottom: 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-main__image {
        margin: 0;
        width: 46%;
        margin-right: 3.6rem
    }
}

.mnfcr-case-item-main__thumbnail {
    margin: 0
}

.mnfcr-case-item-main__note {
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    margin: .7rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-main__note {
        margin: 1.4rem 0 0;
        line-height: 1.43
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-main__container {
        flex: 1
    }
}

.mnfcr-case-item-main__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.45;
    color: #2c928c;
    margin: 0 auto 1.7rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-main__title {
        font-size: 2.1rem;
        line-height: 1.48
    }
}

.mnfcr-case-item-main__content p {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.71;
    padding: 0 0 0 1em;
    text-indent: -1em;
    margin: 0
}

.mnfcr-case-item-devide {
    width: 100%;
    height: 1px;
    border: none;
    background-color: var(--global--color-border);
    margin: 3.2rem auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-devide {
        margin: 4.2rem auto
    }
}

.mnfcr-case-item-gallery {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery {
        display: flex;
        flex-wrap: wrap
    }
}

.mnfcr-case-item-gallery__item {
    margin: 4rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery__item {
        margin-top: 0;
        margin-bottom: 3.8rem;
        margin-right: 1.33%;
        margin-left: 0;
        width: 31.6%
    }
}

@media only screen and (max-width: 960px) {
    .mnfcr-case-item-gallery__item:first-child {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery__item:nth-child(3n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery__item.is-double {
        width: 65.33%
    }
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery__item.is-cancel {
        margin-right: 1.33%
    }
}

.mnfcr-case-item-gallery__image {
    margin: 0
}

.mnfcr-case-item-gallery__note {
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    margin: .7rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-case-item-gallery__note {
        margin: 1.4rem 0 0;
        line-height: 1.43
    }
}

.mnfcr-flow {
    margin: 4.8rem auto;
    border-top: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow {
        margin: 3.6rem auto;
        display: flex;
        border-right: none;
        border-top: var(--global--color-border) solid 1px;
        border-bottom: var(--global--color-border) solid 1px;
        border-left: var(--global--color-border) solid 1px
    }
}

.mnfcr-flow .mnfcr-flow-item {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border-bottom: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item {
        border-right: var(--global--color-border) solid 1px;
        border-bottom: none
    }
}

.mnfcr-flow .mnfcr-flow-item:nth-child(even) {
    background-color: #fafafa
}

.mnfcr-flow .mnfcr-flow-item:last-child {
    background-color: #2c928c;
}

.mnfcr-flow .mnfcr-flow-item:last-child .mnfcr-flow-item__step,
.mnfcr-flow .mnfcr-flow-item:last-child .mnfcr-flow-item__title,
.mnfcr-flow .mnfcr-flow-item:last-child .mnfcr-flow-item__caption {
    color: #fff
}

.mnfcr-flow .mnfcr-flow-item:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -2rem;
    left: 0;
    margin: auto;
    z-index: 5;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 35px 0 35px;
    border-color: #fff transparent transparent transparent
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item:before {
        top: 0;
        bottom: 0;
        right: -2rem;
        left: auto;
        border-width: 35px 0 35px 20px;
        border-color: transparent transparent transparent #fff
    }
}

.mnfcr-flow .mnfcr-flow-item:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -2.2rem;
    left: 0;
    margin: auto;
    z-index: 4;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 36px 0 36px;
    border-color: var(--global--color-border) transparent transparent transparent
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item:after {
        top: 0;
        bottom: 0;
        right: -2.2rem;
        left: auto;
        border-width: 36px 0 36px 22px;
        border-color: transparent transparent transparent var(--global--color-border)
    }
}

.mnfcr-flow .mnfcr-flow-item:nth-child(even):before {
    border-color: #fafafa transparent transparent transparent
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item:nth-child(even):before {
        border-color: transparent transparent transparent #fafafa
    }
}

.mnfcr-flow .mnfcr-flow-item:last-child:before {
    display: none
}

.mnfcr-flow .mnfcr-flow-item:last-child:after {
    display: none
}

.mnfcr-flow .mnfcr-flow-item__inner {
    width: 100%;
    height: 12rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item__inner {
        height: 27rem;
        justify-content: flex-start;
        padding: 2.4rem 0 0
    }
}

.mnfcr-flow .mnfcr-flow-item__step {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #2c928c;
    margin: 0 auto .4rem
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item__step {
        margin: 0 auto 1.7rem
    }
}

.mnfcr-flow .mnfcr-flow-item__title {
    margin: 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.45;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item__title {
        font-size: 2.1rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }
}

.mnfcr-flow .mnfcr-flow-item__caption {
    font-weight: 700;
    margin: .2rem auto 0;
    font-size: 1.1rem;
    line-height: 1.55;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .mnfcr-flow .mnfcr-flow-item__caption {
        font-size: 1.3rem;
        line-height: 1.46;
        margin-top: 1.2rem
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-navigation {
        height: 100%
    }
}

@media print,
only screen and (min-width: 1280px) {
    .menu-button-container {
        display: none
    }
}

.site-menu-button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translate(0, -50%);
    z-index: 10000
}

.dropdown-icon {
    position: absolute;
    margin: 0;
    width: 3rem;
    height: 1.9rem
}

.dropdown-icon__line {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--global--color-main);
    display: block;
    width: 3rem;
    height: .2rem;
    border-radius: 3px
}

.dropdown-icon__line:nth-child(1) {
    bottom: auto
}

.dropdown-icon__line:nth-child(2) {
    right: 0
}

.dropdown-icon__line:nth-child(3) {
    top: auto
}

.site-menu-button.is-close .dropdown-icon__line:nth-child(1) {
    background-color: #fff;
    bottom: 0;
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

.site-menu-button.is-close .dropdown-icon__line:nth-child(2) {
    width: 0
}

.site-menu-button.is-close .dropdown-icon__line:nth-child(3) {
    background-color: #fff;
    top: 0;
    transform: rotate(-45deg);
    transform-origin: 50% 50%
}

.site-contact-button {
    display: block;
    text-decoration: none;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    right: 6.5rem;
    transform: translate(0, -50%);
    z-index: 1000;
    background-color: #2c928c;
}

.site-contact-button .site-contact-button__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 0;
    width: 1.5rem;
    height: 1rem
}

.site-contact-button .site-contact-button__icon svg {
    width: 1.5rem;
    height: 1rem
}

.site-recruit-button {
    display: block;
    text-decoration: none;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    right: 11.8rem;
    transform: translate(0, -50%);
    z-index: 1000;
    text-align: center;
    line-height: 0;
    box-sizing: border-box;
    color: var(--global--color-default)
}

.site-recruit-button__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .4rem;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 0
}

.site-recruit-button__icon svg {
    width: 1.8rem;
    height: 1.8rem
}

.site-recruit-button__inner {
    display: inline-block;
    white-space: nowrap;
    font-size: .9rem;
    line-height: 1.33;
    text-align: center;
    padding: 2.6rem 0 0;
    font-weight: 700
}

.site-menu-container {
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: var(--global--color-main);
    z-index: 9999;
    overflow-y: scroll
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-container {
        overflow: visible;
        background: none;
        position: static;
        top: inherit;
        left: inherit
    }
}

.site-menu-container.is-active {
    top: 0
}

.site-menu-inner {
    box-sizing: border-box;
    height: 100%;
    position: relative
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-inner {
        position: static
    }
}

.site-menu-logo {
    padding: 4rem 0 10.4rem;
    line-height: 0;
    text-align: center;
    margin: 0
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-logo {
        display: none
    }
}

.site-menu-logo svg {
    width: 15rem;
    height: 2.4rem
}

.site-menu-list {
    list-style: none;
    margin: 0;
    padding: 0 4rem 8rem
}

@media only screen and (max-width: 320px) {
    .site-menu-list {
        padding: 0 2rem 8rem
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-list {
        padding: 0;
        display: flex;
        height: 100%
    }
}

.site-menu-item {
    margin-bottom: 0;
    padding-left: 0;
    position: static
}

.site-menu-item:before {
    display: none
}


@media (min-width:768px) {
    .site-menu-item:not(.has-menu-recruit):not(.has-menu-contact) {
        padding: 0px 16px;
    }
}

.site-menu-item:not(.has-menu-recruit):not(.has-menu-contact) {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.43;
    /* padding: 0px 16px; */
    border-bottom: #2C4C70 solid 1px
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item:not(.has-menu-recruit):not(.has-menu-contact) {
        border-bottom: none
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item:not(.has-menu-recruit):not(.has-menu-contact) .site-menu-item__link:hover {
        color: #2c928c
    }
}

.site-menu-item .site-menu-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    text-decoration: none;
    padding: 1.9rem 0;
    display: block
}

@media screen and (min-width: 1280px) {
    .site-menu-item .site-menu-item__link {
        box-sizing: border-box;
        height: 100%;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: var(--global--font-size-sm);
        line-height: 1.79;
        text-align: center;
        justify-content: center;
        color: var(--global--color-default);
        padding: 0 1rem;
        position: relative
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item .site-menu-item__link .site-menu-item__dropdown-icon {
        box-sizing: border-box;
        position: absolute;
        display: block;
        top: auto;
        right: 0;
        bottom: 1.6rem;
        left: 0;
        margin: auto;
        width: 1rem;
        height: 1rem;
        border-right: #2c928c solid 2px;
        border-bottom: #2c928c solid 2px;
        transform: rotate(45deg)
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-contact {
        position: absolute;
        top: 10.5rem;
        left: 4rem;
        font-weight: 700;
        font-size: var(--global--font-size-sm);
        line-height: 1.75;
        width: calc(50% - 4.5rem)
    }
}

@media only screen and (max-width: 320px) {
    .site-menu-item.has-menu-contact {
        left: 2rem;
        width: calc(50% - 2.5rem)
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-contact .site-menu-item__link {
        width: 100%;
        background: #2c928c;
        border: #2c928c solid 1px;
        border-radius: 3px;
        box-sizing: border-box;
        display: block;
        color: #fff;
        padding: 1.4rem 1rem
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-contact .site-menu-item__link .site-menu-item__icon {
        box-sizing: border-box;
        position: absolute;
        display: block;
        top: 0;
        right: .9rem;
        bottom: 0;
        left: auto;
        margin: auto;
        width: 1.5rem;
        height: 1rem;
        line-height: 0
    }

    .site-menu-item.has-menu-contact .site-menu-item__link .site-menu-item__icon svg {
        width: 1.5rem;
        height: 1rem
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-catalog {
        display: block;
        position: absolute;
        top: 10.5rem;
        right: 4rem;
        font-weight: 700;
        font-size: var(--global--font-size-sm);
        line-height: 1.75;
        width: calc(50% - 4.5rem)
    }
}

@media only screen and (max-width: 320px) {
    .site-menu-item.has-menu-catalog {
        right: 2rem;
        width: calc(50% - 2.5rem)
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-catalog .site-menu-item__link {
        width: 100%;
        background: #2c928c;
        border: #2c928c solid 1px;
        border-radius: 3px;
        box-sizing: border-box;
        display: block;
        color: #fff;
        padding: 1.4rem 1rem
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon {
        box-sizing: border-box;
        position: absolute;
        display: block;
        top: 0;
        right: .9rem;
        bottom: 0;
        left: auto;
        margin: auto;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 0
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon svg {
        width: 1.5rem;
        height: 1.5rem
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon svg path {
        fill: #fff
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-recruit {
        display: block !important;
        border-bottom: #2C4C70 solid 1px
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-recruit .site-menu-item__link {
        font-weight: 700
    }
}

@media print,
only screen and (max-width: 1279px) {
    .site-menu-item.has-menu-recruit .site-menu-item__icon {
        display: none
    }
}

.site-menu-item.has-menu-recruit {
    display: none
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item.has-menu-recruit {
        margin-left: 1rem
    }
}

@media print,
only screen and (min-width: 1440px) {
    .site-menu-item.has-menu-recruit {
        display: block
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item.has-menu-recruit .site-menu-item__link {
        transition: all .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-left: var(--global--color-border) solid 1px;
        width: 12.8rem;
        padding: 0
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link .site-menu-item__text {
        position: relative;
        display: inline-block;
        padding-left: 3.6rem;
        line-height: 2
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link .site-menu-item__icon {
        box-sizing: border-box;
        position: absolute;
        display: block;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 2.8rem;
        height: 2.8rem;
        line-height: 0
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link .site-menu-item__icon svg {
        width: 2.8rem;
        height: 2.8rem
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link .site-menu-item__icon svg path {
        transition: all .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link:hover {
        background: var(--global--color-main);
        color: #fff
    }

    .site-menu-item.has-menu-recruit .site-menu-item__link:hover path {
        fill: #fff
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item.has-menu-catalog {
        margin-left: 1rem
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item.has-menu-catalog .site-menu-item__link {
        transition: all .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-left: var(--global--color-border) solid 1px;
        width: 14.4rem
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__text {
        position: relative;
        display: inline-block;
        padding-left: 3.6rem;
        line-height: 2
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon {
        box-sizing: border-box;
        position: absolute;
        display: block;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 2.8rem;
        height: 2.8rem;
        line-height: 0
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon svg {
        width: 2.8rem;
        height: 2.8rem
    }

    .site-menu-item.has-menu-catalog .site-menu-item__link .site-menu-item__icon svg path {
        transition: all .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        fill: #2c928c
    }

    /* .site-menu-item.has-menu-catalog .site-menu-item__link:hover {
        background: var(--global--color-main);
        color: #fff !important
    } */

    .site-menu-item.has-menu-catalog .site-menu-item__link:hover path {
        fill: #fff !important
    }
}

@media print,
only screen and (min-width: 1280px) {
    .site-menu-item.has-menu-contact .site-menu-item__link {
        transition: all .2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #2c928c;
        color: #fff;
        width: 14.5rem
    }

    .site-menu-item.has-menu-contact .site-menu-item__link .site-menu-item__icon {
        display: none
    }

    .site-menu-item.has-menu-contact .site-menu-item__link:hover {
        background: var(--global--color-main)
    }
}

@media print,
only screen and (min-width: 1280px) {
    .is-dropdown-open:after {
        opacity: 1;
        z-index: 4999;
        visibility: visible
    }
}

@media print,
only screen and (min-width: 1280px) {
    .is-dropdown-open .is-active .site-menu-item__link {
        color: #2c928c !important
    }
}

@media print,
only screen and (min-width: 1280px) {
    .is-dropdown-open .is-active .menu-dropdown {
        opacity: 1;
        z-index: 100;
        visibility: visible
    }
}

.menu-dropdown {
    transition: all .1s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 8rem;
    left: 0;
    width: 100vw;
    background: #fff;
    text-align: left;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

@media print,
only screen and (max-width: 1279px) {
    .menu-dropdown {
        display: none !important
    }
}

.menu-dropdown:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    background-color: var(--global--color-bg-primary);
    width: 50%;
    height: 100%;
    z-index: 99
}

.menu-dropdown:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
    height: .5rem;
    z-index: 101
}

.menu-dropdown .menu-dropdown__inner {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    display: table;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 24rem;
    max-width: 1500px;
    padding-left: var(--global--spacing-content);
    padding-right: var(--global--spacing-content);
    z-index: 101
}

.menu-dropdown .menu-dropdown__left {
    background-color: var(--global--color-bg-primary);
    box-sizing: border-box;
    display: table-cell;
    width: 32rem;
    padding-left: 1.8rem;
    padding-right: 4rem;
    vertical-align: middle;
    font-weight: 400;
    font-size: var(--global--font-size-md)
}

.menu-dropdown .menu-dropdown__right {
    box-sizing: border-box;
    display: table-cell;
    background: #fff;
    vertical-align: top;
    font-weight: 400;
    font-size: var(--global--font-size-md)
}

.menu-dropdown .menu-dropdown__right.is-products {
    position: relative
}

.menu-dropdown .menu-dropdown__right.is-products:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    width: 50vw;
    height: 100%;
    background: #346A60
}

.menu-dropdown .dropdown-title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    color: var(--global--color-default);
    margin-bottom: 1rem
}

.menu-dropdown .dropdown-description {
    font-size: var(--global--font-size-xs);
    line-height: 1.77;
    margin-bottom: 1.4rem
}

.menu-dropdown .dropdown-more {
    margin: 0;
    font-weight: 700;
    font-size: var(--global--font-size-sm);
    line-height: 1.5
}

.menu-dropdown .dropdown-more__link {
    color: var(--global--color-main);
    text-decoration: none;
    position: relative;
    padding-right: 3rem
}

.menu-dropdown .dropdown-more__link:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.menu-dropdown .dropdown-more__link:hover {
    text-decoration: underline
}

.menu-dropdown .dropdown-more__link:hover:after {
    right: -.2rem
}

.menu-dropdown .dropdown-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 0 1rem 4rem
}

.menu-dropdown .dropdown-list .dropdown-list__item {
    padding: 0;
    margin: 0 4.5rem 4rem 0
}

.menu-dropdown .dropdown-list .dropdown-list__item:before {
    display: none
}

.menu-dropdown .dropdown-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 22rem
}

.menu-dropdown .dropdown-link .dropdown-link__thumbanil {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 1.5rem 0 0;
    max-width: 10rem
}

.menu-dropdown .dropdown-link .dropdown-link__thumbanil img {
    width: 100%
}

.menu-dropdown .dropdown-link .dropdown-link__title {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex: 1;
    color: var(--global--color-default);
    font-weight: 700;
    font-size: var(--global--font-size-sm);
    line-height: 1.79;
    text-align: left;
    margin: 0;
    width: 10.5rem
}

.menu-dropdown .dropdown-link:hover .dropdown-link__thumbanil {
    opacity: .8
}

.menu-dropdown .dropdown-link:hover .dropdown-link__title {
    color: #2c928c
}

.menu-dropdown .dropdown-products {
    display: flex;
    padding-bottom: 8rem;
    position: relative
}

.menu-dropdown .dropdown-products .dropdown-products__item {
    flex: 1;
    color: #fff
}

.menu-dropdown .dropdown-products .dropdown-products__item:nth-child(1) {
    background-color: #132A4E
}

.menu-dropdown .dropdown-products .dropdown-products__item:nth-child(2) {
    background-color: #2c928c
}

.menu-dropdown .dropdown-products .dropdown-products__item:nth-child(3) {
    background-color: #2c928c
}

.menu-dropdown .dropdown-products .dropdown-products__item:nth-child(4) {
    background-color: #346A60
}

.menu-dropdown .dropdown-products .dropdown-products__link {
    display: block;
    text-align: center;
    color: #fff;
    padding: 4rem 0
}

.menu-dropdown .dropdown-products .dropdown-products__image {
    margin: 0
}

.menu-dropdown .dropdown-products .dropdown-products__image img {
    width: 100%;
    max-width: 28rem
}

.menu-dropdown .dropdown-products .dropdown-products__title {
    margin: 2.2rem auto 0;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-right: 3rem
}

.menu-dropdown .dropdown-products .dropdown-products__title:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.menu-dropdown .dropdown-products .dropdown-products__title:hover {
    text-decoration: underline
}

.menu-dropdown .dropdown-products .dropdown-products__title:hover:after {
    right: -.2rem
}

.menu-dropdown .dropdown-search {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #00234A;
    width: 100vw;
    height: 8rem
}

.menu-dropdown .dropdown-search .dropdown-search-inner {
    box-sizing: border-box;
    color: #fff;
    padding: 1.5rem 3rem
}

.menu-dropdown .search-block.has-dropdown-search {
    text-align: left
}

.menu-dropdown .search-block.has-dropdown-search .search-block__title {
    font-size: var(--global--font-size-xs)
}

.menu-dropdown .search-block.has-dropdown-search .search-block__content .model-search-field {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.menu-dropdown .search-block.has-dropdown-search .search-block__content .model-search-submit {
    right: .4rem
}

_:-ms-lang(x)::-ms-backdrop,
.menu-dropdown .dropdown-list {
    display: block;
    text-align: left;
    letter-spacing: -.40em
}

_:-ms-lang(x)::-ms-backdrop,
.menu-dropdown .dropdown-list .dropdown-list__item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top
}

_:-ms-lang(x)::-ms-backdrop,
.menu-dropdown .dropdown-link {
    width: 22rem
}

.site-navigation.is-white .site-menu-item__link {
    color: #fff
}

.site-navigation.is-white .site-recruit-button {
    color: #fff
}

.site-navigation.is-white .dropdown-icon__line {
    background-color: #fff
}

.site-navigation.is-white .site-menu-item.has-menu-recruit .site-menu-item__link {
    border-color: rgba(255, 255, 255, 0.2)
}

.site-navigation.is-white .site-menu-item.has-menu-catalog .site-menu-item__link {
    border-color: rgba(255, 255, 255, 0.2)
}

.wp-block-buttons.page-contact-buttons {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .wp-block-buttons.page-contact-buttons .wp-block-button {
        width: 32.5%
    }
}

.wp-block-buttons.page-contact-buttons .wp-block-button .wp-block-button__link {
    font-size: 1.4rem
}

.donwload-step {
    margin: 2.4rem auto
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step {
        text-align: center;
        letter-spacing: -.40em;
        margin: 4.8rem auto
    }
}

.donwload-step-item {
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    padding: 1.6rem 2.4rem 1.6rem 2rem;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item {
        display: inline-block;
        letter-spacing: normal;
        max-width: 43rem;
        padding: 3rem 5rem 3.2rem 4rem
    }
}

.donwload-step-item .donwload-step-item__container {
    text-align: left;
    position: relative;
    padding-left: 7rem;
    min-height: 5.2rem
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item .donwload-step-item__container {
        padding-left: 10rem
    }
}

.donwload-step-item .donwload-step-item__container .donwload-step-item__label {
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    line-height: 1.52;
    color: #2c928c;
    margin: 0
}

.donwload-step-item .donwload-step-item__container .donwload-step-item__description {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    text-align: left;
    margin: 0
}

.donwload-step-item:not(:first-child) {
    margin: 4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item:not(:first-child) {
        margin: 0 0 0 4rem
    }
}

.donwload-step-item:not(:last-child):after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -3rem;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 35px 0 35px;
    border-color: #2c928c transparent transparent transparent
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item:not(:last-child):after {
        border-width: 35px 0 35px 30px;
        border-color: transparent transparent transparent #2c928c;
        top: 0;
        right: -3rem;
        bottom: 0;
        left: auto
    }
}

.donwload-step-item.is-active {
    background: var(--global--color-bg-primary);
    border: #2c928c solid 2px
}

.donwload-step-item.is-step-1 .donwload-step-item__container {
    background: url(../image/icon_step_1.svg) no-repeat scroll 0 50%;
    background-size: 5rem 5.2rem
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item.is-step-1 .donwload-step-item__container {
        background-size: 7.2rem 7.4rem
    }
}

.donwload-step-item.is-step-2 .donwload-step-item__container {
    background: url(../image/icon_step_2.svg) no-repeat scroll 0 50%;
    background-size: 5rem 5.2rem
}

@media print,
only screen and (min-width: 961px) {
    .donwload-step-item.is-step-2 .donwload-step-item__container {
        background-size: 7.2rem 7.4rem
    }
}

.wp-block-table.is-catch-all-control tbody th {
    text-align: left
}

.customize-gallery {
    display: flex;
    flex-wrap: wrap
}

.customize-gallery .customize-gallery__item {
    width: 50%
}

@media print,
only screen and (min-width: 961px) {
    .customize-gallery .customize-gallery__item {
        width: 24%;
        margin-right: 1.33%
    }
}

@media print,
only screen and (min-width: 961px) {
    .customize-gallery .customize-gallery__item:last-child {
        margin-right: 0
    }
}

.customize-gallery .customize-gallery__item img {
    width: 100%
}

.customize-example {
    background-color: var(--global--color-bg-primary);
    margin: 2.8rem auto 4.8rem;
    padding: 2.4rem 2rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .customize-example {
        margin: 4.8rem auto 8rem;
        padding: 4.4rem 4rem 4rem
    }
}

.customize-example .customize-example__title {
    font-weight: 700;
    color: #2c928c;
    font-size: var(--global--font-size-2xl);
    margin: 0 0 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .customize-example .customize-example__title {
        margin: 0 0 2rem
    }
}

.post-navigation {
    display: flex;
    margin-top: 8rem;
    justify-content: space-between;
    align-items: center
}

@media print,
only screen and (min-width: 961px) {
    .post-navigation {
        margin-top: 12rem;
        justify-content: center
    }
}

.post-navigation__item:nth-child(1) {
    text-align: left
}

.post-navigation__item:nth-child(2) {
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem
}

@media print,
only screen and (min-width: 961px) {
    .post-navigation__item:nth-child(2) {
        margin-left: 3rem;
        margin-right: 3rem
    }
}

.post-navigation__item:nth-child(3) {
    text-align: right
}

.nav-link {
    background: #fff;
    display: block;
    text-decoration: none;
    position: relative;
    color: var(--global--color-main)
}

.nav-link:not(.is-disabled):hover {
    text-decoration: underline
}

.nav-link.is-prev {
    background: none;
    padding-left: 1.9rem
}

@media print,
only screen and (min-width: 961px) {
    .nav-link.is-prev {
        font-size: var(--global--font-size-sm);
        margin-right: 3.2rem
    }
}

.nav-link.is-prev:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.1rem;
    height: 1.1rem;
    box-sizing: border-box;
    border-top: var(--global--color-main) solid 2px;
    border-left: var(--global--color-main) solid 2px;
    transform: rotate(-45deg)
}

.nav-link.is-next {
    background: none;
    padding-right: 1.9rem
}

@media print,
only screen and (min-width: 961px) {
    .nav-link.is-next {
        font-size: var(--global--font-size-sm);
        margin-left: 3.2rem
    }
}

.nav-link.is-next:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 1.1rem;
    height: 1.1rem;
    box-sizing: border-box;
    border-top: var(--global--color-main) solid 2px;
    border-right: var(--global--color-main) solid 2px;
    transform: rotate(45deg)
}

.nav-link.is-disabled {
    color: #7f7f7f
}

.nav-link.is-disabled:after {
    border-color: #7f7f7f
}

.nav-link.is-home {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    box-sizing: border-box;
    font-size: 1.3rem;
    color: var(--global--color-default);
    width: 40vw;
    max-width: 15rem;
    border: var(--global--color-border) solid 1px;
    border-radius: 5px;
    line-height: 1.54;
    padding: 1.4rem .4rem
}

@media only screen and (max-width: 320px) {
    .nav-link.is-home {
        max-width: 10rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .nav-link.is-home {
        line-height: 1.43;
        width: 20rem;
        max-width: 20rem;
        font-size: var(--global--font-size-sm)
    }
}

.nav-link.is-home:hover {
    background: var(--global--color-bg-primary);
    text-decoration: none
}

.pager {
    margin-top: 8rem
}

.pager__inner {
    list-style: none;
    padding: 0;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .pager__inner {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.pager__item {
    text-align: center;
    line-height: 1.875;
    margin-bottom: 1.4rem;
    position: relative;
    padding-left: 0
}

.pager__item:before {
    display: none
}

.pager__item:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .pager__item {
        margin-bottom: 0;
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }
}

.pager__item:nth-child(1) {
    text-align: center;
    letter-spacing: -.40em
}

@media print,
only screen and (min-width: 961px) {
    .pager__item:nth-child(1) {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
}

.pager__item:nth-child(3) {
    text-align: center;
    letter-spacing: -.40em
}

@media print,
only screen and (min-width: 961px) {
    .pager__item:nth-child(3) {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

.pager__num {
    display: block;
    font-weight: 700;
    font-size: var(--global--font-size-lg)
}

@media print,
only screen and (min-width: 961px) {
    .pager__num {
        font-size: var(--global--font-size-md)
    }
}

.pager__button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    letter-spacing: normal;
    border: var(--global--color-main) solid 1px;
    background: var(--global--color-main);
    text-decoration: none;
    display: inline-block;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 15rem;
    box-sizing: border-box;
    padding: 1.2rem .8rem;
    border-radius: 5px
}

@media print,
only screen and (min-width: 961px) {
    .pager__button {
        max-width: 20rem;
        font-size: var(--global--font-size-sm);
        padding: 1.1rem .8rem
    }
}

.pager__button:not(.is-disabled):hover {
    background: #2c928c;
    border-color: #2c928c
}

.pager__button.is-disabled {
    background: #fff;
    border-color: var(--global--color-border);
    color: #7f7f7f
}

.pager__link {
    display: inline-block;
    letter-spacing: normal;
    text-decoration: none;
    position: relative;
    color: var(--global--color-main)
}

.pager__link:not(.is-disabled):hover {
    text-decoration: underline
}

.pager__link.is-prev {
    padding-left: 1.9rem
}

@media only screen and (max-width: 960px) {
    .pager__link.is-prev {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%)
    }
}

@media print,
only screen and (min-width: 961px) {
    .pager__link.is-prev {
        font-size: var(--global--font-size-sm);
        margin-right: 3.2rem
    }
}

.pager__link.is-prev:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.1rem;
    height: 1.1rem;
    box-sizing: border-box;
    border-top: var(--global--color-main) solid 2px;
    border-left: var(--global--color-main) solid 2px;
    transform: rotate(-45deg)
}

.pager__link.is-next {
    padding-right: 1.9rem
}

@media only screen and (max-width: 960px) {
    .pager__link.is-next {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%)
    }
}

@media print,
only screen and (min-width: 961px) {
    .pager__link.is-next {
        font-size: var(--global--font-size-sm);
        margin-left: 3.2rem
    }
}

.pager__link.is-next:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 1.1rem;
    height: 1.1rem;
    box-sizing: border-box;
    border-top: var(--global--color-main) solid 2px;
    border-right: var(--global--color-main) solid 2px;
    transform: rotate(45deg)
}

.pager__link.is-disabled {
    color: #7f7f7f
}

.pager__link.is-disabled:after {
    border-color: #7f7f7f
}

.case-navigation {
    text-align: center;
    margin-top: 6.4rem
}

@media print,
only screen and (min-width: 961px) {
    .case-navigation {
        margin-top: 9.4rem;
        position: relative
    }
}

.products-navigation {
    text-align: center;
    margin-top: 3.7rem
}

@media print,
only screen and (min-width: 961px) {
    .products-navigation {
        margin-top: 9.4rem;
        position: relative
    }
}

.products-navigation__next {
    margin: 0 auto 3.7rem
}

@media print,
only screen and (min-width: 961px) {
    .products-navigation__next {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        right: var(--global--spacing-content);
        transform: translate(0, -50%)
    }
}

.products-navigation__next__home {
    margin: 0
}

.next-link {
    text-decoration: none;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    color: var(--global--color-main);
    position: relative;
    padding-right: 2.8rem
}

.next-link .next-link__icon {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.next-link:hover {
    text-decoration: underline
}

.next-link:hover .next-link__icon {
    right: -.5rem
}

.back-button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    min-width: 22rem;
    max-width: 44rem;
    text-align: center;
    border-radius: 5px;
    background: #f8f8f8;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.71;
    color: var(--global--color-main);
    padding: 1.8rem 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .back-button {
        min-width: 33.5rem;
        line-height: 1.5
    }
}

.back-button:hover {
    color: #fff;
    background-color: #2c928c;
}

.products-category {
    margin-top: 6.2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-category {
        margin-top: 6.4rem;
        display: flex;
        max-width: 1960px;
        width: 100%;
        position: relative;
        z-index: 10
    }
}

.products-category__item {
    box-sizing: border-box;
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    .products-category__item {
        flex: 1
    }
}

.products-category__item:nth-child(1) {
    background-color: #2c928c
}

.products-category__item:nth-child(2) {
    background-color: #2c928c
}

.products-category__item:nth-child(3) {
    background-color: #2c928c
}

.products-category__item:nth-child(4) {
    background-color: #2c928c
}

.products-category__link {
    box-sizing: border-box;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 2.2rem 0 3rem
}

@media print,
only screen and (min-width: 961px) {
    .products-category__link {
        padding: 3.2rem 0 2.8rem
    }
}

.products-category__image {
    margin: 0 auto 3rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .products-category__image {
        margin-bottom: 3.4rem
    }
}

.products-category__container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 11%
}

@media print,
only screen and (min-width: 961px) {
    .products-category__container {
        padding: 0 12%
    }
}

.products-category__title {
    display: inline-block;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0 2.8rem 0 0
}

.products-category__title:before {
    display: none
}

.products-category__title:after {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: #2c928c;;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.products-category__title:hover {
    text-decoration: underline
}

.products-category__title:hover:after {
    right: -.2rem
}

.products-category__description {
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    text-align: left;
    color: #fff;
    margin: .5rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .products-category__description {
        font-size: var(--global--font-size-sm);
        line-height: 1.86;
        margin: .3rem 0 0
    }
}

.index-main {
    background: #081428;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 3.6rem 0 5.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main {
        padding: 6.8rem 0 11.2rem
    }
}

.index-main__container {
    position: relative
}

.index-main__title {
    padding: 0;
    font-size: var(--global--font-size-3xl);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-white);
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .index-main__title {
        font-size: 4.2rem;
        text-align: center
    }
}

.index-main__title:before,
.index-main__title:after {
    display: none
}

.index-main__description {
    color: var(--global--color-white);
    margin: 1rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .index-main__description {
        text-align: center;
        margin: 2.6rem auto 5rem
    }
}

.index-main-contents {
    margin-top: 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main-contents {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.index-main__image {
    text-align: center;
    margin: 0 auto 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main__image {
        margin-bottom: 0;
        position: absolute;
        left: 61.13%;
        top: 42%;
        transform: translate(0, -50%);
        max-width: 60rem;
        width: 100%
    }
}

@media print,
only screen and (min-width: 961px) {
    .index-main__inner {
        width: 61.13%;
        margin-right: 3.77%
    }
}

.index-feature-list {
    display: flex;
    align-items: flex-start;
    margin: 0 auto 2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-feature-list {
        margin-bottom: 3.5rem
    }
}

.index-feature-list:last-child {
    margin-bottom: 0
}

.index-feature-list__label {
    background: #2c928c;
    box-sizing: border-box;
    color: var(--global--color-white);
    font-size: var(--global--font-size-2xs);
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    margin-right: 1.2rem;
    padding: .4rem;
    min-width: 5.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-feature-list__label {
        font-size: var(--global--font-size-sm);
        line-height: 1.36;
        min-width: 6.4rem;
        padding: .5rem
    }
}

.index-feature-list__contents {
    flex: 1;
    margin: 0
}

.index-feature-list__title {
    padding: 0;
    color: var(--global--color-white);
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .index-feature-list__title {
        font-size: var(--global--font-size-xl)
    }
}

.index-feature-list__title:before,
.index-feature-list__title:after {
    display: none
}

.index-feature-list__text {
    color: var(--global--color-white);
    margin: .2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .index-feature-list__text {
        margin-top: .9rem
    }
}

.index-main:not(.is-other-products) .index-main__buttons-wrapper {
    margin-top: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main:not(.is-other-products) .index-main__buttons-wrapper {
        margin-top: 0;
        width: 60rem;
        position: absolute;
        right: -15%;
        bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .index-main:not(.is-other-products) .index-main__buttons {
        justify-content: center;
        text-align: center
    }
}

.index-main.is-other-products {
    padding-bottom: 0;
    margin-bottom: 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products {
        padding-bottom: 16rem;
        margin-bottom: 0
    }
}

.index-main.is-other-products .index-main__title {
    text-align: left
}

.index-main.is-other-products .index-main__title span {
    display: block;
    font-family: var(--global--font-secondary);
    font-weight: 500;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: #2c928c;
    margin: 0 0 .4rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main__title span {
        font-size: var(--global--font-size-md)
    }
}

.index-main.is-other-products .index-main__description {
    text-align: left;
    margin-top: 1.6rem;
    margin-bottom: 2.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main__description {
        margin-top: 1.4rem;
        margin-bottom: 5.2rem;
        margin-left: 0;
        max-width: 71.5rem;
        width: 54%
    }
}

@media print,
only screen and (min-width: 1280px) {
    .index-main.is-other-products .index-main__description {
        width: 100%
    }
}

.index-main.is-other-products .index-main-image {
    width: 24.4rem;
    margin: 0 auto -9.6rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-image {
        position: absolute;
        margin-bottom: 0
    }
}

.index-main.is-other-products .index-main-image.is-tool-setter {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-image.is-tool-setter {
        width: 56rem;
        top: 2.4rem;
        right: -10rem
    }
}

@media print,
only screen and (min-width: 1280px) {
    .index-main.is-other-products .index-main-image.is-tool-setter {
        width: 63.8rem;
        right: -8rem
    }
}

.index-main.is-other-products .index-main-image.is-touch-probe {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-image.is-touch-probe {
        top: 2.4rem;
        right: -18rem;
        width: 56rem
    }
}

@media print,
only screen and (min-width: 1280px) {
    .index-main.is-other-products .index-main-image.is-touch-probe {
        width: 66rem;
        right: -8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-image.is-air-gap-sensor {
        width: 42rem;
        top: 12rem;
        right: 0
    }
}

@media print,
only screen and (min-width: 1280px) {
    .index-main.is-other-products .index-main-image.is-air-gap-sensor {
        right: 6rem
    }
}

.index-main.is-other-products .index-main-image img {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main__feature {
        padding-right: 0;
        padding-left: calc((100vw - 1280px) / 2)
    }
}

.index-main.is-other-products .index-main-feature {
    background-color: #132A4E;
    padding: 10.4rem var(--global--spacing-content) 4rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-feature {
        padding: 3.8rem 0 5rem 4rem
    }
}

.index-main.is-other-products .index-main-feature.is-tool-setter {
    background-color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-feature.is-tool-setter {
        padding-bottom: 8rem
    }
}

.index-main.is-other-products .index-main-feature.is-touch-probe {
    background-color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-feature.is-touch-probe {
        padding-bottom: 8rem
    }
}

.index-main.is-other-products .index-main-feature.is-air-gap-sensor {
    background-color: #346A60
}

.index-main.is-other-products .index-main-feature__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
    color: #2c928c;
    padding: 0;
    margin: 0 auto 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main-feature__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46;
        margin-bottom: .8rem
    }
}

.index-main.is-other-products .index-main-feature__title:before,
.index-main.is-other-products .index-main-feature__title:after {
    display: none
}

.index-main.is-other-products .index-main-feature-list {
    margin: 0 auto
}

@media print,
only screen and (min-width: 1200px) {
    .index-main.is-other-products .index-main-feature-list {
        margin: 0 auto
    }
}

.index-main.is-other-products .index-main-feature-list li {
    font-weight: 700;
    line-height: 1.79;
    color: #fff;
    margin-bottom: .8rem;
    padding-left: 2rem;
    font-size: var(--global--font-size-lg)
}

.index-main.is-other-products .index-main-feature-list li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: .7em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 1rem;
    height: .5rem;
    border-radius: 0
}

.index-main.is-other-products .index-main__buttons-wrapper {
    margin-top: 3.2rem;
    box-sizing: border-box;
    padding: 0 var(--global--spacing-content) 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main__buttons-wrapper {
        margin: 3.2rem auto 0;
        padding: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .index-main.is-other-products .index-main__buttons {
        position: relative;
        z-index: 10;
        justify-content: center;
        text-align: center
    }
}

.products-lineup {
    margin-top: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-lineup {
        margin-top: -4rem;
        position: relative;
        padding-bottom: 0
    }
}

.lineup-columns {
    display: flex;
    flex-wrap: wrap
}

.lineup-column {
    margin: 4.8rem 5.68% 0 0;
    width: 47.16%
}

.lineup-column:nth-child(1),
.lineup-column:nth-child(2) {
    margin-top: 0
}

.lineup-column:nth-child(even) {
    margin-right: 0
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item {
        display: flex;
        height: 100%
    }
}

.lineup-item__thumbnail {
    margin: 0 0 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__thumbnail {
        width: 38.43%;
        margin-right: 3.92%;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__inner {
        flex: 1;
        position: relative;
        box-sizing: border-box;
        padding-bottom: 6.4rem
    }
}

.lineup-item__title {
    margin: 0;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__title {
        font-size: var(--global--font-size-lg)
    }
}

.lineup-item__title a {
    color: var(--global--color-main)
}

.lineup-item__catch {
    margin: .7rem 0 0;
    font-size: var(--global--font-size-sm);
    font-weight: 700;
    line-height: 1.5;
    color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__catch {
        font-size: var(--global--font-size-sm);
        margin-top: 1.5rem
    }
}

.lineup-item__text {
    margin: .3rem 0 0;
    font-size: var(--global--font-size-2xs)
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__text {
        font-size: var(--global--font-size-sm);
        margin-top: 1.4rem
    }
}

.lineup-more {
    margin: 6.4rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .lineup-more {
        margin-top: 8rem;
        position: relative;
        bottom: -3rem
    }
}

.lineup-more .wp-block-buttons {
    text-align: center
}

.lineup-more .wp-block-button {
    margin-bottom: 0
}

.lineup-item__buttons {
    margin: 2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__buttons {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%
    }
}

.lineup-item__buttons .wp-block-buttons {
    text-align: center
}

.lineup-item__buttons .wp-block-buttons .wp-block-button.is-style-download {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__buttons .wp-block-buttons .wp-block-button.is-style-download {
        width: 18.4rem
    }
}

.lineup-item__buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link {
    font-size: var(--global--font-size-xs);
    padding: 1.4rem 2.4rem 1.4rem 1rem
}

@media print,
only screen and (min-width: 961px) {
    .lineup-item__buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link {
        padding: 1.2rem 3.2rem 1.2rem 1.4rem
    }
}

.lineup-item__buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:after {
    background-size: 2.1rem 2.175rem;
    width: 2.1rem;
    height: 2.175rem;
    right: 0.8rem
}

.index-comparison {
    background: #fff;
    padding-bottom: 7.2rem
}

@media print,
only screen and (min-width: 961px) {
    .index-comparison {
        background: none;
        padding-bottom: 0
    }
}

.products-feature {
    border-top: var(--global--color-border) solid 1px;
    counter-reset: num
}

.products-feature-item {
    margin: 0;
    padding: 2rem 0 4rem;
    border-bottom: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item {
        padding: 4rem 0 8rem
    }
}

.products-feature-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.products-feature-item__title {
    margin: 0;
    font-size: 2rem;
    line-height: 1.6;
    color: var(--global--color-default);
    padding: 0 0 0 8rem;
    position: relative;
    min-height: 6.5rem;
    display: flex;
    align-items: center
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46;
        padding-left: 10.4rem;
        min-height: 8rem
    }
}

.products-feature-item__title:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    counter-increment: num;
    content: counter(num);
    background: #2c928c;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item__title:before {
        font-size: var(--global--font-size-3xl);
        width: 8rem;
        height: 8rem;
        line-height: 8rem
    }
}

.products-feature-item__title span {
    display: block;
    font-size: var(--global--font-size-md)
}

.products-feature-item__description {
    margin-top: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item__description {
        margin-top: 2.4rem
    }
}

.products-feature-item__image {
    margin: 1.5rem auto 0;
    text-align: center;
    max-width: 90rem
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item__image {
        margin-top: 4rem
    }
}

.products-feature-item__image+.products-feature-item__image {
    border-top: var(--global--color-border) solid 1px;
    margin-top: 2rem;
    padding-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-feature-item__image+.products-feature-item__image {
        padding-top: 4rem;
        margin-top: 4rem
    }
}

.products-difference {
    border-top: var(--global--color-border) solid 1px;
    margin-top: 2rem;
    padding-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-difference {
        padding-top: 4rem;
        margin-top: 4rem;
        display: flex;
        justify-content: space-between
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-difference .products-difference-item {
        width: 47.5%
    }
}

.products-difference .products-difference-item:not(:first-child) {
    margin-top: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-difference .products-difference-item:not(:first-child) {
        margin-top: 0
    }
}

.products-difference .products-difference-item__title {
    margin: 0 auto 1.6rem;
    font-size: var(--global--font-size-lg)
}

@media print,
only screen and (min-width: 961px) {
    .products-difference .products-difference-item__title {
        font-size: var(--global--font-size-xl)
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-reason {
        padding-bottom: 12rem
    }
}

.products-reason-item {
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item {
        box-sizing: border-box;
        border: var(--global--color-border) solid 1px;
        margin-bottom: 4rem;
        position: relative;
        padding: 4rem 4rem 4.8rem
    }
}

.products-reason-item:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item.is-flex {
        display: flex;
        flex-direction: row-reverse
    }
}

.products-reason-item__label {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.86;
    position: relative;
    margin: 0 auto 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item__label {
        margin-bottom: 0;
        font-size: var(--global--font-size-sm);
        line-height: 1.79;
        position: absolute;
        top: -1.7rem;
        left: 4rem
    }
}

.products-reason-item__label span {
    display: inline-block;
    position: relative;
    background-color: #2c928c;;
    color: #fff;
    padding: .2rem 1rem;
    z-index: 3
}

.products-reason-item__label:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: var(--global--color-border);
    z-index: 1
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item__label:before {
        display: none
    }
}

.products-reason-item__image {
    margin-bottom: 2.8rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item__image {
        width: 35rem;
        margin: 0 0 0 4rem
    }
}

.products-reason-item__container {
    flex: 1
}

.products-reason-item__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 0 1.2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-item__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46
    }
}

.products-reason-item__title strong {
    color: #2c928c
}

.products-reason-item__description span {
    font-size: 88%;
    display: block;
    margin-top: 1em
}

.products-reason-gallery {
    margin-top: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-gallery {
        display: flex
    }
}

.products-reason-gallery .products-reason-gallery__item {
    max-width: 35rem;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-gallery .products-reason-gallery__item {
        width: 32%;
        margin-right: 2%
    }
}

.products-reason-gallery .products-reason-gallery__item:not(:first-child) {
    margin-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-reason-gallery .products-reason-gallery__item:not(:first-child) {
        margin-top: 0
    }
}

.products-reason-gallery .products-reason-gallery__item:last-child {
    margin-right: 0
}

.products-reason-gallery img {
    width: 100%
}

.products-case {
    padding: 2.4rem 0
}

.products-case-item {
    margin: 0 auto 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-case-item {
        display: flex;
        align-items: center
    }
}

.products-case-item .products-case-item__image {
    text-align: center;
    margin: 0 auto 1.8rem
}

@media print,
only screen and (min-width: 961px) {
    .products-case-item .products-case-item__image {
        margin-bottom: 0;
        margin-right: 4rem
    }
}

.products-case-item .products-case-item__image a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.products-case-item .products-case-item__image a:hover {
    opacity: .7
}

@media print,
only screen and (min-width: 961px) {
    .products-case-item .products-case-item__container {
        flex: 1
    }
}

.products-case-item .products-case-item__title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-case-item .products-case-item__title {
        font-size: var(--global--font-size-xl)
    }
}

.products-case-item .products-case-item__title a {
    color: var(--global--color-main)
}

.products-case-item .products-case-item__sub {
    color: #2c928c;
    margin: .8rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .products-case-item .products-case-item__sub {
        margin-top: 1.6rem
    }
}

.products-lineup-list-title {
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    text-align: center;
    color: var(--global--color-main);
    margin: 4.8rem auto 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-lineup-list-title {
        margin: 8.4rem auto 3.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-lineup-list {
        display: flex;
        flex-wrap: wrap
    }
}

.products-lineup-list .products-lineup-list__item {
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-lineup-list .products-lineup-list__item {
        margin: 4rem 3% 0 0;
        width: 48.5%
    }
}

.products-lineup-list .products-lineup-list__item:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {

    .products-lineup-list .products-lineup-list__item:nth-child(1),
    .products-lineup-list .products-lineup-list__item:nth-child(2) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-lineup-list .products-lineup-list__item:nth-child(even) {
        margin-right: 0
    }
}

.products-list-item {
    background: #fff;
    box-sizing: border-box;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item {
        height: 100%;
        position: relative;
        padding: 4rem 4rem 11.4rem
    }
}

.products-list-item .products-list-item-container {
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-container {
        min-height: 20rem
    }
}

.products-list-item .products-list-item__image {
    width: 12rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__image {
        width: 20rem
    }
}

.products-list-item .products-list-item__image a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__image a:hover {
        opacity: .7
    }
}

.products-list-item .products-list-item__header {
    min-height: 12rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__header {
        min-height: initial
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__header.is-tool-setter {
        min-height: 20rem
    }
}

.products-list-item .products-list-item__label {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    text-align: left;
    color: #2c928c;
    padding-left: 14rem;
    margin: 0 0 .4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__label {
        font-size: var(--global--font-size-md);
        line-height: 1.69;
        margin-bottom: .5rem;
        padding-left: 22rem
    }
}

.products-list-item .products-list-item__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    padding-left: 14rem;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.69;
        margin-bottom: 0;
        padding-left: 22rem
    }
}

.products-list-item .products-list-item__title a {
    color: var(--global--color-main);
    text-decoration: underline
}

.products-list-item .products-list-item__title a:hover {
    text-decoration: none
}

.products-list-item .products-list-item__direction {
    max-width: 13rem;
    margin: 1.8rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item__direction {
        margin-top: .8rem;
        padding-left: 22rem
    }
}

.products-list-item .products-list-item-table.wp-block-table {
    margin: 2.4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-table.wp-block-table {
        margin-top: 2rem
    }
}

.products-list-item .products-list-item-table.wp-block-table table tr th {
    white-space: nowrap;
    font-weight: 400
}

.products-list-item .products-list-item-table.wp-block-table table tr th,
.products-list-item .products-list-item-table.wp-block-table table tr td {
    font-size: 1.3rem;
    padding-top: .6rem;
    padding-bottom: .6rem
}

@media print,
only screen and (min-width: 961px) {

    .products-list-item .products-list-item-table.wp-block-table table tr th,
    .products-list-item .products-list-item-table.wp-block-table table tr td {
        padding-top: .8rem;
        padding-bottom: .8rem
    }
}

.products-list-item .products-list-item-buttons {
    margin: 2.4rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-buttons {
        position: absolute;
        bottom: 4.8rem;
        left: 0;
        width: 100%
    }
}

.products-list-item .products-list-item-buttons .wp-block-buttons {
    text-align: center
}

.products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download {
    margin-bottom: 0;
    width: 18.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download {
        width: 18.4rem
    }
}

.products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link {
    font-size: var(--global--font-size-xs);
    padding: 1.4rem 2.4rem 1.4rem 1rem
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link {
        padding: 1.2rem 3.2rem 1.2rem 1.4rem
    }
}

.products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:after {
    background-size: 2.1rem 2.175rem;
    width: 2.1rem;
    height: 2.175rem;
    right: 0.8rem;
    top: .1rem
}

@media print,
only screen and (min-width: 961px) {
    .products-list-item .products-list-item-buttons .wp-block-buttons .wp-block-button.is-style-download .wp-block-button__link:after {
        top: .3rem
    }
}

.products-movie-item-title {
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .products-movie-item-title {
        line-height: 1.5
    }
}

.products-index-movie {
    margin-bottom: 5.6rem
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie {
        margin-bottom: 10.4rem
    }
}

.products-index-movie .products-index-movie__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    color: var(--global--color-main);
    margin: 3.6rem auto 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie .products-index-movie__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46;
        margin: 5.6rem auto 3.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie .products-index-movie__container {
        display: flex;
        flex-wrap: wrap
    }
}

.products-index-movie .products-index-movie__item {
    margin-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie .products-index-movie__item {
        margin-top: 3.2rem;
        width: 32%;
        margin-right: 2%
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie .products-index-movie__item:nth-child(3n) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-index-movie .products-index-movie__item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus {
        border: var(--global--color-border) solid 1px;
        box-sizing: border-box;
        padding: 4rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus__wrapper {
        display: flex;
        align-items: center
    }
}

.products-stylus .products-stylus__container {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus__container {
        flex: 1;
        margin-bottom: 0
    }
}

.products-stylus .products-stylus__image {
    margin: 0 auto 2.4rem;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus__image {
        width: 46%;
        margin: 0 4rem 0 0
    }
}

.products-stylus .products-stylus__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 1.8rem
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus__title {
        font-size: var(--global--font-size-xl);
        margin-bottom: 1.6rem
    }
}

@media only screen and (max-width: 960px) {
    .products-stylus .products-stylus__title br {
        display: none
    }
}

.products-stylus .products-stylus-feature {
    background-color: var(--global--color-bg-primary);
    box-sizing: border-box;
    padding: 2.4rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus-feature {
        margin-top: 4rem;
        display: flex;
        justify-content: space-between;
        padding: 4rem
    }
}

.products-stylus .products-stylus-feature__item:not(:first-child) {
    margin-top: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus-feature__item:not(:first-child) {
        margin-top: 0;
        width: 47.5%
    }
}

.products-stylus .products-stylus-feature__title {
    position: relative;
    margin: 0;
    padding-left: 6rem;
    font-size: var(--global--font-size-lg);
    color: var(--global--color-main)
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus-feature__title {
        font-size: var(--global--font-size-xl);
        padding-left: 8.4rem
    }
}

.products-stylus .products-stylus-feature__title span {
    background-color: #2c928c;;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: var(--global--font-size-xs);
    font-weight: 700;
    line-height: 1.82;
    padding: .2rem;
    width: 5rem;
    position: absolute;
    top: 0;
    left: 0
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus-feature__title span {
        width: 6.4rem;
        font-size: var(--global--font-size-sm);
        line-height: 1.79
    }
}

.products-stylus .products-stylus-feature__text {
    margin: 1.4rem 0 0;
    font-size: var(--global--font-size-sm);
    line-height: 1.75
}

@media print,
only screen and (min-width: 961px) {
    .products-stylus .products-stylus-feature__text {
        font-size: var(--global--font-size-md);
        color: var(--global--color-main)
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-application {
        display: flex
    }
}

@media print,
only screen and (min-width: 961px) {
    .products-application .products-application__item {
        width: 22%;
        margin-right: 4%
    }
}

.products-application .products-application__item:not(:first-child) {
    margin-top: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .products-application .products-application__item:not(:first-child) {
        margin-top: 0
    }
}

.products-application .products-application__item:nth-child(4n) {
    margin-right: 0
}

.products-application .products-application__image {
    text-align: center;
    margin: 0
}

.products-application .products-application__description {
    font-weight: 700;
    margin: 1.2rem 0 0;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .products-application .products-application__description {
        text-align: left;
        font-size: var(--global--font-size-sm)
    }
}

.tool-setter-comparison-list {
    display: flex;
    margin-bottom: .8rem;
    justify-content: center
}

@media print,
only screen and (min-width: 961px) {
    .tool-setter-comparison-list {
        margin-bottom: 1.2rem;
        justify-content: flex-end
    }
}

.tool-setter-comparison-list li {
    padding: 0;
    margin: 0;
    font-size: var(--global--font-size-sm)
}

.tool-setter-comparison-list li:not(:first-child) {
    margin-left: 1.6rem
}

.tool-setter-comparison-list li:before {
    display: none
}

.tool-setter-comparison-table {
    padding-bottom: 6.4rem
}

@media print,
only screen and (min-width: 961px) {
    .tool-setter-comparison-table {
        padding-bottom: 0
    }
}

.tool-setter-comparison-table table {
    table-layout: auto
}

.tool-setter-comparison-table thead {
    border-width: 1px !important
}

.tool-setter-comparison-table thead tr:first-child th:first-child {
    background-color: var(--global--color-bg-secondary);
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400
}

.tool-setter-comparison-table thead tr:first-child th:not(:first-child) {
    font-size: 1.2rem;
    font-weight: 400;
    padding: .6rem;
    color: #fff;
    background-color: var(--global--color-main)
}

.tool-setter-comparison-table thead tr:first-child th:last-child {
    background-color: #2c928c;
}

.tool-setter-comparison-table thead tr:last-child th {
    width: 8.6rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.64;
    background-color: #F8FDFF
}

.tool-setter-comparison-table thead tr:last-child th:last-child {
    width: 16.8rem
}

.tool-setter-comparison-table thead tr:last-child th:nth-child(-n+4) {
    background-color: #EDF0F5
}

.tool-setter-comparison-table tbody td {
    font-size: var(--global--font-size-sm)
}

.tool-setter-comparison-table tbody td:first-child {
    white-space: nowrap
}

.tool-setter-comparison-table tbody td a {
    color: var(--global--color-default);
    text-decoration: none
}

.tool-setter-comparison-table tbody td a:hover {
    text-decoration: underline
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-wrapper {
        display: flex
    }
}

.top-lineup-nav {
    width: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-nav {
        width: 20rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-container {
        background-color: #000;
        flex: 1;
        position: relative
    }
}

.top-lineup-nav-list {
    background-color: var(--global--color-default);
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-nav-list {
        display: block
    }
}

.top-lineup-nav-list .top-lineup-nav-item {
    width: 100%;
    padding: 0;
    margin: 0
}

.top-lineup-nav-list .top-lineup-nav-item:before {
    display: none
}

.top-lineup-nav-link {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    padding: .3rem 0 1.1rem
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-nav-link {
        padding: 1.6rem 0 1.7rem
    }
}

.top-lineup-nav-link.is-positioning-switch {
    background-color: #132A4E
}

.top-lineup-nav-link.is-tool-setter {
    background-color: #2c928c
}

.top-lineup-nav-link.is-touch-probe {
    background-color: #2c928c
}

.top-lineup-nav-link.is-air-gap-sensor {
    background-color: #346A60
}

.top-lineup-nav-link .top-lineup-nav-link__image {
    margin: 0
}

.top-lineup-nav-link .top-lineup-nav-link__image img {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.top-lineup-nav-link .top-lineup-nav-link__title {
    margin: -.3rem auto 0;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.44;
    text-align: center
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-nav-link .top-lineup-nav-link__title {
        font-size: var(--global--font-size-sm);
        line-height: 1;
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-nav-link:hover img {
        opacity: .7
    }
}

.top-lineup-item {
    transition: opacity .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    padding-bottom: 5rem
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item:not(.is-active) {
        opacity: 0;
        visibility: hidden;
        z-index: -1
    }
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item.is-active {
        opacity: 1;
        visibility: visible;
        z-index: 10
    }
}

.top-lineup-item#positioning-switch {
    background-color: #132A4E
}

.top-lineup-item#tool-setter {
    background-color: #2c928c
}

.top-lineup-item#touch-probe {
    background-color: #2c928c
}

.top-lineup-item#air-gap-sensor {
    background-color: #346A60
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item__wrapper {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        max-width: 120rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
only screen and (min-width: 1200px) and (min-width: 1440px) {
    .top-lineup-item .top-lineup-item__wrapper {
        max-width: 1440px
    }
}

.top-lineup-item .top-lineup-item__image {
    margin: 0;
    text-align: center
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item__image {
        width: 43.1%
    }
}

.top-lineup-item .top-lineup-item__container {
    padding: 0 var(--global--spacing-content)
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item__container {
        flex: 1;
        padding: 0;
        max-width: 66rem;
        width: 100%
    }
}

.top-lineup-item .top-lineup-item-header {
    margin-bottom: 2.8rem
}

.top-lineup-item .top-lineup-item-header .top-lineup-item__title {
    font-size: var(--global--font-size-2xl);
    font-weight: 700;
    line-height: 1.48;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item-header .top-lineup-item__title {
        font-size: var(--global--font-size-3xl)
    }
}

.top-lineup-item .top-lineup-item-header .top-lineup-item__title:before,
.top-lineup-item .top-lineup-item-header .top-lineup-item__title:after {
    display: none !important
}

.top-lineup-item .top-lineup-item-header .top-lineup-item__title span {
    display: block;
    font-family: var(--global--font-secondary);
    font-weight: 500;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: #2c928c;
    margin: 0 0 .8rem
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item-header .top-lineup-item__title span {
        font-size: var(--global--font-size-md)
    }
}

.top-lineup-item .top-lineup-item-description {
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    text-align: left;
    color: #fff
}

.top-lineup-item .top-lineup-item-description p {
    margin: 0
}

.top-lineup-item .top-lineup-item-list {
    margin: 4.8rem auto
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .top-lineup-item-list {
        margin: 3.2rem auto 5.6rem
    }
}

.top-lineup-item .top-lineup-item-list li {
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.79;
    color: #fff;
    margin-bottom: .8rem;
    padding-left: 2rem
}

.top-lineup-item .top-lineup-item-list li:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: .7em;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    width: 1rem;
    height: .5rem;
    border-radius: 0
}

.top-lineup-item .top-lineup-item-list li.top-lineup-item-list__title {
    padding: 0;
    margin-bottom: .4rem
}

.top-lineup-item .top-lineup-item-list li.top-lineup-item-list__title:before {
    display: none
}

.top-lineup-item .wp-block-buttons.top-lineup-item-buttons .wp-block-button {
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .wp-block-buttons.top-lineup-item-buttons .wp-block-button {
        width: 49%;
        max-width: 31.2rem;
        margin-bottom: 0
    }
}

.top-lineup-item .wp-block-buttons.top-lineup-item-buttons .wp-block-button:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 1200px) {
    .top-lineup-item .wp-block-buttons.top-lineup-item-buttons .wp-block-button__link {
        font-size: var(--global--font-size-sm)
    }
}

.series-main {
    position: relative
}

.series-main__image {
    margin: 0;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .series-main__image {
        position: absolute;
        top: 0;
        left: 50%;
        width: 49.51vw;
        max-width: 80rem;
        z-index: 1
    }
}

.series-main__image img {
    width: 100%
}

.series-main-container {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 7rem;
        position: relative;
        z-index: 10
    }
}

.series-main__inner {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner {
        margin-bottom: 0;
        width: 45.47%
    }
}

.series-main__inner .series-main__title {
    padding: 0;
    font-weight: 700;
    font-size: var(--global--font-size-3xl);
    line-height: 1.5;
    color: var(--global--color-default);
    text-align: left;
    margin: 2rem auto 1.5rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner .series-main__title {
        font-size: 4.2rem;
        margin: 6.2rem auto 2.4rem;
        white-space: nowrap
    }
}

.series-main__inner .series-main__title:before,
.series-main__inner .series-main__title:after {
    display: none
}

.series-main__inner .series-main__title span {
    color: #2c928c;
    display: block;
    font-size: var(--global--font-size-lg)
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner .series-main__title span {
        font-size: var(--global--font-size-xl)
    }
}

.series-main__inner .series-main__catch {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
    color: var(--global--color-main);
    margin: 0 auto 2.8rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner .series-main__catch {
        font-size: var(--global--font-size-2xl);
        margin: 0 auto 2.2rem
    }
}

.series-main__inner .series-main__description {
    margin: 0 auto 3rem 0
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner .series-main__description {
        margin-bottom: 8.5rem
    }
}

.series-main__inner .series-main__sub-image {
    display: block;
    margin-top: 1.5em
}

@media print,
only screen and (min-width: 961px) {
    .series-main__inner .series-main__sub-image {
        margin-top: 1.5em
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main__sub {
        width: 47.03%;
        padding-top: 38rem;
        position: relative
    }
}

@media print,
only screen and (min-width: 1200px) {
    .series-main__sub {
        padding-top: 50rem
    }
}

.series-main-nav {
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .series-main-nav {
        text-align: left;
        letter-spacing: -.40em
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main-nav__button {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        width: 63%
    }
}

.series-main-nav__link {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    margin: 2.7rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .series-main-nav__link {
        margin: 0 auto;
        padding: 1.6rem 0
    }
}

.series-main-nav__button .wp-block-button {
    max-width: 34rem;
    width: 100%
}

.series-main-nav__button .wp-block-button.is-style-outline {
    margin-top: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-nav__button .wp-block-button.is-style-outline {
        margin-top: 1.6rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main-nav__button .wp-block-button.is-style-contact {
        margin-left: 0
    }
}

.series-main-nav__button .wp-block-button.is-style-contact .wp-block-button__link:hover {
    background: var(--global--color-main);
    border-color: var(--global--color-main)
}

.series-main-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .series-main-list {
        margin-top: 3rem
    }
}

.series-main-list .series-main-list__item {
    border-radius: 7px;
    background: #fff;
    box-sizing: border-box;
    font-weight: 700;
    color: var(--global--color-default);
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    text-align: center;
    padding: 1.1rem .8rem
}

.series-main-list .series-main-list__item:before {
    display: none
}

@media only screen and (max-width: 960px) {
    .series-main-list .series-main-list__item {
        width: 48.5%;
        margin-top: 1rem;
        margin-bottom: 0;
        margin-right: 3%
    }

    .series-main-list .series-main-list__item:nth-child(even) {
        margin-right: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main-list .series-main-list__item {
        max-width: 18rem;
        width: 29.73%;
        margin-top: 1rem;
        margin-bottom: 0;
        margin-right: 1rem
    }
}

.series-main.is-tool-setter .series-main-container .series-main-nav {
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-tool-setter .series-main-container .series-main__sub {
        width: 50.53%
    }
}

.series-main.is-tool-setter .series-main-container .series-main-nav .wp-block-buttons {
    display: flex;
    justify-content: center
}

@media print,
only screen and (min-width: 814px) {
    .series-main.is-tool-setter .series-main-container .series-main-nav .wp-block-buttons {
        width: 100%
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-tool-setter .series-main-container .series-main-nav .wp-block-buttons {
        justify-content: space-between
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-tool-setter .series-main-container .series-main-nav .wp-block-button {
        max-width: 30.4rem;
        margin-right: auto;
        margin-left: auto
    }
}

.series-main.is-touch-probe .series-main-container .series-main-nav {
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-touch-probe .series-main-container .series-main__sub {
        width: 50.53%
    }
}

.series-main.is-touch-probe .series-main-container .series-main-nav .wp-block-buttons {
    display: flex;
    justify-content: center
}

@media print,
only screen and (min-width: 814px) {
    .series-main.is-touch-probe .series-main-container .series-main-nav .wp-block-buttons {
        width: 100%
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-touch-probe .series-main-container .series-main-nav .wp-block-buttons {
        justify-content: space-between
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-touch-probe .series-main-container .series-main-nav .wp-block-button {
        max-width: 30.4rem;
        margin-right: auto;
        margin-left: auto
    }
}

.series-main-direction {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 7px;
    margin: 0 auto 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-direction {
        margin: 0 auto 4rem auto;
        max-width: 63.2rem
    }
}

.series-main-direction .series-main-direction__title {
    border-radius: 7px 0 0 7px;
    display: block;
    background-color: var(--global--color-main);
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 1.7rem 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-direction .series-main-direction__title {
        padding: 1.7rem 2.3rem
    }
}

.series-main-direction .series-main-direction__body {
    box-sizing: border-box;
    font-size: var(--global--font-size-lg);
    font-weight: 700;
    margin: 0;
    padding-left: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-direction .series-main-direction__body {
        padding-left: 2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-air-gap-sensor .series-main-container {
        width: 100%;
        flex-wrap: wrap
    }
}

.series-main.is-air-gap-sensor .series-main-container .series-main-nav {
    text-align: center
}

.series-main.is-air-gap-sensor .series-main-container .series-main-nav__button {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .series-main.is-air-gap-sensor .series-main-nav .wp-block-button {
        margin-right: 0
    }
}

.series-main-issues {
    width: 100%;
    margin: 3.2rem auto 0
}

@media print,
only screen and (min-width: 961px) {
    .series-main-issues {
        margin-top: 6.8rem
    }
}

.series-main-issues .series-main-issues__title {
    color: #2c928c;
    font-weight: 700;
    margin: 0 0 .4rem;
    font-size: var(--global--font-size-lg)
}

.series-main-issues .series-main-issues__list {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .series-main-issues .series-main-issues__list {
        display: flex;
        flex-wrap: wrap
    }
}

.series-main-issues .series-main-issues__list li {
    background: #fff;
    box-sizing: border-box;
    color: var(--global--color-main);
    font-weight: 700;
    border-radius: 7px;
    padding: .7rem 1.6rem;
    margin-bottom: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .series-main-issues .series-main-issues__list li {
        width: calc(50% - .5rem);
        margin-right: .5rem;
        margin-bottom: 1rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-main-issues .series-main-issues__list li:nth-child(even) {
        margin-left: .5rem;
        margin-right: 0
    }
}

.series-main-issues .series-main-issues__list li:last-child {
    margin-bottom: 0
}

.series-main-issues .series-main-issues__list li:before {
    display: none
}

.series-feature-list {
    border: var(--global--color-border) solid 1px;
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .series-feature-list {
        margin-bottom: 8rem
    }
}

.series-feature-list:last-child {
    margin-bottom: 0
}

.series-feature-list .series-feature-item {
    box-sizing: border-box;
    border-bottom: var(--global--color-border) solid 1px;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .series-feature-list .series-feature-item {
        display: flex;
        padding: 4rem
    }
}

.series-feature-list .series-feature-item:nth-child(even) {
    background: #FCFCFC
}

.series-feature-list .series-feature-item:last-child {
    border-bottom: none
}

@media print,
only screen and (min-width: 961px) {
    .series-feature-list .series-feature-item .series-feature-item__thumbnail {
        width: 32rem;
        margin: 0 4rem 0 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-feature-list .series-feature-item .series-feature-item__container {
        flex: 1
    }
}

.series-feature-list .series-feature-item .series-feature-item__title {
    font-size: var(--global--font-size-xl)
}

.series-movile-item {
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-item {
        margin-bottom: 0
    }
}

.series-movile-item:last-child {
    margin-bottom: 0
}

.series-movile-item .series-movile-item__title {
    margin-top: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-list.is-multiple {
        display: flex;
        flex-wrap: wrap
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-list.is-multiple .series-movile-item {
        box-sizing: border-box;
        padding-right: 2rem;
        width: 50%;
        margin-top: 4rem;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-list.is-multiple .series-movile-item:nth-child(even) {
        padding-left: 2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-list.is-multiple .series-movile-item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .series-movile-list.is-multiple .series-movile-item__title {
        font-size: var(--global--font-size-lg)
    }
}

.series-title {
    margin: 4rem auto 1.8rem
}

@media print,
only screen and (min-width: 961px) {
    .series-title {
        margin-top: 5.6rem;
        margin-bottom: 3.6rem
    }
}

.series-optional {
    border-top: var(--global--color-border) solid 1px;
    padding: 2.4rem 0 0;
    margin: 0 auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .series-optional {
        padding-top: 3.8rem;
        margin-bottom: 7.2rem
    }
}

.series-optional .series-optional__image {
    text-align: center;
    margin-left: 0;
    margin-right: 0
}

.series-optional .series-optional__image img {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.series-structure {
    border-top: var(--global--color-border) solid 1px;
    padding: 2.4rem 0 0;
    margin: 0 auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .series-structure {
        padding-top: 3.8rem;
        margin-bottom: 7.2rem;
        display: flex
    }
}

.series-structure:first-child {
    margin-top: 0
}

.series-structure:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .series-structure__container {
        flex: 1
    }
}

.series-structure__image {
    margin: 2.4rem auto 0;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .series-structure__image {
        width: 42%;
        margin: 0 0 0 6rem
    }
}

.products-schematic {
    text-align: center;
    box-sizing: border-box;
    max-width: 80rem;
    padding: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .products-schematic {
        padding: 4.8rem
    }
}

.products-schematic img {
    width: 100%;
    max-width: 48rem
}

.products-contact {
    margin-top: 8rem
}

@media print,
only screen and (min-width: 961px) {
    .products-contact {
        margin-top: 10rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .site-main.reason-main {
        margin-top: -8rem
    }
}

.reason-wrapper {
    overflow: hidden
}

.reason-header {
    width: 100%;
    position: relative;
    height: 15.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--global--spacing-content);
    box-sizing: border-box;
    overflow: hidden
}

@media print,
only screen and (min-width: 961px) {
    .reason-header {
        height: 58.1rem
    }
}

.reason-header .reason-header__title {
    position: relative;
    z-index: 3;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .reason-header .reason-header__title {
        font-size: 3.6rem;
        padding-bottom: 6rem
    }
}

.reason-header .reason-header__title:before,
.reason-header .reason-header__title:after {
    display: none
}

.reason-header .reason-header__image {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    z-index: 1
}

.reason-nav {
    margin-bottom: 6.8rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav {
        margin-bottom: 8.8rem;
        background-color: var(--global--color-bg-secondary);
        box-sizing: border-box;
        padding: 3rem 0 3.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-list {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap
    }
}

.reason-nav .reason-nav-item {
    background-color: var(--global--color-bg-secondary);
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0 0 .2rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item {
        width: calc(100%/3);
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item:nth-child(n+4) {
        margin-top: 2rem
    }
}

.reason-nav .reason-nav-item:before {
    display: none
}

.reason-nav .reason-nav-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    box-sizing: border-box;
    color: var(--global--color-default);
    text-decoration: none;
    position: relative;
    min-height: 10rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0.8rem 2.4rem 0.8rem var(--global--spacing-content)
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item__link {
        padding: 1rem 3.2rem;
        text-align: center
    }
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item__link:hover {
        background-color: #2c928c;
    }
}

.reason-nav .reason-nav-item__link:hover .reason-nav-item__label,
.reason-nav .reason-nav-item__link:hover .reason-nav-item__title {
    color: #fff
}

.reason-nav .reason-nav-item__label {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 0 .6rem;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.5;
    color: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item__label {
        margin: 0
    }
}

.reason-nav .reason-nav-item__title {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.5
}

@media print,
only screen and (min-width: 961px) {
    .reason-nav .reason-nav-item__title {
        font-size: var(--global--font-size-lg)
    }
}

.reason-nav .reason-nav-item__icon {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: var(--global--spacing-content);
    bottom: 0;
    left: auto;
    margin: auto;
    background: var(--global--color-main) url(../image/icon_arrow_vertical.svg) no-repeat scroll 0 0;
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 1.8rem
}

.reason-title {
    position: relative;
    text-align: center;
    margin: 10.4rem auto 4.2rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-title {
        margin: 16.8rem auto 4.8rem
    }
}

.reason-title .reason-title__character {
    margin: 0;
    font-family: var(--global--font-secondary);
    font-weight: normal;
    font-size: 6rem;
    line-height: 1;
    color: #edf2f5;
    white-space: nowrap;
    position: absolute;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    top: -2rem;
    left: 50%;
    transform: translate(-50%, 0)
}

.reason-title .reason-title__label {
    box-sizing: border-box;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    color: #2c928c;
    margin: 0 auto 2.4rem;
    padding: 0 var(--global--spacing-content);
    position: relative;
    z-index: 3
}

@media print,
only screen and (min-width: 961px) {
    .reason-title .reason-title__label {
        margin-bottom: 2.2rem;
        font-size: var(--global--font-size-md)
    }
}

.reason-title .reason-title__main {
    box-sizing: border-box;
    margin: 0;
    padding: 0 var(--global--spacing-content);
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    position: relative;
    z-index: 3
}

@media print,
only screen and (min-width: 961px) {
    .reason-title .reason-title__main {
        font-size: var(--global--font-size-3xl);
        line-height: 1.5
    }
}

.reason-title .reason-title__main strong {
    color: #2c928c
}

.reason-title .reason-title__main:before,
.reason-title .reason-title__main:after {
    display: none
}

.reason-contents {
    margin-top: 3.6rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-contents {
        margin-top: 5.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .reason-gallery {
        display: flex
    }
}

.reason-gallery .reason-gallery__image {
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .reason-gallery .reason-gallery__image {
        width: 50%
    }
}

.reason-gallery .reason-gallery__image:not(:first-child) {
    margin-top: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-gallery .reason-gallery__image:not(:first-child) {
        margin-top: 0
    }
}

.reason-lineup {
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .reason-lineup {
        flex-wrap: nowrap
    }
}

.reason-lineup .reason-lineup-item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 16.8rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-lineup .reason-lineup-item {
        width: 25%;
        height: 28rem
    }
}

.reason-lineup .reason-lineup-item.is-positioning-switch {
    background-color: #132A4E
}

.reason-lineup .reason-lineup-item.is-tool-setter {
    background-color: #2c928c
}

.reason-lineup .reason-lineup-item.is-touch-probe {
    background-color: #2c928c
}

.reason-lineup .reason-lineup-item.is-air-gap-sensor {
    background-color: #346A60
}

.reason-logos {
    display: flex;
    flex-wrap: wrap
}

.reason-logos .reason-logo {
    box-sizing: border-box;
    position: relative;
    margin: 0;
    width: calc(100% / 3)
}

@media print,
only screen and (min-width: 961px) {
    .reason-logos .reason-logo {
        width: calc(100% / 6)
    }
}

.reason-logos .reason-logo:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: var(--global--color-border);
    width: 1px;
    height: 64%
}

@media print,
only screen and (min-width: 961px) {
    .reason-logos .reason-logo:before {
        height: 75%
    }
}

.reason-logos .reason-logo:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: var(--global--color-border);
    width: 86%;
    height: 1px
}

.reason-logos .reason-logo .reason-logo__inner {
    display: block
}

@media only screen and (max-width: 960px) {
    .reason-logos .reason-logo:nth-child(3n) .reason-logo__inner:after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        margin: auto;
        background-color: var(--global--color-border);
        width: 1px;
        height: 64%
    }
}

@media print,
only screen and (min-width: 961px) {
    .reason-logos .reason-logo:nth-child(6n) .reason-logo__inner:after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        margin: auto;
        background-color: var(--global--color-border);
        width: 1px;
        height: 75%
    }
}

.reason-global {
    display: inline-block
}

.reason-global .reason-global__note {
    text-align: right;
    font-size: var(--global--font-size-sm);
    margin: 0 0 .8rem
}

@media print,
only screen and (min-width: 961px) {
    .reason-global .reason-global__note {
        margin-bottom: 1.6rem
    }
}

_:-ms-lang(x)::-ms-backdrop,
.reason-lineup .reason-lineup-item img {
    width: 100%
}

_:-ms-lang(x)::-ms-backdrop,
.reason-nav .reason-nav-item {
    width: 33.3%
}

_:-ms-lang(x)::-ms-backdrop,
.reason-global img {
    width: 100%
}

.site-main.recruit-main {
    padding-top: 5.6rem
}

@media print,
only screen and (min-width: 961px) {
    .site-main.recruit-main {
        padding-top: 13.6rem
    }
}

.recruit-max-width {
    box-sizing: border-box;
    max-width: var(--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .recruit-max-width {
        width: calc(100vw - var(--global--spacing-content) * 2) !important;
        max-width: 98rem !important
    }
}

.recruit-headline {
    background: var(--global--color-main);
    display: inline-block;
    color: #fff;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    margin: 0;
    position: absolute;
    top: -2.7rem;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: var(--global--font-size-2xl);
    white-space: nowrap;
    padding: 1.6rem 4.8rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-headline {
        top: -3.9rem;
        font-size: var(--global--font-size-3xl);
        padding: 2.3rem 9rem
    }
}

.recruit-title.page-section-title {
    font-size: 2.3rem;
    margin: 8rem auto 2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-title.page-section-title {
        font-size: var(--global--font-size-3xl);
        margin: 11.8rem auto 2.5rem
    }
}

.recruit-visual {
    height: 38rem;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .recruit-visual {
        height: 58rem
    }
}

.recruit-visual-loop {
    display: flex;
    width: 100vw;
    height: 16rem;
    overflow: hidden;
    position: absolute;
    top: 2rem;
    left: 0
}

@media print,
only screen and (min-width: 961px) {
    .recruit-visual-loop {
        height: 27rem
    }
}

.recruit-visual-loop.is-first .recruit-visual-list:first-child {
    animation: slide1 260s -130s linear infinite
}

.recruit-visual-loop.is-first .recruit-visual-list:last-child {
    animation: slide2 260s linear infinite
}

.recruit-visual-loop.is-second {
    top: auto;
    bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-visual-loop.is-second {
        bottom: 0
    }
}

.recruit-visual-loop.is-second .recruit-visual-list:first-child {
    animation: slide3 260s -130s linear infinite
}

.recruit-visual-loop.is-second .recruit-visual-list:last-child {
    animation: slide4 260s linear infinite
}

.recruit-visual-loop .recruit-visual-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-shrink: 0;
    width: 170rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-visual-loop .recruit-visual-list {
        width: 290rem
    }
}

.recruit-visual-loop .recruit-visual-list__item {
    display: inline-block;
    width: 100%;
    list-style: none;
    text-align: center;
    margin-right: 1rem;
    min-width: 16rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-visual-loop .recruit-visual-list__item {
        margin-right: 2rem;
        min-width: 27rem
    }
}

.recruit-visual-loop .recruit-visual-list__item img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width: 100%;
    height: auto
}

@keyframes slide1 {
    0% {
        transform: translateX(100%)
    }

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

@keyframes slide2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-200%)
    }
}

@keyframes slide3 {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes slide4 {
    0% {
        transform: translateX(-200%)
    }

    to {
        transform: translateX(0)
    }
}

.recruit-header {
    border-bottom: var(--global--color-border) solid 1px;
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-header {
        padding-bottom: 5rem;
        margin-bottom: 5.5rem
    }
}

.recruit-gallery-row {
    margin: 2.4rem auto 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-gallery-row {
        display: flex;
        flex-wrap: wrap;
        margin: 3.6rem auto 2.6rem
    }
}

.recruit-gallery-row .recruit-gallery-row__item {
    margin: 0 0 .8rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-gallery-row .recruit-gallery-row__item {
        flex-basis: 0;
        flex-grow: 1;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .recruit-gallery-row .recruit-gallery-row__item:not(:first-child) {
        margin-left: .8rem
    }
}

.recruit-gallery-row .recruit-gallery-row__item img {
    width: 100%
}

.recruit-gallery {
    margin: 2.4rem auto 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-gallery {
        margin: 3.6rem auto 2.6rem
    }
}

.recruit-gallery .recruit-gallery__image {
    margin-bottom: .8rem
}

.recruit-gallery .recruit-gallery-row {
    margin-top: 0;
    margin-bottom: 0
}

.recruit-profile {
    border: var(--global--color-border) solid 1px;
    background: var(--global--color-bg-secondary);
    box-sizing: border-box;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-profile {
        padding: 5.4rem 5.1rem 7.4rem
    }
}

.recruit-profile .recruit-profile__item {
    border-bottom: var(--global--color-border) solid 1px;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-profile .recruit-profile__item {
        margin-bottom: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.recruit-profile .recruit-profile__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.recruit-profile .recruit-profile__title {
    margin: 0 0 .6rem;
    font-size: var(--global--font-size-xl);
    font-weight: 700
}

.recruit-company {
    background: var(--global--color-bg-primary);
    box-sizing: border-box;
    max-width: var(--alignwide-width) !important;
    margin: 6rem auto;
    padding: 2.4rem var(--global--spacing-content) 3.2rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-company {
        margin: 12rem auto;
        padding: 3.6rem 4rem 5rem
    }
}

.recruit-company .recruit-company__container {
    max-width: 112rem
}

.recruit-feature {
    text-align: center;
    margin: 2rem auto 5.6rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-feature {
        margin: 2rem auto 11.6rem
    }
}

.recruit-feature img {
    width: 75rem
}

@media print,
only screen and (min-width: 961px) {
    .recruit-media-text {
        display: flex;
        align-items: center
    }
}

.recruit-media-text .recruit-media-text__image {
    text-align: center
}

@media print,
only screen and (min-width: 961px) {
    .recruit-media-text .recruit-media-text__image {
        margin: 0 4% 0 0;
        width: 31%
    }
}

@media print,
only screen and (min-width: 961px) {
    .recruit-media-text .recruit-media-text__content {
        flex: 1
    }
}

@media print,
only screen and (min-width: 961px) {
    .recruit-media-text .recruit-media-text__content p {
        margin: 0
    }
}

.recruit-media-text.is-reverse {
    flex-direction: row-reverse
}

@media print,
only screen and (min-width: 961px) {
    .recruit-media-text.is-reverse .recruit-media-text__image {
        margin: 0 0 0 4%
    }
}

.search-block {
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

@media print,
only screen and (min-width: 961px) {
    .search-block {
        text-align: center;
        letter-spacing: -.40em
    }
}

.search-block .search-block__title {
    color: #fff;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.33;
    margin-top: 0;
    margin-bottom: .8rem
}

@media print,
only screen and (min-width: 961px) {
    .search-block .search-block__title {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        font-size: var(--global--font-size-xl);
        line-height: 1.5;
        margin-right: 1.9rem;
        margin-bottom: 0
    }
}

@media print,
only screen and (min-width: 961px) {
    .search-block .search-block__content {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle
    }
}

.model-search-form {
    width: 100%;
    position: relative;
    line-height: 1
}

@media print,
only screen and (min-width: 961px) {
    .model-search-form {
        width: 45rem
    }
}

.model-search-form:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 2rem;
    margin: auto;
    background: url(../image/icon_search.svg) no-repeat scroll 0 0;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem
}

.model-search-form .model-search-field {
    -webkit-appearance: none;
    border-radius: 4px;
    border: none;
    background: #fff;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: var(--global--color-default);
    padding: 1.8rem 1.8rem 1.8rem 6rem
}

@media print,
only screen and (min-width: 961px) {
    .model-search-form .model-search-field {
        font-size: 14px;
        line-height: 1.86;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }
}

.model-search-form .model-search-field:focus-visible {
    outline: none
}

.model-search-form .model-search-submit {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: .8rem;
    bottom: 0;
    left: auto;
    margin: auto;
    -webkit-appearance: none;
    background-color: var(--global--color-main);
    border: none;
    border-radius: 5px;
    line-height: 40px;
    height: 40px;
    width: 10rem;
    color: #fff;
    font-weight: 700;
    font-size: var(--global--font-size-xs);
    text-align: center;
    cursor: pointer
}

.model-search-form .model-search-submit:hover {
    background-color: #2c928c;
}

@media only screen and (max-width: 960px) {
    .model-search-form .model-search-submit {
        display: none
    }
}

.model-search-form .model-search-alert {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #F4DB1E;
    display: inline-block;
    position: absolute;
    left: 0;
    font-weight: 400;
    font-size: var(--global--font-size-xs);
    line-height: 1.77;
    color: var(--global--color-default);
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    padding: .8rem 1rem;
    box-sizing: border-box;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    top: -4rem
}

.model-search-form .model-search-alert.is-active {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    top: -5.7rem
}

.model-search-form .model-search-alert:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #F4DB1E transparent transparent transparent
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch {
        display: flex;
        flex-wrap: wrap
    }
}

.search-switch .search-switch-item {
    background: none;
    border: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-length {
        width: 64%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-external_type {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-external {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-mode {
        width: 20.47%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-repeatability {
        width: 26%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-protective {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-force {
        width: 25%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-price {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-performance {
        width: 76%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-shape {
        width: 44%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-hit {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-stroke {
        width: 44%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-temperature {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-movement {
        width: 27%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-bearing {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item.is-span {
        width: auto
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item .search-switch-item__container {
        display: block !important
    }
}

.search-switch .search-switch-item__header {
    border-bottom: var(--global--color-border) solid 1px;
    padding-left: 0
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item__header {
        pointer-events: none;
        border-bottom: none;
        padding: 0;
        margin-bottom: 1.5rem
    }
}

.search-switch .search-switch-item__header .filter-menu__title {
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-item__header .filter-menu__title {
        font-weight: 700;
        font-size: var(--global--font-size-md);
        line-height: 1.5
    }
}

.search-switch .is-open.search-switch-item .search-switch-item__header {
    border-bottom: none
}

.search-switch .filter-menu__toggle {
    width: 1.5rem
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .filter-menu__toggle {
        display: none
    }
}

.search-switch .search-switch-list {
    background: #fff;
    width: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-list {
        background: none;
        margin-bottom: 1.6rem;
        padding-bottom: 0;
        display: inline-flex;
        flex-wrap: wrap
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-list__item {
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-check {
        border: var(--global--color-border) solid 1px;
        background: #fff;
        padding: 1rem 1rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch .search-switch-check .checkbox-item__text {
        font-size: var(--global--font-size-md);
        line-height: 1.25
    }
}

.search-switch .is-active .search-switch-check {
    border-color: var(--global--color-main);
    background: var(--global--color-bg-tertiary)
}

.search-switch.is-more {
    transition: height .5s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem
}

.search-switch.is-more:not(.is-open) {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch.is-more {
        border: var(--global--color-border) solid 1px;
        background: #fff;
        margin-top: 4rem;
        padding: 4.8rem 4rem 2.2rem
    }
}

.search-switch-more {
    margin: 4rem auto;
    background: #fff;
    border: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch-more {
        margin: 5.6rem auto;
        background: none;
        border: none
    }
}

.search-switch-more__header {
    position: relative
}

.search-switch-more__button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    display: block;
    color: var(--global--color-default);
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-decoration: none;
    font-weight: 700;
    padding: 2.7rem .8rem;
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch-more__button {
        background: #fff;
        border: var(--global--color-border) solid 1px;
        font-size: var(--global--font-size-sm);
        max-width: 33.5rem;
        text-align: left;
        line-height: 1.43;
        padding: 1.9rem 2rem
    }
}

.search-switch-more__button .toggle-button {
    right: 2rem;
    left: auto;
    width: 1.5rem;
    height: 1.5rem
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch-more__button .toggle-button {
        width: 2.1rem;
        height: 2.1rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch-more__button .toggle-button .toggle-button__icon {
        height: 1.5px;
        width: 100%
    }

    .search-switch-more__button .toggle-button .toggle-button__icon:last-child {
        width: 1.5px;
        height: 100%
    }
}

.search-switch-more__button .toggle-button.is-open .toggle-button__icon {
    height: 1.5px
}

@media print,
only screen and (min-width: 1200px) {
    .search-switch-more__button:hover {
        background: #2c928c;
        color: #fff
    }

    .search-switch-more__button:hover .toggle-button__icon {
        background-color: #fff
    }
}

@media print,
only screen and (min-width: 961px) {
    .search-header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.search-header .search-header__result {
    text-align: left;
    letter-spacing: -.40em;
    margin-bottom: 2.4rem
}

@media print,
only screen and (min-width: 961px) {
    .search-header .search-header__result {
        margin-bottom: 0
    }
}

.search-header .search-header__keyword {
    display: inline-block;
    letter-spacing: normal;
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    margin: 0 1.6rem 0 0;
    word-break: break-word
}

.search-header .search-header__num {
    display: inline-block;
    letter-spacing: normal;
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    margin: 0
}

.search-header .model-search-field {
    box-sizing: border-box;
    border: var(--global--color-border) solid 3px;
    border-radius: 7px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media print,
only screen and (min-width: 961px) {
    .search-header .model-search-field {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem
    }
}

.search-title {
    font-size: var(--global--font-size-2xl);
    padding: 0;
    margin-top: 4.8rem;
    margin-bottom: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .search-title {
        margin-top: 5.6rem;
        margin-bottom: 1.9rem
    }
}

.search-title:before,
.search-title:after {
    display: none
}

.search-title span {
    font-size: var(--global--font-size-md);
    font-weight: 400
}

@media only screen and (max-width: 960px) {
    .search-title span {
        display: block
    }
}

.social {
    margin: 0;
    padding: 1.9rem 0 3rem
}

@media print,
only screen and (min-width: 961px) {
    .social {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        top: 1.9rem;
        right: 4rem
    }
}

.social__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 .9rem
}

@media print,
only screen and (min-width: 961px) {
    .social__title {
        margin-bottom: 0;
        margin-right: 1.5rem
    }
}

.social__inner {
    margin: 0
}

.social-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.social-item {
    margin: 0 .5rem;
    padding-left: 0
}

.social-item:before {
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .social-item:last-child {
        margin-right: 0
    }
}

.social-item__link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--global--color-main);
    display: block;
    width: 8rem;
    height: 3.5rem;
    border-radius: 3px
}

.social-item__link.is-facebook {
    background: #4867AB url(../image/icon_facebook.svg) no-repeat scroll 50% 50%;
    background-size: 11px 20px
}

.social-item__link.is-twitter {
    background: #04A9F4 url(../image/icon_twitter.svg) no-repeat scroll 50% 50%;
    background-size: 19px 15px
}

.social-item__link:hover {
    opacity: .7
}

.social-bottom {
    position: relative;
    margin-top: 7.2rem;
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .social-bottom {
        margin-top: 10.4rem;
        height: 3.5rem;
        margin-bottom: 0
    }
}

.social-bottom .social {
    padding: 0;
    top: 0
}

.switch-comparison {
    position: fixed;
    right: 1rem;
    bottom: -2rem;
    background-color: rgba(19, 42, 78, 0.6);
    box-sizing: border-box;
    width: 30rem;
    padding: .5rem .5rem .6rem;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.switch-comparison.is-visible {
    bottom: 1rem;
    z-index: 1000;
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 960px) {
    .switch-comparison {
        display: none
    }
}

.switch-comparison .switch-comparison__stack {
    box-sizing: border-box;
    border: 1px dashed #fff;
    width: 100%;
    min-height: 4.5rem;
    margin: 0 0 .5rem
}

.switch-comparison .switch-comparison__stack.is-active {
    border: none
}

.switch-comparison .switch-comparison-item {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative
}

.switch-comparison .switch-comparison-item .switch-comparison-item__thumbnail {
    margin: 0 .4rem 0 0;
    width: 4.5rem
}

.switch-comparison .switch-comparison-item .switch-comparison-item__thumbnail img {
    width: 100%
}

.switch-comparison .switch-comparison-item .switch-comparison-item__container {
    flex: 1;
    padding: .2rem 0
}

.switch-comparison .switch-comparison-item .switch-comparison-item__series {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.45;
    text-align: left;
    color: var(--global--color-main)
}

.switch-comparison .switch-comparison-item .switch-comparison-item__title {
    margin: 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-main)
}

.switch-comparison .switch-comparison-item .switch-comparison-item__close {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .5rem;
    right: .5rem;
    bottom: auto;
    left: auto;
    margin: auto;
    background: var(--global--color-main);
    border-radius: 3px;
    width: 1.4rem;
    height: 1.4rem
}

.switch-comparison .switch-comparison-item .switch-comparison-item__close:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    width: 1px;
    height: 10px;
    transform-origin: 50% 50%;
    transform: rotate(45deg)
}

.switch-comparison .switch-comparison-item .switch-comparison-item__close:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    width: 1px;
    height: 10px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg)
}

.switch-comparison .switch-comparison-item .switch-comparison-item__close:hover {
    background-color: #2c928c;
}

.switch-comparison .switch-comparison__done {
    margin: 0;
    text-align: center
}

.switch-comparison .switch-comparison__button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width: 100%;
    max-width: 11rem;
    background-color: #2c928c;;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.64;
    padding: .6rem .4rem;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 0 auto
}

.switch-comparison .switch-comparison__button:hover {
    background-color: var(--global--color-main)
}

@media print,
only screen and (min-width: 1200px) {
    .switch-loop {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.switch-loop-header {
    display: none;
    list-style: none;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

@media print,
only screen and (min-width: 1200px) {
    .switch-loop-header {
        display: table;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
        max-width: 71.67vw
    }
}

@media print,
only screen and (min-width: 1920px) {
    .switch-loop-header {
        max-width: 156rem
    }
}

.switch-loop-header .switch-loop-header__item {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    border: var(--global--color-border) solid 1px;
    background: var(--global--color-bg-tertiary);
    font-size: var(--global--font-size-2xs);
    line-height: 1.45;
    text-align: center;
    padding: .7rem .4rem
}

.switch-loop-header .switch-loop-header__item:nth-child(1) {
    width: 5.9%
}

.switch-loop-header .switch-loop-header__item:nth-child(2) {
    width: 13.73%
}

.switch-loop-header .switch-loop-header__item:nth-child(3) {
    width: 8%
}

.switch-loop-header .switch-loop-header__item:nth-child(9) {
    width: 11.59%
}

.switch-loop-header .switch-loop-header__item:before {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .switch-loop-header.is-fixed {
        position: fixed;
        top: 0;
        z-index: 10000
    }
}

@media print,
only screen and (min-width: 1200px) {
    .switch-loop-header.is-absolute {
        position: absolute !important;
        top: auto !important;
        bottom: 0
    }
}

.switch-item-content__thumbnail {
    margin: 0
}

.switch-item-content__thumbnail a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.switch-item-content__thumbnail a:hover {
    opacity: .7
}

.switch-item-keyword {
    list-style: none;
    margin: .5rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .switch-item-keyword {
        margin-top: 1.8rem
    }
}

.switch-item-keyword .switch-item-keyword__item {
    padding-left: 0;
    margin-right: .5rem;
    margin-bottom: .5rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-item-keyword .switch-item-keyword__item {
        margin-right: .6rem;
        margin-bottom: .6rem
    }
}

.switch-item-keyword .switch-item-keyword__item:before {
    display: none
}

.switch-item-keyword .switch-item-keyword__item a,
.switch-item-keyword .switch-item-keyword__item span {
    text-decoration: none;
    font-size: var(--global--font-size-2xs);
    line-height: 1.6;
    box-sizing: border-box;
    padding: .2rem .3rem;
    border-radius: 5px;
    display: block;
    background: var(--global--color-bg-tertiary)
}

@media print,
only screen and (min-width: 961px) {

    .switch-item-keyword .switch-item-keyword__item a,
    .switch-item-keyword .switch-item-keyword__item span {
        font-size: var(--global--font-size-sm);
        line-height: 1.71;
        padding: .2rem .5rem
    }
}

.switch-item-action {
    list-style: none;
    margin: 0;
    padding: 0
}

.switch-action__item {
    margin: 0;
    padding-left: 0
}

.switch-action__item:before {
    display: none
}

.switch-item-button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--global--color-default);
    border: var(--global--color-default) solid 1px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #fff;
    font-size: var(--global--font-size-xs);
    line-height: 1.64;
    padding: .5rem .4rem;
    box-sizing: border-box
}

.switch-item-button.has-secondary {
    background-color: #2c928c;;
    border-color: #2c928c
}

.switch-item-button.has-secondary:hover {
    background-color: #fff;
    color: #2c928c
}

.switch-item-button.has-primary {
    background-color: var(--global--color-main);
    border-color: var(--global--color-main)
}

.switch-item-button.has-primary:hover {
    background-color: #fff;
    color: var(--global--color-main)
}

.switch-item-comparison {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #F8F8F8;
    border: var(--global--color-border) solid 1px;
    border-radius: 3px;
    display: block;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font-size: var(--global--font-size-xs);
    line-height: 1.64;
    padding: .5rem .4rem;
    font-weight: 700;
    cursor: pointer
}

.switch-item-comparison:hover {
    opacity: .7
}

.switch-item-comparison input {
    -webkit-appearance: none;
    display: none
}

.switch-item-comparison input:checked+.switch-item-comparison__check {
    background: var(--global--color-alert);
    border-color: var(--global--color-alert)
}

.switch-item-comparison input:checked+.switch-item-comparison__check:after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 8px;
    margin: auto;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: rotate(135deg) translate(-7px, 2px);
    border-radius: 0
}

.switch-item-comparison input:disabled+.switch-item-comparison__check {
    background: var(--global--color-border)
}

.switch-item-comparison input:disabled+.switch-item-comparison__check+.switch-item-comparison__text {
    color: var(--global--color-gray)
}

.switch-item-comparison__check {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: .5rem;
    margin: auto;
    border: var(--global--color-border) solid 1px;
    border-radius: 3px;
    background: #fff;
    width: 2rem;
    height: 2rem
}

.switch-item-comparison__text {
    display: block
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop {
        position: relative;
        padding-top: 3.1rem
    }
}

.has-mode-list.switch-loop .switch-item {
    padding-bottom: 4rem;
    margin-bottom: 1.8rem;
    border-bottom: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop .switch-item {
        display: table;
        width: 100%;
        border-bottom: var(--global--color-border) solid 1px;
        list-style: none;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0
    }
}

.has-mode-list.switch-loop .switch-item-content {
    position: relative
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop .switch-item-content {
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box;
        border-left: var(--global--color-border) solid 1px;
        border-right: var(--global--color-border) solid 1px;
        border-bottom: var(--global--color-border) solid 1px;
        font-size: var(--global--font-size-2xs);
        line-height: 1.45;
        text-align: center;
        width: 5.9%
    }
}

.has-mode-list.switch-loop .switch-item-content__thumbnail {
    width: 4.5rem;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop .switch-item-content__thumbnail {
        position: static;
        display: block;
        width: 100%
    }
}

.has-mode-list.switch-loop .switch-item-content__info {
    display: inline-block;
    vertical-align: top
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop .switch-item-content__info {
        display: none
    }
}

.has-mode-list.switch-loop .switch-item-header {
    padding-left: 6rem
}

.has-mode-list.switch-loop .switch-item__series {
    margin-bottom: .2rem;
    font-weight: 400;
    font-size: var(--global--font-size-sm);
    line-height: 1.5
}

.has-mode-list.switch-loop .switch-item__series a {
    color: var(--global--color-main)
}

.has-mode-list.switch-loop .switch-item__title {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left
}

.has-mode-list.switch-loop .switch-item__title:before,
.has-mode-list.switch-loop .switch-item__title:after {
    display: none
}

.has-mode-list.switch-loop .switch-item__title a {
    color: var(--global--color-main)
}

.has-mode-list.switch-loop .switch-item-keyword {
    padding-left: 6rem
}

.has-mode-list.switch-loop .switch-item-meta {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    border-top: var(--global--color-border) solid 1px
}

.has-mode-list.switch-loop .switch-item-meta-info {
    margin: 0;
    border-right: var(--global--color-border) solid 1px;
    border-bottom: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px;
    width: 100%;
    display: flex
}

.has-mode-list.switch-loop .switch-item-meta-info.is-item-length,
.has-mode-list.switch-loop .switch-item-meta-info.is-item-distance,
.has-mode-list.switch-loop .switch-item-meta-info.is-item-hit,
.has-mode-list.switch-loop .switch-item-meta-info.is-item-force,
.has-mode-list.switch-loop .switch-item-meta-info.is-item-cabletype,
.has-mode-list.switch-loop .switch-item-meta-info.is-item-performance {
    display: none
}

.has-mode-list.switch-loop .switch-item-meta-info__title {
    background: var(--global--color-bg-tertiary);
    font-size: var(--global--font-size-xs);
    line-height: 1.64;
    box-sizing: border-box;
    padding: .6rem 1rem;
    font-weight: 700;
    border-right: var(--global--color-border) solid 1px;
    width: 39%
}

.has-mode-list.switch-loop .switch-item-meta-info__text {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.38;
    box-sizing: border-box;
    padding: .6rem 1rem;
    text-align: center
}

.has-mode-list.switch-loop .switch-item-list {
    margin: 0;
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-list.switch-loop .switch-item-list {
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box;
        border-left: var(--global--color-border) solid 1px;
        border-right: var(--global--color-border) solid 1px;
        border-bottom: var(--global--color-border) solid 1px;
        background: #fff;
        font-size: var(--global--font-size-2xs);
        line-height: 1.45;
        text-align: center;
        padding: .4rem
    }
}

.has-mode-list.switch-loop .switch-item-list.is-title {
    width: 13.73%;
    font-size: var(--global--font-size-md);
    font-weight: 700
}

.has-mode-list.switch-loop .switch-item-list.is-title a {
    color: var(--global--color-main)
}

.has-mode-list.switch-loop .switch-item-list.is-1 {
    width: 8%
}

.has-mode-list.switch-loop .switch-item-list.is-7 {
    width: 11.59%;
    font-weight: 700;
    font-size: 1.3rem
}

.has-mode-list.switch-loop .switch-item-action-container {
    display: none
}

.has-mode-list.switch-loop .switch-item-action {
    margin: 2.2rem 0 0;
    display: flex;
    flex-wrap: wrap
}

.has-mode-list.switch-loop .switch-action__item {
    width: 48.51%
}

.has-mode-list.switch-loop .switch-action__item:nth-child(even) {
    margin-left: 2.98%
}

.has-mode-list.switch-loop .switch-action__item:last-child {
    width: 100%;
    margin-top: 1rem
}

.has-mode-photo.switch-loop .switch-loop-header {
    display: none
}

.has-mode-photo.switch-loop .switch-loop__inner {
    display: flex;
    flex-wrap: wrap
}

.has-mode-photo.switch-loop .switch-item {
    width: 48%;
    margin-top: 3rem;
    position: relative;
    padding-bottom: 9rem
}

@media print,
only screen and (min-width: 961px) {
    .has-mode-photo.switch-loop .switch-item {
        padding-bottom: 13.2rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item {
        width: 49%;
        margin-bottom: 6.4rem;
        padding-bottom: 0
    }
}

.has-mode-photo.switch-loop .switch-item:nth-child(even) {
    margin-left: 4%
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item:nth-child(even) {
        margin-left: 2%
    }
}

.has-mode-photo.switch-loop .switch-item:nth-child(1),
.has-mode-photo.switch-loop .switch-item:nth-child(2) {
    margin-top: 0
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-content {
        display: flex;
        justify-content: space-between;
        align-items: top
    }
}

.has-mode-photo.switch-loop .switch-item-content__thumbnail {
    border: var(--global--color-border) solid 1px;
    margin: 0 0 1rem
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-content__thumbnail {
        width: 40%;
        height: 100%
    }
}

.has-mode-photo.switch-loop .switch-item-content__info {
    display: flex;
    flex-direction: column
}

.has-mode-photo.switch-loop .switch-item-content__info .switch-item-header {
    order: 1
}

.has-mode-photo.switch-loop .switch-item-content__info .switch-item-keyword {
    order: 3
}

.has-mode-photo.switch-loop .switch-item-content__info .switch-item-meta {
    order: 2
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-content__info {
        width: 56%
    }
}

.has-mode-photo.switch-loop .switch-item__series {
    margin-bottom: .2rem;
    font-weight: 400;
    font-size: var(--global--font-size-sm);
    line-height: 1.5
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item__series {
        margin-bottom: .3rem;
        font-size: var(--global--font-size-xs);
        line-height: 1.77
    }
}

.has-mode-photo.switch-loop .switch-item__series a {
    color: var(--global--color-main)
}

.has-mode-photo.switch-loop .switch-item__title {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.46
    }
}

.has-mode-photo.switch-loop .switch-item__title:before,
.has-mode-photo.switch-loop .switch-item__title:after {
    display: none
}

.has-mode-photo.switch-loop .switch-item__title a {
    color: var(--global--color-main)
}

.has-mode-photo.switch-loop .switch-item-meta {
    margin-top: .4rem
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-meta {
        margin-top: 1.1rem
    }
}

.has-mode-photo.switch-loop .switch-item-meta .is-item-led {
    display: none
}

.has-mode-photo.switch-loop .switch-item-meta-info {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.5
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-meta-info {
        font-size: var(--global--font-size-xs);
        display: flex;
        line-height: 1.77
    }
}

.has-mode-photo.switch-loop .switch-item-meta-info__title {
    font-weight: 700
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-meta-info__title {
        position: relative;
        font-weight: 400;
        width: 50%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-meta-info__title:after {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: .5em;
        bottom: auto;
        left: auto;
        margin: auto;
        content: ":";
        transform: translate(0, -50%)
    }
}

.has-mode-photo.switch-loop .switch-item-meta-info__text {
    margin-left: 0
}

.has-mode-photo.switch-loop .switch-item-list {
    display: none
}

.has-mode-photo.switch-loop .switch-item-action-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-action-container {
        position: static
    }
}

.has-mode-photo.switch-loop .switch-item-action {
    margin-top: 1rem
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-item-action {
        margin-top: 2.2rem;
        display: flex
    }
}

.has-mode-photo.switch-loop .switch-action__item {
    margin-bottom: 1rem
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-action__item {
        min-width: 11rem;
        margin-right: 1rem
    }
}

.has-mode-photo.switch-loop .switch-action__item:last-child {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 1200px) {
    .has-mode-photo.switch-loop .switch-action__item .switch-item-comparison {
        padding-left: 3rem;
        text-align: left
    }
}

@media only screen and (max-width: 960px) {
    .has-mode-photo.switch-loop .switch-action__item.is-comparison {
        display: none
    }
}

.switch-archive-container {
    box-sizing: border-box;
    max-width: 1920rem;
    margin-left: auto;
    margin-right: auto
}

@media print,
only screen and (min-width: 961px) {
    .switch-archive-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media print,
only screen and (min-width: 1200px) {
    .switch-archive-container {
        display: flex;
        justify-content: space-between
    }
}

.switch-archive-nav {
    width: 100%;
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 1200px) {
    .switch-archive-nav {
        margin-bottom: 0;
        width: 26rem
    }
}

.switch-archive-main {
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .switch-archive-main {
        padding-left: var(--global--spacing-content);
        padding-right: var(--global--spacing-content)
    }
}

@media print,
only screen and (min-width: 1200px) {
    .switch-archive-main {
        max-width: 71.67vw;
        width: 100%;
        padding: 0
    }
}

@media print,
only screen and (min-width: 1920px) {
    .switch-archive-main {
        max-width: 156rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .filter-nav {
        border-top: var(--global--color-main) solid 2px;
        position: relative;
        padding-bottom: 1.6rem
    }
}

.filter-nav-header {
    padding: 1.3rem var(--global--spacing-content);
    box-sizing: border-box;
    position: relative
}

@media print,
only screen and (min-width: 1200px) {
    .filter-nav-header {
        padding: 2.3rem 1rem
    }
}

.filter-nav-header__title {
    padding: 0;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 1200px) {
    .filter-nav-header__title {
        font-size: var(--global--font-size-xl)
    }
}

.filter-nav-header__title:before,
.filter-nav-header__title:after {
    display: none
}

.filter-nav-header__toggle {
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: .2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 5rem;
    height: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .filter-nav-header__toggle {
        display: none
    }
}

.filter-nav-container {
    transition: height .3s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.filter-nav-container:not(.is-open) {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .filter-nav-container:not(.is-open) {
        display: block
    }
}

.filter-menu-reset {
    margin: 0 auto;
    max-width: 22rem;
    padding: 2rem 0 4.5rem
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-reset {
        max-width: auto;
        display: inline-block;
        min-width: 8.4rem;
        padding: 0;
        position: absolute;
        top: 3rem;
        right: 2rem
    }
}

.filter-menu-reset .filter-menu-reset__button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--global--color-main);
    box-sizing: border-box;
    border-radius: 30px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #fff;
    font-size: var(--global--font-size-xs);
    line-height: 1.82;
    padding: .5rem
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-reset .filter-menu-reset__button {
        font-size: 1.1rem;
        line-height: 1.55;
        padding: .2rem .4rem
    }
}

.filter-menu-reset .filter-menu-reset__button:hover {
    background: #2c928c
}

.filter-menu {
    background: #fff;
    box-sizing: border-box;
    margin: 0 var(--global--spacing-content);
    padding: 0;
    border-top: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px
}

.filter-menu.has-last {
    border-bottom: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu {
        margin-right: 1rem;
        margin-left: 0;
        padding-bottom: 0;
        border-left: none
    }
}

.filter-menu.is-open {
    padding-bottom: 2.2rem
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu.is-open {
        padding-bottom: 0
    }
}

.filter-menu__header {
    display: block;
    padding: 1.3rem 2rem;
    box-sizing: border-box;
    position: relative;
    color: var(--global--color-default);
    text-decoration: none
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu__header {
        padding: 1.2rem 1rem
    }
}

.filter-menu__title {
    padding: 0;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 700;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    margin: 0;
    text-align: left
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu__title {
        font-size: var(--global--font-size-sm);
        line-height: 1.43
    }
}

.filter-menu__title:before,
.filter-menu__title:after {
    display: none
}

.filter-menu__toggle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: .2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    margin: 0;
    width: 5.6rem;
    height: 100%
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu__toggle {
        width: 4.4rem;
        right: 0
    }
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu__header:hover .filter-menu__title {
        color: #2c928c
    }
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu__header:hover .filter-menu__toggle .toggle-button__icon {
        background-color: #2c928c;
    }
}

.filter-menu__container {
    transition: height .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.filter-menu:not(.is-open) .filter-menu__container {
    display: none
}

.filter-menu-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    width: calc(100% - 4rem);
    border-top: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-list {
        border: none;
        width: 100%;
        padding-bottom: 1.4rem
    }
}

.filter-menu-list__item {
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    border-bottom: var(--global--color-border) solid 1px
}

.filter-menu-list__item:before {
    display: none
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-list__item {
        border-bottom: none
    }
}

.filter-menu-list__item.is-active {
    background-color: #EEF2F5
}

.filter-menu-submit {
    margin: 0 auto;
    padding: 4rem 0 5rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 22rem
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-submit {
        display: none
    }
}

.filter-menu-button {
    position: relative;
    display: inline-block;
    margin: 4rem 0 0;
    width: 100%
}

.filter-menu-button .filter-menu-button__input {
    -webkit-appearance: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background: #2c928c;
    border: #2c928c solid 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    padding: 1.2rem 4.1rem 1.1rem 1.9rem
}

@media print,
only screen and (min-width: 1200px) {
    .filter-menu-button .filter-menu-button__input {
        font-size: var(--global--font-size-sm)
    }
}

.filter-menu-button .filter-menu-button__icon {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 2rem;
    bottom: 0;
    left: auto;
    margin: auto;
    background-color: var(--global--color-main);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3.6rem;
    background-image: url(../image/icon_arrow.svg);
    background-size: 1rem 1rem;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.checkbox-item {
    box-sizing: border-box;
    display: block;
    padding: 1.5rem
}

@media print,
only screen and (min-width: 1200px) {
    .checkbox-item {
        padding: .5rem 1rem
    }
}

.checkbox-item input {
    -webkit-appearance: none;
    display: none
}

.checkbox-item .checkbox-item__text {
    box-sizing: border-box;
    padding-left: 3rem;
    position: relative;
    display: block;
    font-weight: 400;
    font-size: var(--global--font-size-md);
    line-height: 1.43
}

@media print,
only screen and (min-width: 1200px) {
    .checkbox-item .checkbox-item__text {
        font-size: 1.3rem;
        line-height: 1.54
    }
}

.checkbox-item .checkbox-item__text span {
    margin-left: .25em;
    color: #999
}

.checkbox-item .checkbox-item__text::before,
.checkbox-item .checkbox-item__text::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box
}

.checkbox-item .checkbox-item__text::before {
    width: 2rem;
    height: 2rem;
    margin: 0;
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    background-color: #fff;
    border-radius: 3px;
    border: var(--global--color-border) solid 1px
}

.checkbox-item .checkbox-item__text::after {
    top: 50%;
    bottom: 0;
    left: 0
}

.checkbox-item .checkbox-item__text:hover {
    cursor: pointer
}

.checkbox-item input:checked+.checkbox-item__text::before {
    background-color: var(--global--color-main);
    border-color: var(--global--color-main)
}

.checkbox-item input:checked+.checkbox-item__text::after {
    width: 12px;
    height: 8px;
    margin: auto;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: rotate(135deg) translate(-7px, 2px);
    border-radius: 0
}

.mode-list-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 var(--global--spacing-content);
    position: relative;
    margin: 0 0 4rem
}

@media print,
only screen and (min-width: 1200px) {
    .mode-list-container {
        padding: 0;
        margin-top: 2.3rem;
        margin-bottom: 6.2rem
    }
}

.mode-list-container:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--global--color-border);
    width: 100%;
    height: 1px
}

.mode-list {
    text-align: center;
    letter-spacing: -.40em;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0
}

@media print,
only screen and (min-width: 1200px) {
    .mode-list {
        text-align: right
    }
}

.mode-list__item {
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    box-sizing: border-box;
    width: 50%;
    padding-right: 1px;
    padding-left: 0
}

@media print,
only screen and (min-width: 1200px) {
    .mode-list__item {
        max-width: 18rem;
        padding-right: 0
    }
}

.mode-list__item:before {
    display: none
}

.mode-list__item:last-child {
    padding-left: 1px;
    padding-right: 0
}

@media print,
only screen and (min-width: 1200px) {
    .mode-list__item:last-child {
        padding-left: 0
    }
}

.mode-button {
    box-sizing: border-box;
    border-top: var(--global--color-main) solid 1px;
    border-left: var(--global--color-main) solid 1px;
    border-right: var(--global--color-main) solid 1px;
    background: var(--global--color-main);
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    padding: 1.2rem
}

.mode-button__icon {
    display: block;
    line-height: 0;
    margin-right: .9rem
}

.mode-button__text {
    display: block;
    font-size: 1.3rem;
    line-height: 1.54
}

.mode-button:not(.is-active) {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    background: #fff;
    color: var(--global--color-thin);
    border-top: var(--global--color-border) solid 1px;
    border-left: var(--global--color-border) solid 1px;
    border-right: var(--global--color-border) solid 1px
}

.mode-button:not(.is-active):after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #fff
}

.mode-button:not(.is-active) .mode-button__icon path {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    fill: var(--global--color-thin)
}

.mode-button:not(.is-active):hover {
    color: #2c928c
}

.mode-button:not(.is-active):hover .mode-button__icon path {
    fill: #2c928c
}

.switch-result {
    display: none;
    margin: 0;
    line-height: 1.5;
    font-size: var(--global--font-size-md);
    font-weight: 700;
    position: absolute;
    top: .4rem;
    left: 0
}

@media print,
only screen and (min-width: 1200px) {
    .switch-result {
        display: block
    }
}

.switch-result strong {
    font-size: var(--global--font-size-3xl);
    font-weight: 700
}

.switch-single {
    margin-bottom: 8rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-single {
        margin-bottom: 7.7rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
}

.switch-main {
    display: flex;
    align-items: center;
    margin: 0 auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-main {
        display: block;
        margin-bottom: 0;
        margin-left: 0;
        width: 39%
    }
}

.switch-main__body {
    flex: 1
}

.switch-main__category {
    margin-bottom: .4rem;
    font-size: var(--global--font-size-md);
    line-height: 1.8;
    text-align: left;
    color: var(--global--color-main)
}

.switch-main__category a {
    color: var(--global--color-main)
}

.switch-main__title {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-default)
}

.switch-main__title:before,
.switch-main__title:after {
    display: none
}

.switch-thumbnail {
    width: 42%;
    margin-right: 1.8rem;
    box-sizing: border-box;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .switch-thumbnail {
        width: 100%;
        margin-right: 0
    }
}

.switch-thumbnail a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    color: var(--global--color-default)
}

.switch-thumbnail img {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    border: var(--global--color-border) solid 1px
}

.slide-number {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: .5rem;
    right: .5rem;
    bottom: auto;
    left: auto;
    margin: auto;
    display: inline-block;
    background: var(--global--color-default);
    padding: 0 .4rem;
    font-weight: 400;
    border-radius: 32px;
    font-size: var(--global--font-size-2xs);
    line-height: 1.8;
    text-align: center;
    color: #fff
}

@media print,
only screen and (min-width: 961px) {
    .slide-number {
        font-size: var(--global--font-size-sm);
        padding: 0 1rem;
        line-height: 2.07;
        top: 2.1rem;
        right: 2.6rem
    }
}

.zoom-link {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: auto;
    right: .5rem;
    bottom: .5rem;
    left: auto;
    margin: auto;
    display: inline-block;
    line-height: 1;
    text-decoration: none
}

@media print,
only screen and (min-width: 961px) {
    .zoom-link {
        right: 2rem;
        bottom: 2.2rem
    }
}

.zoom-link__icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.zoom-link__icon g,
.zoom-link__icon path {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoom-link__label {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    line-height: 1.54;
    margin-left: 1rem
}

.switch-thumbnail a:hover {
    color: #2c928c
}

.switch-thumbnail a:hover img {
    opacity: .7
}

.switch-thumbnail a:hover g,
.switch-thumbnail a:hover path {
    fill: #2c928c
}

@media print,
only screen and (min-width: 961px) {
    .switch-content {
        width: 55%
    }
}

.switch-content__header {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-content__header {
        margin-bottom: 3.1rem
    }
}

.switch-content__header .switch-main__category {
    margin-bottom: .5rem;
    font-size: var(--global--font-size-lg);
    line-height: 1.5;
    text-align: left;
    color: var(--global--color-main)
}

.switch-content__header .switch-main__title {
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1.5;
    color: var(--global--color-default)
}

.switch-content__detail {
    display: flex;
    justify-content: space-between;
    margin: 2.7rem auto
}

@media print,
only screen and (min-width: 961px) {
    .switch-content__detail {
        justify-content: flex-start;
        margin: 2.9rem auto
    }
}

.switch-list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 48.5%;
    width: 100%;
    border-top: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .switch-list {
        max-width: 24.8rem;
        margin-right: 3.3rem
    }
}

.switch-list-item {
    box-sizing: border-box;
    margin-bottom: 0;
    border-bottom: var(--global--color-border) solid 1px;
    display: flex;
    padding: .5rem 0
}

@media print,
only screen and (min-width: 961px) {
    .switch-list-item {
        padding: .8rem 0
    }
}

.switch-list-item:before {
    display: none
}

.switch-list__title {
    box-sizing: border-box;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    font-weight: 700;
    margin: 0;
    width: 67%;
    padding: 0 .5rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-list__title {
        font-size: var(--global--font-size-md);
        width: 68.31%;
        padding: 0 1.1rem
    }
}

.switch-list__text {
    box-sizing: border-box;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    margin: 0
}

@media print,
only screen and (min-width: 961px) {
    .switch-list__text {
        font-size: var(--global--font-size-md)
    }
}

.switch-buttons-group {
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-buttons-group {
        margin-bottom: 2.9rem
    }
}

.switch-buttons-top {
    margin-bottom: 0
}

@media print,
only screen and (min-width: 961px) {
    .switch-buttons-top .wp-block-button {
        width: 100%;
        margin-bottom: 1.6rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .switch-buttons-bottom .wp-block-button {
        width: calc(50% - 1rem);
        margin-right: 1rem;
        margin-left: 1rem;
        margin-bottom: 0
    }
}

.switch-links {
    list-style: none;
    margin: 2rem auto;
    padding: 0;
    display: flex;
    justify-content: space-between
}

@media print,
only screen and (min-width: 961px) {
    .switch-links {
        margin: 0 auto;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.switch-links__item {
    width: 21.48%;
    margin-bottom: 0;
    padding-left: 0
}

@media print,
only screen and (min-width: 961px) {
    .switch-links__item {
        width: auto;
        margin-bottom: 2.4rem;
        margin-right: 5.6rem
    }
}

.switch-links__item:before {
    display: none
}

.switch-links__item:last-child {
    margin-right: 0
}

.switch-link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--global--color-main);
    border: var(--global--color-border) solid 1px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 7.6rem;
    padding: .4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-link {
        flex-direction: row;
        justify-content: flex-start;
        height: auto;
        border: none;
        padding: 0
    }
}

.switch-link__icon {
    display: block;
    line-height: 0
}

.switch-link__icon g,
.switch-link__icon path {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.switch-link__text {
    display: block;
    font-size: var(--global--font-size-2xs);
    line-height: 1.3;
    text-align: center;
    font-weight: 700;
    margin-top: .4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-link__text {
        font-size: var(--global--font-size-sm);
        line-height: 1.5;
        margin-top: 0;
        margin-left: 1rem;
        text-align: left;
        white-space: nowrap
    }
}

@media print,
only screen and (min-width: 961px) {
    .switch-link__text br {
        display: none
    }
}

.switch-link:hover {
    color: #2c928c
}

.switch-link:hover g,
.switch-link:hover path {
    fill: #2c928c
}

@media only screen and (max-width: 960px) {
    .switch-links.is-align-center {
        justify-content: center
    }
}

@media only screen and (max-width: 960px) {
    .switch-links.is-align-center .switch-links__item {
        flex: 1;
        flex-basis: 0;
        flex-grow: 1;
        width: auto
    }
}

@media only screen and (max-width: 960px) {
    .switch-links.is-align-center .switch-links__item:not(:last-child) {
        margin-right: 1.6rem
    }
}

.switch-certificate {
    background: var(--global--color-bg-primary);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 1.7rem 0
}

@media print,
only screen and (min-width: 961px) {
    .switch-certificate {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 2.3rem;
        padding-right: 3.6rem;
        margin-top: .4rem
    }
}

.switch-certificate__title {
    text-align: center;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    font-weight: 700;
    color: var(--global--color-main);
    margin: 0 0 1.4rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-certificate__title {
        margin-bottom: 0
    }
}

.switch-certificate-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.switch-certificate-list__item {
    width: 50%;
    margin: 0;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: center;
    padding: .4rem .8rem;
    border-right: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .switch-certificate-list__item {
        width: auto;
        padding: .2rem 0;
        padding-right: 3rem;
        margin-right: 3rem
    }
}

.switch-certificate-list__item:before {
    display: none
}

.switch-certificate-list__item:last-child {
    border-right: none
}

@media print,
only screen and (min-width: 961px) {
    .switch-certificate-list__item:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

.switch-certificate-list__item a {
    color: var(--global--color-main);
    text-decoration: none
}

.switch-certificate-list__item a:hover {
    text-decoration: underline
}

.switch-drawing-title {
    font-weight: 700;
    font-size: var(--global--font-size-xl);
    text-align: center;
    margin-bottom: 1.6rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-drawing-title {
        font-size: 2.2rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .switch-customize-image {
        margin-bottom: 0
    }
}

.switch-customize-list {
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

@media print,
only screen and (min-width: 961px) {
    .switch-customize-list {
        padding-left: 7%;
        padding-right: 7%
    }
}

.switch-customize-list .switch-customize-list__item {
    box-sizing: border-box;
    margin-top: 1.6rem;
    margin-bottom: 0;
    padding-right: .8rem;
    padding-left: 0;
    width: 50%
}

@media print,
only screen and (min-width: 961px) {
    .switch-customize-list .switch-customize-list__item {
        padding: 0;
        width: auto;
        margin-right: 3rem
    }
}

@media only screen and (max-width: 960px) {
    .switch-customize-list .switch-customize-list__item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 960px) {
    .switch-customize-list .switch-customize-list__item:nth-child(even) {
        padding-left: .8rem;
        padding-right: 0
    }
}

.switch-customize-list .switch-customize-list__item:before {
    display: none
}

.switch-customize-list a {
    color: var(--global--color-main)
}

.switch-contact {
    margin-top: 8rem
}

@media print,
only screen and (min-width: 961px) {
    .switch-contact {
        margin-top: 10rem
    }
}

.tabs-contents {
    margin: 6rem auto
}

.tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs-list {
    margin-bottom: 0;
    padding: 0;
    flex: 1
}

@media print,
only screen and (min-width: 961px) {
    .tabs-list {
        flex: none;
        min-width: 23rem
    }
}

.tabs-list:before {
    display: none
}

.tabs-list__link {
    transition: all .1s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    font-size: var(--global--font-size-sm);
    font-weight: 700;
    line-height: 1.71;
    color: #9A9C9A;
    padding: 1.8rem .8rem;
    border-top: #fff solid 2px;
    height: 100%
}

@media print,
only screen and (min-width: 961px) {
    .tabs-list__link {
        font-size: var(--global--font-size-md);
        line-height: 1.5;
        padding: 1.7rem .8rem
    }
}

.tabs-list__link.is-active {
    background: var(--global--color-bg-secondary);
    border-top: var(--global--color-main) solid 2px;
    cursor: default;
    pointer-events: none;
    color: var(--global--color-main)
}

.tabs-list__link:hover {
    color: #2c928c
}

.tab-content {
    background: var(--global--color-bg-secondary);
    box-sizing: border-box;
    padding: 2rem var(--global--spacing-content)
}

@media print,
only screen and (min-width: 961px) {
    .tab-content {
        padding: 4rem
    }
}

.tab-content__item {
    box-sizing: border-box;
    background: #fff;
    padding: 2rem 2rem 2.4rem;
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .tab-content__item {
        padding: 7rem
    }
}

.tab-content__item.is-active {
    display: block
}

.solution-category-list {
    list-style: none;
    margin: 0 auto 4rem
}

@media print,
only screen and (min-width: 961px) {
    .solution-category-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.solution-category-list .solution-category-list__item {
    width: 100%
}

@media print,
only screen and (min-width: 961px) {
    .solution-category-list .solution-category-list__item {
        max-width: 31rem;
        margin: 0 1rem
    }
}

.solution-category-list .solution-category-list__button {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    border-radius: 4px;
    box-sizing: border-box;
    border: var(--global--color-border) solid 1px;
    text-align: center;
    color: var(--global--color-main);
    font-size: 1.4rem;
    line-height: 1.43;
    padding: 1.6rem .8rem
}

@media print,
only screen and (min-width: 961px) {
    .solution-category-list .solution-category-list__button {
        padding: .9rem .8rem
    }
}

@media print,
only screen and (min-width: 961px) {
    .solution-category-list .solution-category-list__button:hover {
        background-color: var(--global--color-main);
        color: #fff
    }
}

.solution-category-list .solution-category-list__button.is-active {
    background-color: var(--global--color-main);
    border-color: var(--global--color-main);
    color: #fff;
    text-decoration: none
}

.term-menu-wrapper {
    box-sizing: border-box;
    margin-bottom: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .term-menu-wrapper {
        margin-bottom: 6rem;
        padding: 0 6%
    }
}

.term-menu-container {
    box-sizing: border-box;
    background-color: #F8F8F8;
    margin-bottom: 1rem
}

@media print,
only screen and (min-width: 961px) {
    .term-menu-container {
        background: none;
        border-bottom: var(--global--color-border) solid 1px;
        padding-bottom: 0;
        margin-bottom: 1.2rem
    }
}

.term-menu-container:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.term-menu {
    box-sizing: border-box;
    overflow: hidden
}

@media print,
only screen and (min-width: 961px) {
    .term-menu {
        display: flex;
        align-items: center
    }
}

.term-menu__header {
    position: relative;
    box-sizing: border-box;
    font-weight: 700;
    font-size: var(--global--font-size-md);
    line-height: 1.43;
    text-align: left;
    margin: 0;
    display: block;
    color: var(--global--color-default);
    text-decoration: none;
    padding: 2rem
}

@media print,
only screen and (min-width: 961px) {
    .term-menu__header {
        padding: 0;
        margin: -.75em 0 0;
        font-size: var(--global--font-size-md);
        cursor: default;
        pointer-events: none;
        width: 9%
    }
}

.term-menu__title {
    margin: 0
}

.term-menu__toggle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 6rem;
    height: 100%
}

@media print,
only screen and (min-width: 961px) {
    .term-menu__toggle {
        display: none
    }
}

.term-menu__toggle .toggle-button__icon {
    width: 21px
}

.term-menu__toggle .toggle-button__icon:last-child {
    height: 21px
}

.term-menu__container {
    transition: height .1s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.term-menu:not(.is-open) .term-menu__container {
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .term-menu:not(.is-open) .term-menu__container {
        display: block
    }
}

.term-menu-list {
    margin: 0;
    padding: .3rem 2rem .7rem
}

@media print,
only screen and (min-width: 961px) {
    .term-menu-list {
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }
}

.term-menu-list .term-menu-list__item {
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1.43
}

@media print,
only screen and (min-width: 961px) {
    .term-menu-list .term-menu-list__item {
        font-size: var(--global--font-size-sm);
        margin-right: 1rem;
        margin-bottom: 1.2rem
    }
}

.term-menu-list .term-menu-list__item:before {
    display: none
}

.term-menu-list .term-menu-list__item a {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    text-decoration: underline;
    color: var(--global--color-main);
    padding: 1.2rem 2rem
}

@media print,
only screen and (min-width: 961px) {
    .term-menu-list .term-menu-list__item a {
        display: inline-block;
        background: none;
        padding: 0
    }
}

.term-menu-list .term-menu-list__item a:hover {
    color: #2c928c;
    text-decoration: none
}

.term-menu-list .term-menu-list__item a.is-active {
    color: #2c928c;
    text-decoration: none
}

.terms-navigation {
    margin-top: 7rem
}

@media print,
only screen and (min-width: 961px) {
    .terms-navigation {
        margin-top: 8rem;
        max-width: calc(98rem + var(--global--spacing-content) * 2)
    }
}

.terms-navigation__title {
    padding: 0;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
    color: var(--global--color-default);
    margin: 0 auto .9rem
}

@media print,
only screen and (min-width: 961px) {
    .terms-navigation__title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.5;
        margin-bottom: 2.7rem
    }
}

.terms-navigation__title:before,
.terms-navigation__title:after {
    display: none
}

.terms-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media print,
only screen and (min-width: 961px) {
    .terms-list {
        display: flex;
        flex-wrap: wrap
    }
}

.terms-list-item {
    padding-left: 0;
    margin: 0;
    border-bottom: var(--global--color-border) solid 1px
}

@media print,
only screen and (min-width: 961px) {
    .terms-list-item {
        box-sizing: border-box;
        width: calc(20% - 2rem);
        margin-right: 2rem
    }
}

.terms-list-item:before {
    display: none
}

.terms-list-item__title {
    display: block;
    box-sizing: border-box;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    color: #2c928c;
    padding: 1.6rem 0
}

.terms-link {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    box-sizing: border-box;
    font-size: var(--global--font-size-sm);
    line-height: 1.5;
    color: var(--global--color-main);
    padding: 1.6rem 2.4rem 1.6rem 0;
    text-decoration: none;
    position: relative
}

@media print,
only screen and (min-width: 961px) {
    .terms-link {
        font-size: 1.3rem
    }
}

.terms-link .terms-link__icon {
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    background: #2c928c url(../image/icon_arrow.svg) no-repeat scroll 50% 50%;
    background-size: 1rem 9rem;
    border-radius: 1.8rem;
    width: 1.8rem;
    height: 1.8rem
}

@media print,
only screen and (min-width: 961px) {
    .terms-link .terms-link__icon {
        right: .4rem
    }
}

.terms-link.is-active {
    color: #2c928c
}

.terms-link.is-active .terms-link__icon {
    display: none
}

.terms-link:hover {
    color: #2c928c
}

.terms-link:hover .terms-link__icon {
    right: 0
}

.section-title {
    padding: 0;
    margin: 8rem auto 1.3rem;
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    text-align: left;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .section-title {
        font-size: var(--global--font-size-3xl);
        line-height: 1.5;
        margin: 12rem auto 2.8rem
    }
}

.section-title:before,
.section-title:after {
    display: none
}

.section-title:first-child {
    margin-top: 0
}

.section-title:last-child {
    margin-bottom: 0
}

.section-title+h1,
.section-title+h2,
.section-title+h3,
.section-title+h4,
.section-title+h5,
.section-title+h6 {
    margin-top: 0
}

.block-title,
.wp-block.block-title {
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.5;
    color: var(--global--color-default);
    padding: 0 0 2rem !important;
    margin-top: 6.8rem;
    margin-bottom: 2rem
}

@media print,
only screen and (min-width: 961px) {

    .block-title,
    .wp-block.block-title {
        font-size: var(--global--font-size-3xl);
        padding: 0 var(--global--spacing-content) 1.7rem !important;
        margin-top: 10.6rem;
        margin-bottom: 4rem
    }
}

.block-title:before,
.wp-block.block-title:before {
    display: none
}

.block-title:after,
.wp-block.block-title:after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #2c928c;
    width: 4rem;
    height: .5rem;
    border-radius: 0
}

.block-title:first-child,
.wp-block.block-title:first-child {
    margin-top: 0
}

.block-title:last-child,
.wp-block.block-title:last-child {
    margin-bottom: 0
}

.block-title.is-first,
.wp-block.block-title.is-first {
    margin-top: 6.8rem !important
}

@media print,
only screen and (min-width: 961px) {

    .block-title.is-first,
    .wp-block.block-title.is-first {
        margin-top: 10.6rem !important
    }
}

.block-title+h1,
.block-title+h2,
.block-title+h3,
.block-title+h4,
.block-title+h5,
.block-title+h6,
.wp-block.block-title+h1,
.wp-block.block-title+h2,
.wp-block.block-title+h3,
.wp-block.block-title+h4,
.wp-block.block-title+h5,
.wp-block.block-title+h6 {
    margin-top: 0
}

.page-section-title {
    text-align: center;
    padding: 0;
    color: var(--global--color-default);
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    margin: 8rem auto 4rem;
    line-height: 1.45
}

@media print,
only screen and (min-width: 961px) {
    .page-section-title {
        font-size: var(--global--font-size-3xl);
        margin: 10rem auto 5.4rem
    }
}

.page-section-title:before,
.page-section-title:after {
    display: none !important
}

.page-section-title:first-child {
    margin-top: 0
}

.page-section-title:last-child {
    margin-bottom: 0
}

.page-section-title+h1,
.page-section-title+h2,
.page-section-title+h3,
.page-section-title+h4,
.page-section-title+h5,
.page-section-title+h6 {
    margin-top: 0
}

.page-section-sub-title {
    padding: 0;
    margin: 6.4rem auto 1.6rem;
    font-weight: 700;
    font-size: var(--global--font-size-2xl);
    line-height: 1.45;
    color: var(--global--color-default)
}

@media print,
only screen and (min-width: 961px) {
    .page-section-sub-title {
        font-size: var(--global--font-size-2xl);
        line-height: 1.5;
        margin: 12rem auto 2.4rem
    }
}

.page-section-sub-title:before,
.page-section-sub-title:after {
    display: none
}

.page-section-sub-title:first-child {
    margin-top: 0
}

.page-section-sub-title:last-child {
    margin-bottom: 0
}

.page-section-sub-title+h1,
.page-section-sub-title+h2,
.page-section-sub-title+h3,
.page-section-sub-title+h4,
.page-section-sub-title+h5,
.page-section-sub-title+h6 {
    margin-top: 0
}

.lead-title {
    font-weight: 700;
    padding: 0;
    font-size: var(--global--font-size-2xl);
    margin-bottom: 1.6rem;
    margin-top: 4rem
}

@media print,
only screen and (min-width: 961px) {
    .lead-title {
        font-size: var(--global--font-size-3xl);
        margin-top: 6rem
    }
}

.lead-title:before,
.lead-title:after {
    display: none !important
}

.lead-title:first-child {
    margin-top: 0
}

.lead-title:last-child {
    margin-bottom: 0
}

.lead-title+h1,
.lead-title+h2,
.lead-title+h3,
.lead-title+h4,
.lead-title+h5,
.lead-title+h6 {
    margin-top: 0
}

.related-title {
    text-align: center;
    border-top: var(--global--color-border) solid 1px;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.5;
    color: var(--global--color-default);
    margin: 4rem auto 2rem !important;
    padding: 2rem 0 0
}

@media print,
only screen and (min-width: 961px) {
    .related-title {
        padding: 4rem 0 0 !important;
        font-size: var(--global--font-size-xl);
        margin-top: 12rem !important;
        margin-bottom: 3rem !important
    }
}

.related-title:before,
.related-title:after {
    display: none
}

@media print,
only screen and (min-width: 961px) {
    .related-title.is-post-single {
        margin-top: 4rem !important
    }
}

.related-title.is-feature {
    border: none;
    padding: 0;
    margin-top: 6.4rem !important
}

@media print,
only screen and (min-width: 961px) {
    .related-title.is-feature {
        font-size: var(--global--font-size-2xl);
        margin-top: 12rem !important;
        margin-bottom: 4rem !important
    }
}

.lang-en_US .site-contact-item__number {
    font-size: 3.6rem
}

.lang-en_US .front-reason-item__description {
    line-height: 1.6
}

.lang-en_US .products-category__description {
    line-height: 1.6
}

@media print,
only screen and (min-width: 961px) {
    .lang-en_US .solution-item__title {
        font-size: var(--global--font-size-lg)
    }
}

@media print,
only screen and (min-width: 961px) {
    .lang-en_US .top-lineup-item-description {
        font-size: var(--global--font-size-sm)
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .filter-nav .filter-nav-header__title {
        font-size: var(--global--font-size-lg)
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .filter-nav .filter-menu-reset {
        top: 2.7rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .has-mode-list.switch-loop {
        padding-top: 4.8rem
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .search-switch .search-switch-item.is-length {
        width: 100%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .search-switch .search-switch-item.is-force {
        width: 35%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .search-switch .search-switch-item.is-repeatability {
        width: 35%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .search-switch .search-switch-item.is-movement {
        width: 36%
    }
}

@media print,
only screen and (min-width: 1200px) {
    .lang-en_US .search-switch .search-switch-item.is-stroke {
        width: 60%
    }
}

.lang-en_US .series-download-list__item {
    padding-left: 0
}

.hidden {
    display: none
}

@media only screen and (max-width: 960px) {
    .sm\:hidden {
        display: none !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:hidden {
        display: none !important
    }
}

.bg-none {
    background: none
}

.font-style-normal {
    font-weight: normal
}

.font-style-bold {
    font-weight: 700
}

.left {
    text-align: left !important
}

@media print,
only screen and (min-width: 961px) {
    .md\:left {
        text-align: left !important
    }
}

@media only screen and (max-width: 960px) {
    .sm\:left {
        text-align: left !important
    }
}

.center {
    text-align: center !important
}

@media print,
only screen and (min-width: 961px) {
    .md\:center {
        text-align: center !important
    }
}

@media only screen and (max-width: 960px) {
    .sm\:center {
        text-align: center !important
    }
}

.right {
    text-align: right !important
}

@media print,
only screen and (min-width: 961px) {
    .md\:right {
        text-align: right !important
    }
}

@media only screen and (max-width: 960px) {
    .sm\:right {
        text-align: right !important
    }
}

.has-border {
    border: var(--global--color-border) solid 1px
}

.bdr-0 {
    border: none
}

@media only screen and (max-width: 960px) {
    .sm\:bdr-0 {
        border: none !important
    }
}

@media only screen and (max-width: 960px) {
    .sm\:bdb-1 {
        border-bottom: var(--global--color-border) solid 1px
    }
}

.mx-0 {
    margin: 0 !important
}

.mx-auto {
    margin: auto !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mt-0 {
    margin-top: 0px !important
}

.ml-0 {
    margin-left: 0px !important
}

.mr-0 {
    margin-right: 0px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-0 {
        margin-bottom: 0px !important
    }

    .sm\:mt-0 {
        margin-top: 0px !important
    }

    .sm\:ml-0 {
        margin-left: 0px !important
    }

    .sm\:mr-0 {
        margin-right: 0px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-0 {
        margin-bottom: 0px !important
    }

    .md\:mt-0 {
        margin-top: 0px !important
    }

    .md\:ml-0 {
        margin-left: 0px !important
    }

    .md\:mr-0 {
        margin-right: 0px !important
    }
}

.mb-1 {
    margin-bottom: 1px !important
}

.mt-1 {
    margin-top: 1px !important
}

.ml-1 {
    margin-left: 1px !important
}

.mr-1 {
    margin-right: 1px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-1 {
        margin-bottom: 1px !important
    }

    .sm\:mt-1 {
        margin-top: 1px !important
    }

    .sm\:ml-1 {
        margin-left: 1px !important
    }

    .sm\:mr-1 {
        margin-right: 1px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-1 {
        margin-bottom: 1px !important
    }

    .md\:mt-1 {
        margin-top: 1px !important
    }

    .md\:ml-1 {
        margin-left: 1px !important
    }

    .md\:mr-1 {
        margin-right: 1px !important
    }
}

.mb-2 {
    margin-bottom: 2px !important
}

.mt-2 {
    margin-top: 2px !important
}

.ml-2 {
    margin-left: 2px !important
}

.mr-2 {
    margin-right: 2px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-2 {
        margin-bottom: 2px !important
    }

    .sm\:mt-2 {
        margin-top: 2px !important
    }

    .sm\:ml-2 {
        margin-left: 2px !important
    }

    .sm\:mr-2 {
        margin-right: 2px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-2 {
        margin-bottom: 2px !important
    }

    .md\:mt-2 {
        margin-top: 2px !important
    }

    .md\:ml-2 {
        margin-left: 2px !important
    }

    .md\:mr-2 {
        margin-right: 2px !important
    }
}

.mb-3 {
    margin-bottom: 3px !important
}

.mt-3 {
    margin-top: 3px !important
}

.ml-3 {
    margin-left: 3px !important
}

.mr-3 {
    margin-right: 3px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-3 {
        margin-bottom: 3px !important
    }

    .sm\:mt-3 {
        margin-top: 3px !important
    }

    .sm\:ml-3 {
        margin-left: 3px !important
    }

    .sm\:mr-3 {
        margin-right: 3px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-3 {
        margin-bottom: 3px !important
    }

    .md\:mt-3 {
        margin-top: 3px !important
    }

    .md\:ml-3 {
        margin-left: 3px !important
    }

    .md\:mr-3 {
        margin-right: 3px !important
    }
}

.mb-4 {
    margin-bottom: 4px !important
}

.mt-4 {
    margin-top: 4px !important
}

.ml-4 {
    margin-left: 4px !important
}

.mr-4 {
    margin-right: 4px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-4 {
        margin-bottom: 4px !important
    }

    .sm\:mt-4 {
        margin-top: 4px !important
    }

    .sm\:ml-4 {
        margin-left: 4px !important
    }

    .sm\:mr-4 {
        margin-right: 4px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-4 {
        margin-bottom: 4px !important
    }

    .md\:mt-4 {
        margin-top: 4px !important
    }

    .md\:ml-4 {
        margin-left: 4px !important
    }

    .md\:mr-4 {
        margin-right: 4px !important
    }
}

.mb-5 {
    margin-bottom: 5px !important
}

.mt-5 {
    margin-top: 5px !important
}

.ml-5 {
    margin-left: 5px !important
}

.mr-5 {
    margin-right: 5px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-5 {
        margin-bottom: 5px !important
    }

    .sm\:mt-5 {
        margin-top: 5px !important
    }

    .sm\:ml-5 {
        margin-left: 5px !important
    }

    .sm\:mr-5 {
        margin-right: 5px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-5 {
        margin-bottom: 5px !important
    }

    .md\:mt-5 {
        margin-top: 5px !important
    }

    .md\:ml-5 {
        margin-left: 5px !important
    }

    .md\:mr-5 {
        margin-right: 5px !important
    }
}

.mb-6 {
    margin-bottom: 6px !important
}

.mt-6 {
    margin-top: 6px !important
}

.ml-6 {
    margin-left: 6px !important
}

.mr-6 {
    margin-right: 6px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-6 {
        margin-bottom: 6px !important
    }

    .sm\:mt-6 {
        margin-top: 6px !important
    }

    .sm\:ml-6 {
        margin-left: 6px !important
    }

    .sm\:mr-6 {
        margin-right: 6px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-6 {
        margin-bottom: 6px !important
    }

    .md\:mt-6 {
        margin-top: 6px !important
    }

    .md\:ml-6 {
        margin-left: 6px !important
    }

    .md\:mr-6 {
        margin-right: 6px !important
    }
}

.mb-7 {
    margin-bottom: 7px !important
}

.mt-7 {
    margin-top: 7px !important
}

.ml-7 {
    margin-left: 7px !important
}

.mr-7 {
    margin-right: 7px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-7 {
        margin-bottom: 7px !important
    }

    .sm\:mt-7 {
        margin-top: 7px !important
    }

    .sm\:ml-7 {
        margin-left: 7px !important
    }

    .sm\:mr-7 {
        margin-right: 7px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-7 {
        margin-bottom: 7px !important
    }

    .md\:mt-7 {
        margin-top: 7px !important
    }

    .md\:ml-7 {
        margin-left: 7px !important
    }

    .md\:mr-7 {
        margin-right: 7px !important
    }
}

.mb-8 {
    margin-bottom: 8px !important
}

.mt-8 {
    margin-top: 8px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mr-8 {
    margin-right: 8px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-8 {
        margin-bottom: 8px !important
    }

    .sm\:mt-8 {
        margin-top: 8px !important
    }

    .sm\:ml-8 {
        margin-left: 8px !important
    }

    .sm\:mr-8 {
        margin-right: 8px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-8 {
        margin-bottom: 8px !important
    }

    .md\:mt-8 {
        margin-top: 8px !important
    }

    .md\:ml-8 {
        margin-left: 8px !important
    }

    .md\:mr-8 {
        margin-right: 8px !important
    }
}

.mb-9 {
    margin-bottom: 9px !important
}

.mt-9 {
    margin-top: 9px !important
}

.ml-9 {
    margin-left: 9px !important
}

.mr-9 {
    margin-right: 9px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-9 {
        margin-bottom: 9px !important
    }

    .sm\:mt-9 {
        margin-top: 9px !important
    }

    .sm\:ml-9 {
        margin-left: 9px !important
    }

    .sm\:mr-9 {
        margin-right: 9px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-9 {
        margin-bottom: 9px !important
    }

    .md\:mt-9 {
        margin-top: 9px !important
    }

    .md\:ml-9 {
        margin-left: 9px !important
    }

    .md\:mr-9 {
        margin-right: 9px !important
    }
}

.mb-10 {
    margin-bottom: 10px !important
}

.mt-10 {
    margin-top: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-10 {
        margin-bottom: 10px !important
    }

    .sm\:mt-10 {
        margin-top: 10px !important
    }

    .sm\:ml-10 {
        margin-left: 10px !important
    }

    .sm\:mr-10 {
        margin-right: 10px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-10 {
        margin-bottom: 10px !important
    }

    .md\:mt-10 {
        margin-top: 10px !important
    }

    .md\:ml-10 {
        margin-left: 10px !important
    }

    .md\:mr-10 {
        margin-right: 10px !important
    }
}

.mb-11 {
    margin-bottom: 11px !important
}

.mt-11 {
    margin-top: 11px !important
}

.ml-11 {
    margin-left: 11px !important
}

.mr-11 {
    margin-right: 11px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-11 {
        margin-bottom: 11px !important
    }

    .sm\:mt-11 {
        margin-top: 11px !important
    }

    .sm\:ml-11 {
        margin-left: 11px !important
    }

    .sm\:mr-11 {
        margin-right: 11px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-11 {
        margin-bottom: 11px !important
    }

    .md\:mt-11 {
        margin-top: 11px !important
    }

    .md\:ml-11 {
        margin-left: 11px !important
    }

    .md\:mr-11 {
        margin-right: 11px !important
    }
}

.mb-12 {
    margin-bottom: 12px !important
}

.mt-12 {
    margin-top: 12px !important
}

.ml-12 {
    margin-left: 12px !important
}

.mr-12 {
    margin-right: 12px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-12 {
        margin-bottom: 12px !important
    }

    .sm\:mt-12 {
        margin-top: 12px !important
    }

    .sm\:ml-12 {
        margin-left: 12px !important
    }

    .sm\:mr-12 {
        margin-right: 12px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-12 {
        margin-bottom: 12px !important
    }

    .md\:mt-12 {
        margin-top: 12px !important
    }

    .md\:ml-12 {
        margin-left: 12px !important
    }

    .md\:mr-12 {
        margin-right: 12px !important
    }
}

.mb-13 {
    margin-bottom: 13px !important
}

.mt-13 {
    margin-top: 13px !important
}

.ml-13 {
    margin-left: 13px !important
}

.mr-13 {
    margin-right: 13px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-13 {
        margin-bottom: 13px !important
    }

    .sm\:mt-13 {
        margin-top: 13px !important
    }

    .sm\:ml-13 {
        margin-left: 13px !important
    }

    .sm\:mr-13 {
        margin-right: 13px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-13 {
        margin-bottom: 13px !important
    }

    .md\:mt-13 {
        margin-top: 13px !important
    }

    .md\:ml-13 {
        margin-left: 13px !important
    }

    .md\:mr-13 {
        margin-right: 13px !important
    }
}

.mb-14 {
    margin-bottom: 14px !important
}

.mt-14 {
    margin-top: 14px !important
}

.ml-14 {
    margin-left: 14px !important
}

.mr-14 {
    margin-right: 14px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-14 {
        margin-bottom: 14px !important
    }

    .sm\:mt-14 {
        margin-top: 14px !important
    }

    .sm\:ml-14 {
        margin-left: 14px !important
    }

    .sm\:mr-14 {
        margin-right: 14px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-14 {
        margin-bottom: 14px !important
    }

    .md\:mt-14 {
        margin-top: 14px !important
    }

    .md\:ml-14 {
        margin-left: 14px !important
    }

    .md\:mr-14 {
        margin-right: 14px !important
    }
}

.mb-15 {
    margin-bottom: 15px !important
}

.mt-15 {
    margin-top: 15px !important
}

.ml-15 {
    margin-left: 15px !important
}

.mr-15 {
    margin-right: 15px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-15 {
        margin-bottom: 15px !important
    }

    .sm\:mt-15 {
        margin-top: 15px !important
    }

    .sm\:ml-15 {
        margin-left: 15px !important
    }

    .sm\:mr-15 {
        margin-right: 15px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-15 {
        margin-bottom: 15px !important
    }

    .md\:mt-15 {
        margin-top: 15px !important
    }

    .md\:ml-15 {
        margin-left: 15px !important
    }

    .md\:mr-15 {
        margin-right: 15px !important
    }
}

.mb-16 {
    margin-bottom: 16px !important
}

.mt-16 {
    margin-top: 16px !important
}

.ml-16 {
    margin-left: 16px !important
}

.mr-16 {
    margin-right: 16px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-16 {
        margin-bottom: 16px !important
    }

    .sm\:mt-16 {
        margin-top: 16px !important
    }

    .sm\:ml-16 {
        margin-left: 16px !important
    }

    .sm\:mr-16 {
        margin-right: 16px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-16 {
        margin-bottom: 16px !important
    }

    .md\:mt-16 {
        margin-top: 16px !important
    }

    .md\:ml-16 {
        margin-left: 16px !important
    }

    .md\:mr-16 {
        margin-right: 16px !important
    }
}

.mb-17 {
    margin-bottom: 17px !important
}

.mt-17 {
    margin-top: 17px !important
}

.ml-17 {
    margin-left: 17px !important
}

.mr-17 {
    margin-right: 17px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-17 {
        margin-bottom: 17px !important
    }

    .sm\:mt-17 {
        margin-top: 17px !important
    }

    .sm\:ml-17 {
        margin-left: 17px !important
    }

    .sm\:mr-17 {
        margin-right: 17px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-17 {
        margin-bottom: 17px !important
    }

    .md\:mt-17 {
        margin-top: 17px !important
    }

    .md\:ml-17 {
        margin-left: 17px !important
    }

    .md\:mr-17 {
        margin-right: 17px !important
    }
}

.mb-18 {
    margin-bottom: 18px !important
}

.mt-18 {
    margin-top: 18px !important
}

.ml-18 {
    margin-left: 18px !important
}

.mr-18 {
    margin-right: 18px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-18 {
        margin-bottom: 18px !important
    }

    .sm\:mt-18 {
        margin-top: 18px !important
    }

    .sm\:ml-18 {
        margin-left: 18px !important
    }

    .sm\:mr-18 {
        margin-right: 18px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-18 {
        margin-bottom: 18px !important
    }

    .md\:mt-18 {
        margin-top: 18px !important
    }

    .md\:ml-18 {
        margin-left: 18px !important
    }

    .md\:mr-18 {
        margin-right: 18px !important
    }
}

.mb-19 {
    margin-bottom: 19px !important
}

.mt-19 {
    margin-top: 19px !important
}

.ml-19 {
    margin-left: 19px !important
}

.mr-19 {
    margin-right: 19px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-19 {
        margin-bottom: 19px !important
    }

    .sm\:mt-19 {
        margin-top: 19px !important
    }

    .sm\:ml-19 {
        margin-left: 19px !important
    }

    .sm\:mr-19 {
        margin-right: 19px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-19 {
        margin-bottom: 19px !important
    }

    .md\:mt-19 {
        margin-top: 19px !important
    }

    .md\:ml-19 {
        margin-left: 19px !important
    }

    .md\:mr-19 {
        margin-right: 19px !important
    }
}

.mb-20 {
    margin-bottom: 20px !important
}

.mt-20 {
    margin-top: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-20 {
        margin-bottom: 20px !important
    }

    .sm\:mt-20 {
        margin-top: 20px !important
    }

    .sm\:ml-20 {
        margin-left: 20px !important
    }

    .sm\:mr-20 {
        margin-right: 20px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-20 {
        margin-bottom: 20px !important
    }

    .md\:mt-20 {
        margin-top: 20px !important
    }

    .md\:ml-20 {
        margin-left: 20px !important
    }

    .md\:mr-20 {
        margin-right: 20px !important
    }
}

.mb-24 {
    margin-bottom: 24px !important
}

.mt-24 {
    margin-top: 24px !important
}

.ml-24 {
    margin-left: 24px !important
}

.mr-24 {
    margin-right: 24px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-24 {
        margin-bottom: 24px !important
    }

    .sm\:mt-24 {
        margin-top: 24px !important
    }

    .sm\:ml-24 {
        margin-left: 24px !important
    }

    .sm\:mr-24 {
        margin-right: 24px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-24 {
        margin-bottom: 24px !important
    }

    .md\:mt-24 {
        margin-top: 24px !important
    }

    .md\:ml-24 {
        margin-left: 24px !important
    }

    .md\:mr-24 {
        margin-right: 24px !important
    }
}

.mb-25 {
    margin-bottom: 25px !important
}

.mt-25 {
    margin-top: 25px !important
}

.ml-25 {
    margin-left: 25px !important
}

.mr-25 {
    margin-right: 25px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-25 {
        margin-bottom: 25px !important
    }

    .sm\:mt-25 {
        margin-top: 25px !important
    }

    .sm\:ml-25 {
        margin-left: 25px !important
    }

    .sm\:mr-25 {
        margin-right: 25px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-25 {
        margin-bottom: 25px !important
    }

    .md\:mt-25 {
        margin-top: 25px !important
    }

    .md\:ml-25 {
        margin-left: 25px !important
    }

    .md\:mr-25 {
        margin-right: 25px !important
    }
}

.mb-28 {
    margin-bottom: 28px !important
}

.mt-28 {
    margin-top: 28px !important
}

.ml-28 {
    margin-left: 28px !important
}

.mr-28 {
    margin-right: 28px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-28 {
        margin-bottom: 28px !important
    }

    .sm\:mt-28 {
        margin-top: 28px !important
    }

    .sm\:ml-28 {
        margin-left: 28px !important
    }

    .sm\:mr-28 {
        margin-right: 28px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-28 {
        margin-bottom: 28px !important
    }

    .md\:mt-28 {
        margin-top: 28px !important
    }

    .md\:ml-28 {
        margin-left: 28px !important
    }

    .md\:mr-28 {
        margin-right: 28px !important
    }
}

.mb-30 {
    margin-bottom: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-30 {
        margin-bottom: 30px !important
    }

    .sm\:mt-30 {
        margin-top: 30px !important
    }

    .sm\:ml-30 {
        margin-left: 30px !important
    }

    .sm\:mr-30 {
        margin-right: 30px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-30 {
        margin-bottom: 30px !important
    }

    .md\:mt-30 {
        margin-top: 30px !important
    }

    .md\:ml-30 {
        margin-left: 30px !important
    }

    .md\:mr-30 {
        margin-right: 30px !important
    }
}

.mb-32 {
    margin-bottom: 32px !important
}

.mt-32 {
    margin-top: 32px !important
}

.ml-32 {
    margin-left: 32px !important
}

.mr-32 {
    margin-right: 32px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-32 {
        margin-bottom: 32px !important
    }

    .sm\:mt-32 {
        margin-top: 32px !important
    }

    .sm\:ml-32 {
        margin-left: 32px !important
    }

    .sm\:mr-32 {
        margin-right: 32px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-32 {
        margin-bottom: 32px !important
    }

    .md\:mt-32 {
        margin-top: 32px !important
    }

    .md\:ml-32 {
        margin-left: 32px !important
    }

    .md\:mr-32 {
        margin-right: 32px !important
    }
}

.mb-35 {
    margin-bottom: 35px !important
}

.mt-35 {
    margin-top: 35px !important
}

.ml-35 {
    margin-left: 35px !important
}

.mr-35 {
    margin-right: 35px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-35 {
        margin-bottom: 35px !important
    }

    .sm\:mt-35 {
        margin-top: 35px !important
    }

    .sm\:ml-35 {
        margin-left: 35px !important
    }

    .sm\:mr-35 {
        margin-right: 35px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-35 {
        margin-bottom: 35px !important
    }

    .md\:mt-35 {
        margin-top: 35px !important
    }

    .md\:ml-35 {
        margin-left: 35px !important
    }

    .md\:mr-35 {
        margin-right: 35px !important
    }
}

.mb-40 {
    margin-bottom: 40px !important
}

.mt-40 {
    margin-top: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-40 {
        margin-bottom: 40px !important
    }

    .sm\:mt-40 {
        margin-top: 40px !important
    }

    .sm\:ml-40 {
        margin-left: 40px !important
    }

    .sm\:mr-40 {
        margin-right: 40px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-40 {
        margin-bottom: 40px !important
    }

    .md\:mt-40 {
        margin-top: 40px !important
    }

    .md\:ml-40 {
        margin-left: 40px !important
    }

    .md\:mr-40 {
        margin-right: 40px !important
    }
}

.mb-45 {
    margin-bottom: 45px !important
}

.mt-45 {
    margin-top: 45px !important
}

.ml-45 {
    margin-left: 45px !important
}

.mr-45 {
    margin-right: 45px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-45 {
        margin-bottom: 45px !important
    }

    .sm\:mt-45 {
        margin-top: 45px !important
    }

    .sm\:ml-45 {
        margin-left: 45px !important
    }

    .sm\:mr-45 {
        margin-right: 45px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-45 {
        margin-bottom: 45px !important
    }

    .md\:mt-45 {
        margin-top: 45px !important
    }

    .md\:ml-45 {
        margin-left: 45px !important
    }

    .md\:mr-45 {
        margin-right: 45px !important
    }
}

.mb-48 {
    margin-bottom: 48px !important
}

.mt-48 {
    margin-top: 48px !important
}

.ml-48 {
    margin-left: 48px !important
}

.mr-48 {
    margin-right: 48px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-48 {
        margin-bottom: 48px !important
    }

    .sm\:mt-48 {
        margin-top: 48px !important
    }

    .sm\:ml-48 {
        margin-left: 48px !important
    }

    .sm\:mr-48 {
        margin-right: 48px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-48 {
        margin-bottom: 48px !important
    }

    .md\:mt-48 {
        margin-top: 48px !important
    }

    .md\:ml-48 {
        margin-left: 48px !important
    }

    .md\:mr-48 {
        margin-right: 48px !important
    }
}

.mb-50 {
    margin-bottom: 50px !important
}

.mt-50 {
    margin-top: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-50 {
        margin-bottom: 50px !important
    }

    .sm\:mt-50 {
        margin-top: 50px !important
    }

    .sm\:ml-50 {
        margin-left: 50px !important
    }

    .sm\:mr-50 {
        margin-right: 50px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-50 {
        margin-bottom: 50px !important
    }

    .md\:mt-50 {
        margin-top: 50px !important
    }

    .md\:ml-50 {
        margin-left: 50px !important
    }

    .md\:mr-50 {
        margin-right: 50px !important
    }
}

.mb-55 {
    margin-bottom: 55px !important
}

.mt-55 {
    margin-top: 55px !important
}

.ml-55 {
    margin-left: 55px !important
}

.mr-55 {
    margin-right: 55px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-55 {
        margin-bottom: 55px !important
    }

    .sm\:mt-55 {
        margin-top: 55px !important
    }

    .sm\:ml-55 {
        margin-left: 55px !important
    }

    .sm\:mr-55 {
        margin-right: 55px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-55 {
        margin-bottom: 55px !important
    }

    .md\:mt-55 {
        margin-top: 55px !important
    }

    .md\:ml-55 {
        margin-left: 55px !important
    }

    .md\:mr-55 {
        margin-right: 55px !important
    }
}

.mb-60 {
    margin-bottom: 60px !important
}

.mt-60 {
    margin-top: 60px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-60 {
        margin-bottom: 60px !important
    }

    .sm\:mt-60 {
        margin-top: 60px !important
    }

    .sm\:ml-60 {
        margin-left: 60px !important
    }

    .sm\:mr-60 {
        margin-right: 60px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-60 {
        margin-bottom: 60px !important
    }

    .md\:mt-60 {
        margin-top: 60px !important
    }

    .md\:ml-60 {
        margin-left: 60px !important
    }

    .md\:mr-60 {
        margin-right: 60px !important
    }
}

.mb-65 {
    margin-bottom: 65px !important
}

.mt-65 {
    margin-top: 65px !important
}

.ml-65 {
    margin-left: 65px !important
}

.mr-65 {
    margin-right: 65px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-65 {
        margin-bottom: 65px !important
    }

    .sm\:mt-65 {
        margin-top: 65px !important
    }

    .sm\:ml-65 {
        margin-left: 65px !important
    }

    .sm\:mr-65 {
        margin-right: 65px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-65 {
        margin-bottom: 65px !important
    }

    .md\:mt-65 {
        margin-top: 65px !important
    }

    .md\:ml-65 {
        margin-left: 65px !important
    }

    .md\:mr-65 {
        margin-right: 65px !important
    }
}

.mb-70 {
    margin-bottom: 70px !important
}

.mt-70 {
    margin-top: 70px !important
}

.ml-70 {
    margin-left: 70px !important
}

.mr-70 {
    margin-right: 70px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-70 {
        margin-bottom: 70px !important
    }

    .sm\:mt-70 {
        margin-top: 70px !important
    }

    .sm\:ml-70 {
        margin-left: 70px !important
    }

    .sm\:mr-70 {
        margin-right: 70px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-70 {
        margin-bottom: 70px !important
    }

    .md\:mt-70 {
        margin-top: 70px !important
    }

    .md\:ml-70 {
        margin-left: 70px !important
    }

    .md\:mr-70 {
        margin-right: 70px !important
    }
}

.mb-75 {
    margin-bottom: 75px !important
}

.mt-75 {
    margin-top: 75px !important
}

.ml-75 {
    margin-left: 75px !important
}

.mr-75 {
    margin-right: 75px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-75 {
        margin-bottom: 75px !important
    }

    .sm\:mt-75 {
        margin-top: 75px !important
    }

    .sm\:ml-75 {
        margin-left: 75px !important
    }

    .sm\:mr-75 {
        margin-right: 75px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-75 {
        margin-bottom: 75px !important
    }

    .md\:mt-75 {
        margin-top: 75px !important
    }

    .md\:ml-75 {
        margin-left: 75px !important
    }

    .md\:mr-75 {
        margin-right: 75px !important
    }
}

.mb-80 {
    margin-bottom: 80px !important
}

.mt-80 {
    margin-top: 80px !important
}

.ml-80 {
    margin-left: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-80 {
        margin-bottom: 80px !important
    }

    .sm\:mt-80 {
        margin-top: 80px !important
    }

    .sm\:ml-80 {
        margin-left: 80px !important
    }

    .sm\:mr-80 {
        margin-right: 80px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-80 {
        margin-bottom: 80px !important
    }

    .md\:mt-80 {
        margin-top: 80px !important
    }

    .md\:ml-80 {
        margin-left: 80px !important
    }

    .md\:mr-80 {
        margin-right: 80px !important
    }
}

.mb-85 {
    margin-bottom: 85px !important
}

.mt-85 {
    margin-top: 85px !important
}

.ml-85 {
    margin-left: 85px !important
}

.mr-85 {
    margin-right: 85px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-85 {
        margin-bottom: 85px !important
    }

    .sm\:mt-85 {
        margin-top: 85px !important
    }

    .sm\:ml-85 {
        margin-left: 85px !important
    }

    .sm\:mr-85 {
        margin-right: 85px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-85 {
        margin-bottom: 85px !important
    }

    .md\:mt-85 {
        margin-top: 85px !important
    }

    .md\:ml-85 {
        margin-left: 85px !important
    }

    .md\:mr-85 {
        margin-right: 85px !important
    }
}

.mb-90 {
    margin-bottom: 90px !important
}

.mt-90 {
    margin-top: 90px !important
}

.ml-90 {
    margin-left: 90px !important
}

.mr-90 {
    margin-right: 90px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-90 {
        margin-bottom: 90px !important
    }

    .sm\:mt-90 {
        margin-top: 90px !important
    }

    .sm\:ml-90 {
        margin-left: 90px !important
    }

    .sm\:mr-90 {
        margin-right: 90px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-90 {
        margin-bottom: 90px !important
    }

    .md\:mt-90 {
        margin-top: 90px !important
    }

    .md\:ml-90 {
        margin-left: 90px !important
    }

    .md\:mr-90 {
        margin-right: 90px !important
    }
}

.mb-95 {
    margin-bottom: 95px !important
}

.mt-95 {
    margin-top: 95px !important
}

.ml-95 {
    margin-left: 95px !important
}

.mr-95 {
    margin-right: 95px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-95 {
        margin-bottom: 95px !important
    }

    .sm\:mt-95 {
        margin-top: 95px !important
    }

    .sm\:ml-95 {
        margin-left: 95px !important
    }

    .sm\:mr-95 {
        margin-right: 95px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-95 {
        margin-bottom: 95px !important
    }

    .md\:mt-95 {
        margin-top: 95px !important
    }

    .md\:ml-95 {
        margin-left: 95px !important
    }

    .md\:mr-95 {
        margin-right: 95px !important
    }
}

.mb-100 {
    margin-bottom: 100px !important
}

.mt-100 {
    margin-top: 100px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

@media only screen and (max-width: 960px) {
    .sm\:mb-100 {
        margin-bottom: 100px !important
    }

    .sm\:mt-100 {
        margin-top: 100px !important
    }

    .sm\:ml-100 {
        margin-left: 100px !important
    }

    .sm\:mr-100 {
        margin-right: 100px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:mb-100 {
        margin-bottom: 100px !important
    }

    .md\:mt-100 {
        margin-top: 100px !important
    }

    .md\:ml-100 {
        margin-left: 100px !important
    }

    .md\:mr-100 {
        margin-right: 100px !important
    }
}

.px-0 {
    padding: 0 !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pr-0 {
    padding-right: 0px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-0 {
        padding-bottom: 0px !important
    }

    .sm\:pt-0 {
        padding-top: 0px !important
    }

    .sm\:pl-0 {
        padding-left: 0px !important
    }

    .sm\:pr-0 {
        padding-right: 0px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-0 {
        padding-bottom: 0px !important
    }

    .md\:pt-0 {
        padding-top: 0px !important
    }

    .md\:pl-0 {
        padding-left: 0px !important
    }

    .md\:pr-0 {
        padding-right: 0px !important
    }
}

.pb-1 {
    padding-bottom: 1px !important
}

.pt-1 {
    padding-top: 1px !important
}

.pl-1 {
    padding-left: 1px !important
}

.pr-1 {
    padding-right: 1px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-1 {
        padding-bottom: 1px !important
    }

    .sm\:pt-1 {
        padding-top: 1px !important
    }

    .sm\:pl-1 {
        padding-left: 1px !important
    }

    .sm\:pr-1 {
        padding-right: 1px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-1 {
        padding-bottom: 1px !important
    }

    .md\:pt-1 {
        padding-top: 1px !important
    }

    .md\:pl-1 {
        padding-left: 1px !important
    }

    .md\:pr-1 {
        padding-right: 1px !important
    }
}

.pb-2 {
    padding-bottom: 2px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pr-2 {
    padding-right: 2px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-2 {
        padding-bottom: 2px !important
    }

    .sm\:pt-2 {
        padding-top: 2px !important
    }

    .sm\:pl-2 {
        padding-left: 2px !important
    }

    .sm\:pr-2 {
        padding-right: 2px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-2 {
        padding-bottom: 2px !important
    }

    .md\:pt-2 {
        padding-top: 2px !important
    }

    .md\:pl-2 {
        padding-left: 2px !important
    }

    .md\:pr-2 {
        padding-right: 2px !important
    }
}

.pb-3 {
    padding-bottom: 3px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pr-3 {
    padding-right: 3px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-3 {
        padding-bottom: 3px !important
    }

    .sm\:pt-3 {
        padding-top: 3px !important
    }

    .sm\:pl-3 {
        padding-left: 3px !important
    }

    .sm\:pr-3 {
        padding-right: 3px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-3 {
        padding-bottom: 3px !important
    }

    .md\:pt-3 {
        padding-top: 3px !important
    }

    .md\:pl-3 {
        padding-left: 3px !important
    }

    .md\:pr-3 {
        padding-right: 3px !important
    }
}

.pb-4 {
    padding-bottom: 4px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pr-4 {
    padding-right: 4px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-4 {
        padding-bottom: 4px !important
    }

    .sm\:pt-4 {
        padding-top: 4px !important
    }

    .sm\:pl-4 {
        padding-left: 4px !important
    }

    .sm\:pr-4 {
        padding-right: 4px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-4 {
        padding-bottom: 4px !important
    }

    .md\:pt-4 {
        padding-top: 4px !important
    }

    .md\:pl-4 {
        padding-left: 4px !important
    }

    .md\:pr-4 {
        padding-right: 4px !important
    }
}

.pb-5 {
    padding-bottom: 5px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pr-5 {
    padding-right: 5px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-5 {
        padding-bottom: 5px !important
    }

    .sm\:pt-5 {
        padding-top: 5px !important
    }

    .sm\:pl-5 {
        padding-left: 5px !important
    }

    .sm\:pr-5 {
        padding-right: 5px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-5 {
        padding-bottom: 5px !important
    }

    .md\:pt-5 {
        padding-top: 5px !important
    }

    .md\:pl-5 {
        padding-left: 5px !important
    }

    .md\:pr-5 {
        padding-right: 5px !important
    }
}

.pb-6 {
    padding-bottom: 6px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pr-6 {
    padding-right: 6px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-6 {
        padding-bottom: 6px !important
    }

    .sm\:pt-6 {
        padding-top: 6px !important
    }

    .sm\:pl-6 {
        padding-left: 6px !important
    }

    .sm\:pr-6 {
        padding-right: 6px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-6 {
        padding-bottom: 6px !important
    }

    .md\:pt-6 {
        padding-top: 6px !important
    }

    .md\:pl-6 {
        padding-left: 6px !important
    }

    .md\:pr-6 {
        padding-right: 6px !important
    }
}

.pb-7 {
    padding-bottom: 7px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pr-7 {
    padding-right: 7px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-7 {
        padding-bottom: 7px !important
    }

    .sm\:pt-7 {
        padding-top: 7px !important
    }

    .sm\:pl-7 {
        padding-left: 7px !important
    }

    .sm\:pr-7 {
        padding-right: 7px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-7 {
        padding-bottom: 7px !important
    }

    .md\:pt-7 {
        padding-top: 7px !important
    }

    .md\:pl-7 {
        padding-left: 7px !important
    }

    .md\:pr-7 {
        padding-right: 7px !important
    }
}

.pb-8 {
    padding-bottom: 8px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pr-8 {
    padding-right: 8px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-8 {
        padding-bottom: 8px !important
    }

    .sm\:pt-8 {
        padding-top: 8px !important
    }

    .sm\:pl-8 {
        padding-left: 8px !important
    }

    .sm\:pr-8 {
        padding-right: 8px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-8 {
        padding-bottom: 8px !important
    }

    .md\:pt-8 {
        padding-top: 8px !important
    }

    .md\:pl-8 {
        padding-left: 8px !important
    }

    .md\:pr-8 {
        padding-right: 8px !important
    }
}

.pb-9 {
    padding-bottom: 9px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pl-9 {
    padding-left: 9px !important
}

.pr-9 {
    padding-right: 9px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-9 {
        padding-bottom: 9px !important
    }

    .sm\:pt-9 {
        padding-top: 9px !important
    }

    .sm\:pl-9 {
        padding-left: 9px !important
    }

    .sm\:pr-9 {
        padding-right: 9px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-9 {
        padding-bottom: 9px !important
    }

    .md\:pt-9 {
        padding-top: 9px !important
    }

    .md\:pl-9 {
        padding-left: 9px !important
    }

    .md\:pr-9 {
        padding-right: 9px !important
    }
}

.pb-10 {
    padding-bottom: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-10 {
        padding-bottom: 10px !important
    }

    .sm\:pt-10 {
        padding-top: 10px !important
    }

    .sm\:pl-10 {
        padding-left: 10px !important
    }

    .sm\:pr-10 {
        padding-right: 10px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-10 {
        padding-bottom: 10px !important
    }

    .md\:pt-10 {
        padding-top: 10px !important
    }

    .md\:pl-10 {
        padding-left: 10px !important
    }

    .md\:pr-10 {
        padding-right: 10px !important
    }
}

.pb-11 {
    padding-bottom: 11px !important
}

.pt-11 {
    padding-top: 11px !important
}

.pl-11 {
    padding-left: 11px !important
}

.pr-11 {
    padding-right: 11px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-11 {
        padding-bottom: 11px !important
    }

    .sm\:pt-11 {
        padding-top: 11px !important
    }

    .sm\:pl-11 {
        padding-left: 11px !important
    }

    .sm\:pr-11 {
        padding-right: 11px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-11 {
        padding-bottom: 11px !important
    }

    .md\:pt-11 {
        padding-top: 11px !important
    }

    .md\:pl-11 {
        padding-left: 11px !important
    }

    .md\:pr-11 {
        padding-right: 11px !important
    }
}

.pb-12 {
    padding-bottom: 12px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pr-12 {
    padding-right: 12px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-12 {
        padding-bottom: 12px !important
    }

    .sm\:pt-12 {
        padding-top: 12px !important
    }

    .sm\:pl-12 {
        padding-left: 12px !important
    }

    .sm\:pr-12 {
        padding-right: 12px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-12 {
        padding-bottom: 12px !important
    }

    .md\:pt-12 {
        padding-top: 12px !important
    }

    .md\:pl-12 {
        padding-left: 12px !important
    }

    .md\:pr-12 {
        padding-right: 12px !important
    }
}

.pb-13 {
    padding-bottom: 13px !important
}

.pt-13 {
    padding-top: 13px !important
}

.pl-13 {
    padding-left: 13px !important
}

.pr-13 {
    padding-right: 13px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-13 {
        padding-bottom: 13px !important
    }

    .sm\:pt-13 {
        padding-top: 13px !important
    }

    .sm\:pl-13 {
        padding-left: 13px !important
    }

    .sm\:pr-13 {
        padding-right: 13px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-13 {
        padding-bottom: 13px !important
    }

    .md\:pt-13 {
        padding-top: 13px !important
    }

    .md\:pl-13 {
        padding-left: 13px !important
    }

    .md\:pr-13 {
        padding-right: 13px !important
    }
}

.pb-14 {
    padding-bottom: 14px !important
}

.pt-14 {
    padding-top: 14px !important
}

.pl-14 {
    padding-left: 14px !important
}

.pr-14 {
    padding-right: 14px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-14 {
        padding-bottom: 14px !important
    }

    .sm\:pt-14 {
        padding-top: 14px !important
    }

    .sm\:pl-14 {
        padding-left: 14px !important
    }

    .sm\:pr-14 {
        padding-right: 14px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-14 {
        padding-bottom: 14px !important
    }

    .md\:pt-14 {
        padding-top: 14px !important
    }

    .md\:pl-14 {
        padding-left: 14px !important
    }

    .md\:pr-14 {
        padding-right: 14px !important
    }
}

.pb-15 {
    padding-bottom: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pr-15 {
    padding-right: 15px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-15 {
        padding-bottom: 15px !important
    }

    .sm\:pt-15 {
        padding-top: 15px !important
    }

    .sm\:pl-15 {
        padding-left: 15px !important
    }

    .sm\:pr-15 {
        padding-right: 15px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-15 {
        padding-bottom: 15px !important
    }

    .md\:pt-15 {
        padding-top: 15px !important
    }

    .md\:pl-15 {
        padding-left: 15px !important
    }

    .md\:pr-15 {
        padding-right: 15px !important
    }
}

.pb-16 {
    padding-bottom: 16px !important
}

.pt-16 {
    padding-top: 16px !important
}

.pl-16 {
    padding-left: 16px !important
}

.pr-16 {
    padding-right: 16px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-16 {
        padding-bottom: 16px !important
    }

    .sm\:pt-16 {
        padding-top: 16px !important
    }

    .sm\:pl-16 {
        padding-left: 16px !important
    }

    .sm\:pr-16 {
        padding-right: 16px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-16 {
        padding-bottom: 16px !important
    }

    .md\:pt-16 {
        padding-top: 16px !important
    }

    .md\:pl-16 {
        padding-left: 16px !important
    }

    .md\:pr-16 {
        padding-right: 16px !important
    }
}

.pb-17 {
    padding-bottom: 17px !important
}

.pt-17 {
    padding-top: 17px !important
}

.pl-17 {
    padding-left: 17px !important
}

.pr-17 {
    padding-right: 17px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-17 {
        padding-bottom: 17px !important
    }

    .sm\:pt-17 {
        padding-top: 17px !important
    }

    .sm\:pl-17 {
        padding-left: 17px !important
    }

    .sm\:pr-17 {
        padding-right: 17px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-17 {
        padding-bottom: 17px !important
    }

    .md\:pt-17 {
        padding-top: 17px !important
    }

    .md\:pl-17 {
        padding-left: 17px !important
    }

    .md\:pr-17 {
        padding-right: 17px !important
    }
}

.pb-18 {
    padding-bottom: 18px !important
}

.pt-18 {
    padding-top: 18px !important
}

.pl-18 {
    padding-left: 18px !important
}

.pr-18 {
    padding-right: 18px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-18 {
        padding-bottom: 18px !important
    }

    .sm\:pt-18 {
        padding-top: 18px !important
    }

    .sm\:pl-18 {
        padding-left: 18px !important
    }

    .sm\:pr-18 {
        padding-right: 18px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-18 {
        padding-bottom: 18px !important
    }

    .md\:pt-18 {
        padding-top: 18px !important
    }

    .md\:pl-18 {
        padding-left: 18px !important
    }

    .md\:pr-18 {
        padding-right: 18px !important
    }
}

.pb-19 {
    padding-bottom: 19px !important
}

.pt-19 {
    padding-top: 19px !important
}

.pl-19 {
    padding-left: 19px !important
}

.pr-19 {
    padding-right: 19px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-19 {
        padding-bottom: 19px !important
    }

    .sm\:pt-19 {
        padding-top: 19px !important
    }

    .sm\:pl-19 {
        padding-left: 19px !important
    }

    .sm\:pr-19 {
        padding-right: 19px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-19 {
        padding-bottom: 19px !important
    }

    .md\:pt-19 {
        padding-top: 19px !important
    }

    .md\:pl-19 {
        padding-left: 19px !important
    }

    .md\:pr-19 {
        padding-right: 19px !important
    }
}

.pb-20 {
    padding-bottom: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-20 {
        padding-bottom: 20px !important
    }

    .sm\:pt-20 {
        padding-top: 20px !important
    }

    .sm\:pl-20 {
        padding-left: 20px !important
    }

    .sm\:pr-20 {
        padding-right: 20px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-20 {
        padding-bottom: 20px !important
    }

    .md\:pt-20 {
        padding-top: 20px !important
    }

    .md\:pl-20 {
        padding-left: 20px !important
    }

    .md\:pr-20 {
        padding-right: 20px !important
    }
}

.pb-24 {
    padding-bottom: 24px !important
}

.pt-24 {
    padding-top: 24px !important
}

.pl-24 {
    padding-left: 24px !important
}

.pr-24 {
    padding-right: 24px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-24 {
        padding-bottom: 24px !important
    }

    .sm\:pt-24 {
        padding-top: 24px !important
    }

    .sm\:pl-24 {
        padding-left: 24px !important
    }

    .sm\:pr-24 {
        padding-right: 24px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-24 {
        padding-bottom: 24px !important
    }

    .md\:pt-24 {
        padding-top: 24px !important
    }

    .md\:pl-24 {
        padding-left: 24px !important
    }

    .md\:pr-24 {
        padding-right: 24px !important
    }
}

.pb-25 {
    padding-bottom: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-25 {
        padding-bottom: 25px !important
    }

    .sm\:pt-25 {
        padding-top: 25px !important
    }

    .sm\:pl-25 {
        padding-left: 25px !important
    }

    .sm\:pr-25 {
        padding-right: 25px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-25 {
        padding-bottom: 25px !important
    }

    .md\:pt-25 {
        padding-top: 25px !important
    }

    .md\:pl-25 {
        padding-left: 25px !important
    }

    .md\:pr-25 {
        padding-right: 25px !important
    }
}

.pb-28 {
    padding-bottom: 28px !important
}

.pt-28 {
    padding-top: 28px !important
}

.pl-28 {
    padding-left: 28px !important
}

.pr-28 {
    padding-right: 28px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-28 {
        padding-bottom: 28px !important
    }

    .sm\:pt-28 {
        padding-top: 28px !important
    }

    .sm\:pl-28 {
        padding-left: 28px !important
    }

    .sm\:pr-28 {
        padding-right: 28px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-28 {
        padding-bottom: 28px !important
    }

    .md\:pt-28 {
        padding-top: 28px !important
    }

    .md\:pl-28 {
        padding-left: 28px !important
    }

    .md\:pr-28 {
        padding-right: 28px !important
    }
}

.pb-30 {
    padding-bottom: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-30 {
        padding-bottom: 30px !important
    }

    .sm\:pt-30 {
        padding-top: 30px !important
    }

    .sm\:pl-30 {
        padding-left: 30px !important
    }

    .sm\:pr-30 {
        padding-right: 30px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-30 {
        padding-bottom: 30px !important
    }

    .md\:pt-30 {
        padding-top: 30px !important
    }

    .md\:pl-30 {
        padding-left: 30px !important
    }

    .md\:pr-30 {
        padding-right: 30px !important
    }
}

.pb-32 {
    padding-bottom: 32px !important
}

.pt-32 {
    padding-top: 32px !important
}

.pl-32 {
    padding-left: 32px !important
}

.pr-32 {
    padding-right: 32px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-32 {
        padding-bottom: 32px !important
    }

    .sm\:pt-32 {
        padding-top: 32px !important
    }

    .sm\:pl-32 {
        padding-left: 32px !important
    }

    .sm\:pr-32 {
        padding-right: 32px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-32 {
        padding-bottom: 32px !important
    }

    .md\:pt-32 {
        padding-top: 32px !important
    }

    .md\:pl-32 {
        padding-left: 32px !important
    }

    .md\:pr-32 {
        padding-right: 32px !important
    }
}

.pb-35 {
    padding-bottom: 35px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pr-35 {
    padding-right: 35px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-35 {
        padding-bottom: 35px !important
    }

    .sm\:pt-35 {
        padding-top: 35px !important
    }

    .sm\:pl-35 {
        padding-left: 35px !important
    }

    .sm\:pr-35 {
        padding-right: 35px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-35 {
        padding-bottom: 35px !important
    }

    .md\:pt-35 {
        padding-top: 35px !important
    }

    .md\:pl-35 {
        padding-left: 35px !important
    }

    .md\:pr-35 {
        padding-right: 35px !important
    }
}

.pb-40 {
    padding-bottom: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-40 {
        padding-bottom: 40px !important
    }

    .sm\:pt-40 {
        padding-top: 40px !important
    }

    .sm\:pl-40 {
        padding-left: 40px !important
    }

    .sm\:pr-40 {
        padding-right: 40px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-40 {
        padding-bottom: 40px !important
    }

    .md\:pt-40 {
        padding-top: 40px !important
    }

    .md\:pl-40 {
        padding-left: 40px !important
    }

    .md\:pr-40 {
        padding-right: 40px !important
    }
}

.pb-45 {
    padding-bottom: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pl-45 {
    padding-left: 45px !important
}

.pr-45 {
    padding-right: 45px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-45 {
        padding-bottom: 45px !important
    }

    .sm\:pt-45 {
        padding-top: 45px !important
    }

    .sm\:pl-45 {
        padding-left: 45px !important
    }

    .sm\:pr-45 {
        padding-right: 45px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-45 {
        padding-bottom: 45px !important
    }

    .md\:pt-45 {
        padding-top: 45px !important
    }

    .md\:pl-45 {
        padding-left: 45px !important
    }

    .md\:pr-45 {
        padding-right: 45px !important
    }
}

.pb-48 {
    padding-bottom: 48px !important
}

.pt-48 {
    padding-top: 48px !important
}

.pl-48 {
    padding-left: 48px !important
}

.pr-48 {
    padding-right: 48px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-48 {
        padding-bottom: 48px !important
    }

    .sm\:pt-48 {
        padding-top: 48px !important
    }

    .sm\:pl-48 {
        padding-left: 48px !important
    }

    .sm\:pr-48 {
        padding-right: 48px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-48 {
        padding-bottom: 48px !important
    }

    .md\:pt-48 {
        padding-top: 48px !important
    }

    .md\:pl-48 {
        padding-left: 48px !important
    }

    .md\:pr-48 {
        padding-right: 48px !important
    }
}

.pb-50 {
    padding-bottom: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-50 {
        padding-bottom: 50px !important
    }

    .sm\:pt-50 {
        padding-top: 50px !important
    }

    .sm\:pl-50 {
        padding-left: 50px !important
    }

    .sm\:pr-50 {
        padding-right: 50px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-50 {
        padding-bottom: 50px !important
    }

    .md\:pt-50 {
        padding-top: 50px !important
    }

    .md\:pl-50 {
        padding-left: 50px !important
    }

    .md\:pr-50 {
        padding-right: 50px !important
    }
}

.pb-55 {
    padding-bottom: 55px !important
}

.pt-55 {
    padding-top: 55px !important
}

.pl-55 {
    padding-left: 55px !important
}

.pr-55 {
    padding-right: 55px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-55 {
        padding-bottom: 55px !important
    }

    .sm\:pt-55 {
        padding-top: 55px !important
    }

    .sm\:pl-55 {
        padding-left: 55px !important
    }

    .sm\:pr-55 {
        padding-right: 55px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-55 {
        padding-bottom: 55px !important
    }

    .md\:pt-55 {
        padding-top: 55px !important
    }

    .md\:pl-55 {
        padding-left: 55px !important
    }

    .md\:pr-55 {
        padding-right: 55px !important
    }
}

.pb-60 {
    padding-bottom: 60px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-60 {
        padding-bottom: 60px !important
    }

    .sm\:pt-60 {
        padding-top: 60px !important
    }

    .sm\:pl-60 {
        padding-left: 60px !important
    }

    .sm\:pr-60 {
        padding-right: 60px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-60 {
        padding-bottom: 60px !important
    }

    .md\:pt-60 {
        padding-top: 60px !important
    }

    .md\:pl-60 {
        padding-left: 60px !important
    }

    .md\:pr-60 {
        padding-right: 60px !important
    }
}

.pb-65 {
    padding-bottom: 65px !important
}

.pt-65 {
    padding-top: 65px !important
}

.pl-65 {
    padding-left: 65px !important
}

.pr-65 {
    padding-right: 65px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-65 {
        padding-bottom: 65px !important
    }

    .sm\:pt-65 {
        padding-top: 65px !important
    }

    .sm\:pl-65 {
        padding-left: 65px !important
    }

    .sm\:pr-65 {
        padding-right: 65px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-65 {
        padding-bottom: 65px !important
    }

    .md\:pt-65 {
        padding-top: 65px !important
    }

    .md\:pl-65 {
        padding-left: 65px !important
    }

    .md\:pr-65 {
        padding-right: 65px !important
    }
}

.pb-70 {
    padding-bottom: 70px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-70 {
        padding-bottom: 70px !important
    }

    .sm\:pt-70 {
        padding-top: 70px !important
    }

    .sm\:pl-70 {
        padding-left: 70px !important
    }

    .sm\:pr-70 {
        padding-right: 70px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-70 {
        padding-bottom: 70px !important
    }

    .md\:pt-70 {
        padding-top: 70px !important
    }

    .md\:pl-70 {
        padding-left: 70px !important
    }

    .md\:pr-70 {
        padding-right: 70px !important
    }
}

.pb-75 {
    padding-bottom: 75px !important
}

.pt-75 {
    padding-top: 75px !important
}

.pl-75 {
    padding-left: 75px !important
}

.pr-75 {
    padding-right: 75px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-75 {
        padding-bottom: 75px !important
    }

    .sm\:pt-75 {
        padding-top: 75px !important
    }

    .sm\:pl-75 {
        padding-left: 75px !important
    }

    .sm\:pr-75 {
        padding-right: 75px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-75 {
        padding-bottom: 75px !important
    }

    .md\:pt-75 {
        padding-top: 75px !important
    }

    .md\:pl-75 {
        padding-left: 75px !important
    }

    .md\:pr-75 {
        padding-right: 75px !important
    }
}

.pb-80 {
    padding-bottom: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-80 {
        padding-bottom: 80px !important
    }

    .sm\:pt-80 {
        padding-top: 80px !important
    }

    .sm\:pl-80 {
        padding-left: 80px !important
    }

    .sm\:pr-80 {
        padding-right: 80px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-80 {
        padding-bottom: 80px !important
    }

    .md\:pt-80 {
        padding-top: 80px !important
    }

    .md\:pl-80 {
        padding-left: 80px !important
    }

    .md\:pr-80 {
        padding-right: 80px !important
    }
}

.pb-85 {
    padding-bottom: 85px !important
}

.pt-85 {
    padding-top: 85px !important
}

.pl-85 {
    padding-left: 85px !important
}

.pr-85 {
    padding-right: 85px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-85 {
        padding-bottom: 85px !important
    }

    .sm\:pt-85 {
        padding-top: 85px !important
    }

    .sm\:pl-85 {
        padding-left: 85px !important
    }

    .sm\:pr-85 {
        padding-right: 85px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-85 {
        padding-bottom: 85px !important
    }

    .md\:pt-85 {
        padding-top: 85px !important
    }

    .md\:pl-85 {
        padding-left: 85px !important
    }

    .md\:pr-85 {
        padding-right: 85px !important
    }
}

.pb-90 {
    padding-bottom: 90px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pr-90 {
    padding-right: 90px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-90 {
        padding-bottom: 90px !important
    }

    .sm\:pt-90 {
        padding-top: 90px !important
    }

    .sm\:pl-90 {
        padding-left: 90px !important
    }

    .sm\:pr-90 {
        padding-right: 90px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-90 {
        padding-bottom: 90px !important
    }

    .md\:pt-90 {
        padding-top: 90px !important
    }

    .md\:pl-90 {
        padding-left: 90px !important
    }

    .md\:pr-90 {
        padding-right: 90px !important
    }
}

.pb-95 {
    padding-bottom: 95px !important
}

.pt-95 {
    padding-top: 95px !important
}

.pl-95 {
    padding-left: 95px !important
}

.pr-95 {
    padding-right: 95px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-95 {
        padding-bottom: 95px !important
    }

    .sm\:pt-95 {
        padding-top: 95px !important
    }

    .sm\:pl-95 {
        padding-left: 95px !important
    }

    .sm\:pr-95 {
        padding-right: 95px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-95 {
        padding-bottom: 95px !important
    }

    .md\:pt-95 {
        padding-top: 95px !important
    }

    .md\:pl-95 {
        padding-left: 95px !important
    }

    .md\:pr-95 {
        padding-right: 95px !important
    }
}

.pb-100 {
    padding-bottom: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

@media only screen and (max-width: 960px) {
    .sm\:pb-100 {
        padding-bottom: 100px !important
    }

    .sm\:pt-100 {
        padding-top: 100px !important
    }

    .sm\:pl-100 {
        padding-left: 100px !important
    }

    .sm\:pr-100 {
        padding-right: 100px !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:pb-100 {
        padding-bottom: 100px !important
    }

    .md\:pt-100 {
        padding-top: 100px !important
    }

    .md\:pl-100 {
        padding-left: 100px !important
    }

    .md\:pr-100 {
        padding-right: 100px !important
    }
}

.w-0 {
    width: 0% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-0 {
        width: 0% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-0 {
        width: 0% !important
    }
}

.w-5 {
    width: 5% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-5 {
        width: 5% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-5 {
        width: 5% !important
    }
}

.w-10 {
    width: 10% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-10 {
        width: 10% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-10 {
        width: 10% !important
    }
}

.w-15 {
    width: 15% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-15 {
        width: 15% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-15 {
        width: 15% !important
    }
}

.w-20 {
    width: 20% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-20 {
        width: 20% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-20 {
        width: 20% !important
    }
}

.w-25 {
    width: 25% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-25 {
        width: 25% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-25 {
        width: 25% !important
    }
}

.w-30 {
    width: 30% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-30 {
        width: 30% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-30 {
        width: 30% !important
    }
}

.w-35 {
    width: 35% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-35 {
        width: 35% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-35 {
        width: 35% !important
    }
}

.w-40 {
    width: 40% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-40 {
        width: 40% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-40 {
        width: 40% !important
    }
}

.w-45 {
    width: 45% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-45 {
        width: 45% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-45 {
        width: 45% !important
    }
}

.w-50 {
    width: 50% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-50 {
        width: 50% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-50 {
        width: 50% !important
    }
}

.w-55 {
    width: 55% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-55 {
        width: 55% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-55 {
        width: 55% !important
    }
}

.w-60 {
    width: 60% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-60 {
        width: 60% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-60 {
        width: 60% !important
    }
}

.w-65 {
    width: 65% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-65 {
        width: 65% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-65 {
        width: 65% !important
    }
}

.w-70 {
    width: 70% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-70 {
        width: 70% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-70 {
        width: 70% !important
    }
}

.w-75 {
    width: 75% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-75 {
        width: 75% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-75 {
        width: 75% !important
    }
}

.w-80 {
    width: 80% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-80 {
        width: 80% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-80 {
        width: 80% !important
    }
}

.w-85 {
    width: 85% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-85 {
        width: 85% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-85 {
        width: 85% !important
    }
}

.w-90 {
    width: 90% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-90 {
        width: 90% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-90 {
        width: 90% !important
    }
}

.w-95 {
    width: 95% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-95 {
        width: 95% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-95 {
        width: 95% !important
    }
}

.w-100 {
    width: 100% !important
}

@media only screen and (max-width: 960px) {
    .sm\:w-100 {
        width: 100% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:w-100 {
        width: 100% !important
    }
}

.maw-0 {
    max-width: 0% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-0 {
        max-width: 0% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-0 {
        max-width: 0% !important
    }
}

.maw-5 {
    max-width: 5% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-5 {
        max-width: 5% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-5 {
        max-width: 5% !important
    }
}

.maw-10 {
    max-width: 10% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-10 {
        max-width: 10% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-10 {
        max-width: 10% !important
    }
}

.maw-15 {
    max-width: 15% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-15 {
        max-width: 15% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-15 {
        max-width: 15% !important
    }
}

.maw-20 {
    max-width: 20% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-20 {
        max-width: 20% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-20 {
        max-width: 20% !important
    }
}

.maw-25 {
    max-width: 25% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-25 {
        max-width: 25% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-25 {
        max-width: 25% !important
    }
}

.maw-30 {
    max-width: 30% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-30 {
        max-width: 30% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-30 {
        max-width: 30% !important
    }
}

.maw-35 {
    max-width: 35% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-35 {
        max-width: 35% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-35 {
        max-width: 35% !important
    }
}

.maw-40 {
    max-width: 40% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-40 {
        max-width: 40% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-40 {
        max-width: 40% !important
    }
}

.maw-45 {
    max-width: 45% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-45 {
        max-width: 45% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-45 {
        max-width: 45% !important
    }
}

.maw-50 {
    max-width: 50% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-50 {
        max-width: 50% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-50 {
        max-width: 50% !important
    }
}

.maw-55 {
    max-width: 55% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-55 {
        max-width: 55% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-55 {
        max-width: 55% !important
    }
}

.maw-60 {
    max-width: 60% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-60 {
        max-width: 60% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-60 {
        max-width: 60% !important
    }
}

.maw-65 {
    max-width: 65% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-65 {
        max-width: 65% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-65 {
        max-width: 65% !important
    }
}

.maw-70 {
    max-width: 70% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-70 {
        max-width: 70% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-70 {
        max-width: 70% !important
    }
}

.maw-75 {
    max-width: 75% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-75 {
        max-width: 75% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-75 {
        max-width: 75% !important
    }
}

.maw-80 {
    max-width: 80% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-80 {
        max-width: 80% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-80 {
        max-width: 80% !important
    }
}

.maw-85 {
    max-width: 85% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-85 {
        max-width: 85% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-85 {
        max-width: 85% !important
    }
}

.maw-90 {
    max-width: 90% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-90 {
        max-width: 90% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-90 {
        max-width: 90% !important
    }
}

.maw-95 {
    max-width: 95% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-95 {
        max-width: 95% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-95 {
        max-width: 95% !important
    }
}

.maw-100 {
    max-width: 100% !important
}

@media only screen and (max-width: 960px) {
    .sm\:maw-100 {
        max-width: 100% !important
    }
}

@media print,
only screen and (min-width: 961px) {
    .md\:maw-100 {
        max-width: 100% !important
    }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}


/*# sourceMappingURL=app.css.map*/