@charset "UTF-8";

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 0;
    clear: both;
    overflow: visible;
    border-top-width: 1px;
    color: inherit
}

pre {
    font-size: inherit;
    font-family: monospace, monospace
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg,
img,
embed,
object,
iframe {
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-transform: inherit;
    vertical-align: middle
}

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
    cursor: default
}

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=search] {
    outline-offset: -2px
}

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

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

[type=number] {
    -moz-appearance: textfield
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-collapse: collapse
}

caption {
    text-align: left
}

td,
th {
    padding: 0;
    vertical-align: top
}

th {
    font-weight: 700;
    text-align: left
}

:root {
    --color-base: #123458;
    --color-base-rgb: 16, 26, 34;
    --color-bg: #fff;
    --color-bg-rgb: 255, 255, 255;
    --color-primary: #123458;
    --color-primary-rgb: 16, 26, 34;
    --color-secondary: #46505d;
    --color-secondary-rgb: 70, 80, 93;
    --color-danger: #ea1515;
    --color-danger-rgb: 234, 21, 21;
    --color-brown: #F1EFEC;
    --color-brown-rgb: 178, 162, 149;
    --color-blue: #245ca6;
    --color-blue-rgb: 36, 92, 166;
    --color-skyblue: #e1eaf2;
    --color-skyblue-rgb: 225, 234, 242;
    --color-gray: #f0f0f2;
    --color-gray-rgb: 240, 240, 242;
    --color-gray-light: #eee;
    --color-gray-light-rgb: 238, 238, 238;
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-input-active: #123458;
    --color-input-active-rgb: 16, 26, 34;
    --color-input-focus: #233543;
    --color-input-focus-rgb: 35, 53, 67;
    --color-submit-bg: #123458;
    --color-submit-bg-rgb: 16, 26, 34;
    --color-submit-bg-hover: #182632;
    --color-submit-bg-hover-rgb: 24, 38, 50;
    --easeInSine: cubic-bezier(.47, 0, .745, .715);
    --easeOutSine: cubic-bezier(.39, .575, .565, 1);
    --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
    --easeInQuad: cubic-bezier(.55, .085, .68, .53);
    --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
    --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
    --easeInCubic: cubic-bezier(.55, .055, .675, .19);
    --easeOutCubic: cubic-bezier(.215, .61, .355, 1);
    --easeInOutCubic: cubic-bezier(.645, .045, .355, 1);
    --easeInQuart: cubic-bezier(.895, .03, .685, .22);
    --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
    --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
    --easeInQuint: cubic-bezier(.755, .05, .855, .06);
    --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
    --easeInOutQuint: cubic-bezier(.86, 0, .07, 1);
    --easeInExpo: cubic-bezier(.95, .05, .795, .035);
    --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
    --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
    --easeInCirc: cubic-bezier(.6, .04, .98, .335);
    --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
    --easeInOutCirc: cubic-bezier(.785, .135, .15, .86);
    --easeInBack: cubic-bezier(.6, -.28, .735, .045);
    --easeOutBack: cubic-bezier(.175, .885, .32, 1.275);
    --easeInOutBack: cubic-bezier(.68, -.55, .265, 1.55);
    --color: var(--color-base);
    --background-color: var(--color-bg);
    --font-family: "Noto Serif JP", "Satoshi", "IBM Plex Sans JP", yakuhanjp,
    -apple-system, blinkmacsystemfont, "Helvetica Neue",
    "Hiragino Mincho ProN", "游明朝", "YuMincho", Georgia, serif;
    --font-bold: 600;
    --font-medium: 500;
    --font-regular: 400;
    --font-normal: 400;
    --icon-font-family: "Material Symbols Outlined";
    --header-height-top: 100px;
    --header-height-lg: 94px;
    --header-height-md: 78px;
    --header-height-sm: 78px;
    --input-height: 45px;
    --color-label: var(--color-base);
    --form-require-color: #eb233a;
    --input-border-color: var(--color-gray-light);
    --input-submit-disabled-bg: #aaa;
    --input-border-radius: 0;
    --link-color: var(--color-primary);
    --link-hover-color: var(--color-secondary);
    --pagination-justify-content: center;
    --pagination-link-hover-color: var(--color-base);
    --pagination-current-color: var(--color-base)
}

[data-accordion] [data-accordion-content] {
    overflow: hidden
}

.blog__header {
    margin-bottom: 60px
}

.blog__header__top {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    gap: 30px
}

.blog__time {
    font-weight: var(--font-medium);
    font-size: .9375rem
}

.blog__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.blog__cat__link {
    display: inline-block;
    z-index: 20;
    padding: 0 4px;
    font-size: .875rem;
    line-height: 1.3;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.blog__cat__link:hover,
.blog__cat__link:focus,
.blog__cat__link:active {
    color: var(--color-base)
}

.blog__title {
    font-weight: var(--font-regular);
    font-size: clamp(24px, 5vw, 30px);
    line-height: 1.5
}

.blog__info {
    padding: 70px 12%;
    background-color: var(--color-gray)
}

.blog__info .dl-row {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.blog__info .dl-row:not(:first-child) {
    margin-top: 14px
}

.blog__info__dt {
    flex: 0 0 100px;
    font-weight: var(--font-regular);
    opacity: .6
}

.blog__info__dd {
    flex: 0 0 calc(100% - 100px)
}

.blog__desc {
    padding: 60px 7%;
    background-color: var(--color-gray);
    line-height: 180%
}

.blog__eyecatch {
    margin: 60px 0
}

.blog__eyecatch img {
    width: 100%;
    height: auto
}

.blog__download {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 60px 0;
    gap: 40px
}

.blog__download__button {
    position: relative;
    flex: 0 0 calc(50% - 20px);
    border-top: 1px solid rgba(var(--color-base-rgb), .2);
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.blog__download__button__link {
    display: block;
    padding: 30px 0;
    font-size: 1.375rem
}

.blog__download__button__link:hover .blog__download__button__arrow--before,
.blog__download__button__link:focus .blog__download__button__arrow--before,
.blog__download__button__link:active .blog__download__button__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.blog__download__button__link:hover .blog__download__button__arrow--after,
.blog__download__button__link:focus .blog__download__button__arrow--after,
.blog__download__button__link:active .blog__download__button__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.blog__download__button__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.blog__download__button__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__download__button__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__tag {
    display: flex;
    flex-wrap: wrap
}

.blog__tag__dt {
    color: var(--color-gray);
    font-weight: 400
}

.blog__tag__dd {
    margin-left: .6rem
}

.blog__tag__link {
    display: inline-block;
    margin: 0 4px;
    border-radius: 3px;
    color: var(--color-primary);
    font-size: .875rem;
    line-height: 1;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__tag__link:before {
    margin-right: 1px;
    content: "#";
    font-size: 1.2em
}

.blog__tag__link:hover,
.blog__tag__link:focus,
.blog__tag__link:active {
    color: var(--color-secondary);
    text-decoration: none
}

.blog__share {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 80px;
    padding: 60px 0;
    border-top: 1px solid var(--color-gray-light);
    border-bottom: 1px solid var(--color-gray-light)
}

.blog__share__title {
    z-index: 2;
    position: relative;
    margin-bottom: 0;
    padding: 0 20px 0 80px;
    font-weight: var(--font-regular);
    font-size: 1.625rem
}

.blog__share__buttons {
    display: flex;
    z-index: 2;
    position: relative;
    align-items: center;
    padding: 0 80px 0 20px
}

.blog__share__button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 6px;
    padding: 0;
    line-height: 48px;
    text-align: center
}

.blog__share__button--tw svg {
    fill: var(--color-base)
}

.blog__share__button--fb svg {
    fill: var(--color-base)
}

.blog__share__button--copy svg {
    fill: var(--color-base)
}

.blog__share__button:hover,
.blog__share__button:focus,
.blog__share__button:active {
    text-decoration: none
}

.blog__share__button:hover svg,
.blog__share__button:focus svg,
.blog__share__button:active svg {
    fill: var(--color-primary)
}

.blog__share__button svg {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.blog__pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 100px;
    font-size: 1.25rem
}

.blog__pagenavi__title {
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: .875rem
}

.blog__pagenavi__previous {
    flex: 0 0 33.3%;
    max-width: 100%;
    padding-bottom: 20px
}

.blog__pagenavi__backpage {
    flex: 0 0 33.3%
}

.blog__pagenavi__backpage .blog__pagenavi__link {
    justify-content: center
}

.blog__pagenavi__next {
    flex: 0 0 33.3%;
    max-width: 100%;
    padding-bottom: 20px
}

.blog__pagenavi__next .blog__pagenavi__link {
    justify-content: flex-end
}

.blog__pagenavi__link {
    display: flex;
    align-items: center;
    gap: 36px
}

.blog__pagenavi__link:hover,
.blog__pagenavi__link:focus,
.blog__pagenavi__link:active {
    color: var(--color-base)
}

.blog__body,
.edit-post-visual-editor__content-area {
    font-weight: 400
}

.blog__body h1,
.blog__body h2,
.blog__body h3,
.edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2,
.edit-post-visual-editor__content-area h3,
.blog__body h4,
.blog__body h5,
.blog__body h6,
.edit-post-visual-editor__content-area h4,
.edit-post-visual-editor__content-area h5,
.edit-post-visual-editor__content-area h6 {
    margin-top: 2.5rem
}

.blog__body p,
.edit-post-visual-editor__content-area p,
.blog__body ul,
.blog__body ol,
.blog__body dl,
.edit-post-visual-editor__content-area ul,
.edit-post-visual-editor__content-area ol,
.edit-post-visual-editor__content-area dl {
    margin-top: 2rem
}

.blog__body ul,
.blog__body ol,
.edit-post-visual-editor__content-area ul,
.edit-post-visual-editor__content-area ol {
    padding-left: 1.3rem
}

.blog__body ul,
.edit-post-visual-editor__content-area ul {
    list-style: disc
}

.blog__body ul ::marker,
.edit-post-visual-editor__content-area ul ::marker {
    color: var(--color-gray, #9a9aac)
}

.blog__body ol,
.edit-post-visual-editor__content-area ol {
    list-style: decimal
}

.blog__body ol ::marker,
.edit-post-visual-editor__content-area ol ::marker {
    font-family: sans-serif
}

.blog__body li,
.edit-post-visual-editor__content-area li {
    margin-top: .6rem;
    line-height: 1.5
}

.blog__body blockquote,
.edit-post-visual-editor__content-area blockquote {
    padding: 1.1rem 1.8rem;
    border-radius: 4px;
    background-color: var(--blockquote-bg, #f8f8f8);
    line-height: 1.5
}

.blog__body blockquote :first-child,
.edit-post-visual-editor__content-area blockquote :first-child {
    margin-top: 0
}

.blog__body blockquote :last-child,
.edit-post-visual-editor__content-area blockquote :last-child {
    margin-bottom: 0
}

.blog__body blockquote cite,
.edit-post-visual-editor__content-area blockquote cite {
    margin-top: .6rem
}

.blog__body cite,
.edit-post-visual-editor__content-area cite {
    display: inline-block;
    color: #9a9aac;
    font-size: 13px;
    line-height: 1.3
}

.blog__body .blog__details,
.edit-post-visual-editor__content-area .blog__details {
    margin: 2rem 0
}

.blog__body .blog__details__row,
.edit-post-visual-editor__content-area .blog__details__row {
    display: flex;
    padding: .8rem 0;
    border-bottom: 1px solid var(--color-gray-light)
}

.blog__body .blog__details__row:first-child,
.edit-post-visual-editor__content-area .blog__details__row:first-child {
    border-top: 1px solid var(--color-gray-light)
}

.blog__body .blog__details__row:not(:first-child),
.edit-post-visual-editor__content-area .blog__details__row:not(:first-child) {
    margin-top: .5rem
}

.blog__body .blog__details__dt,
.edit-post-visual-editor__content-area .blog__details__dt {
    flex: 0 0 30%;
    font-weight: var(--font-bold);
    font-size: .9375rem;
    line-height: 1.4
}

.blog__body .blog__details__dd,
.edit-post-visual-editor__content-area .blog__details__dd {
    font-weight: var(--font-normal);
    font-size: .9375rem;
    line-height: 1.4
}

.blog__body .blog__details__dd :first-child,
.edit-post-visual-editor__content-area .blog__details__dd :first-child {
    margin-top: 0
}

.blog__body .blog__details__dd :not(:first-child),
.edit-post-visual-editor__content-area .blog__details__dd :not(:first-child) {
    margin-top: 1.2rem
}

.blog__body .blog__slider,
.edit-post-visual-editor__content-area .blog__slider {
    margin: 3rem 0
}

.blog__body .blog__slider .splide__slide img,
.edit-post-visual-editor__content-area .blog__slider .splide__slide img {
    max-width: 800px;
    max-height: 100%
}

.blog__body .blog__slider [data-thumbnail-slider],
.edit-post-visual-editor__content-area .blog__slider [data-thumbnail-slider] {
    width: 80%;
    margin-right: auto;
    margin-left: auto
}

.blog__body .blog__slider [data-thumbnail-slider] .splide__slide,
.edit-post-visual-editor__content-area .blog__slider [data-thumbnail-slider] .splide__slide {
    border-width: 1px;
    opacity: .5;
    transition-duration: .2s;
    transition-property: border, opacity;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.blog__body .blog__slider [data-thumbnail-slider] .splide__slide img,
.edit-post-visual-editor__content-area .blog__slider [data-thumbnail-slider] .splide__slide img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog__body .blog__slider [data-thumbnail-slider] .splide__slide.is-active,
.edit-post-visual-editor__content-area .blog__slider [data-thumbnail-slider] .splide__slide.is-active {
    border-width: 1px;
    border-color: var(--color-primary);
    opacity: 1
}

.c-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--breadcrumb-justify-content, flex-start);
    margin-bottom: var(--breadcrumb-margin-bottom, 0);
    padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0);
    border-radius: var(--breadcrumb-border-radius, 0);
    background-color: var(--breadcrumb-bg, transparent);
    font-size: var(--breadcrumb-font-size, .875rem);
    list-style: none
}

.c-breadcrumb .c-breadcrumb-item {
    position: relative;
    padding-right: var(--breadcrumb-item-padding-x, .5rem)
}

.c-breadcrumb .c-breadcrumb-item:not(:last-child):after {
    padding-left: var(--breadcrumb-item-padding-x, .5rem);
    content: var(--breadcrumb-divider, "/");
    color: var(--breadcrumb-divider-color, #999)
}

.c-breadcrumb .c-breadcrumb-item[aria-current] {
    color: var(--breadcrumb-item-active-color, #65689f)
}

.c-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--pagination-justify-content, flex-start);
    width: 100%;
    margin: var(--pagination-wrapper-margin, 0);
    padding: var(--pagination-wrapper-padding, 1rem 0 0);
    padding-top: 80px;
    list-style: none
}

.c-pagination .c-pagination__item {
    margin-right: calc(var(--pagination-gap, 8px) / 2);
    margin-left: calc(var(--pagination-gap, 8px) / 2);
    padding: 0
}

.c-pagination .c-pagination__item span,
.c-pagination .c-pagination__item a {
    display: inline-block;
    min-width: var(--pagination-min-width, 34px);
    padding-top: var(--pagination-padding-top, 2px);
    padding-right: var(--pagination-padding-x, 10px);
    padding-bottom: var(--pagination-padding-bottom, 2px);
    padding-left: var(--pagination-padding-x, 10px);
    border-radius: var(--pagination-border-radius, 3px);
    background-color: var(--pagination-bg-color, var(--background-color));
    color: var(--pagination-color, var(--color));
    font-size: var(--pagination-font-size, 1rem);
    text-align: center;
    text-decoration: none
}

.c-pagination .c-pagination__item a {
    background-color: var(--pagination-bg-color, var(--background-color));
    color: var(--pagination-link-color, var(--link-color));
    opacity: .5;
    transition-duration: .3s;
    transition-property: background-color, color, border-color, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-pagination .c-pagination__item a:hover,
.c-pagination .c-pagination__item a:focus,
.c-pagination .c-pagination__item a:active {
    color: var(--pagination-link-hover-color, var(--background-color));
    opacity: 1
}

.c-pagination .c-pagination__item .current {
    border-color: var(--pagination-current-border-color, var(--link-color));
    color: var(--pagination-current-color, #fff)
}

.c-pagination .c-pagination__item .extend {
    padding-right: var(--pagination-omission-padding-x, 0);
    padding-left: var(--pagination-omission-padding-x, 0);
    border-color: var(--pagination-omission-border-color, transparent);
    background-color: var(--pagination-omission-bg, transparent);
    color: var(--pagination-omission-color, var(--color))
}

.c-pagination .c-pagination__item .first {
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap
}

.c-pagination .c-pagination__item .first:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: var(--pagination-arrow-first, "keyboard_double_arrow_left");
    font-size: var(--pagination-first-last-size, 1.125rem);
    line-height: 1;
    font-family: var(--icon-font-family, "Material Symbols Outlined");
    text-indent: 0;
    white-space: nowrap
}

.c-pagination .c-pagination__item .previouspostslink {
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap
}

.c-pagination .c-pagination__item .previouspostslink:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: var(--pagination-arrow-prev, "chevron_left");
    font-size: var(--pagination-arrow-size, 1.125rem);
    line-height: 1;
    font-family: var(--icon-font-family, "Material Symbols Outlined");
    text-indent: 0;
    white-space: nowrap
}

.c-pagination .c-pagination__item .nextpostslink {
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap
}

.c-pagination .c-pagination__item .nextpostslink:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: var(--pagination-arrow-next, "chevron_right");
    font-size: var(--pagination-arrow-size, 1.125rem);
    line-height: 1;
    font-family: var(--icon-font-family, "Material Symbols Outlined");
    text-indent: 0;
    white-space: nowrap
}

.c-pagination .c-pagination__item .last {
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    white-space: nowrap
}

.c-pagination .c-pagination__item .last:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: var(--pagination-arrow-last, "keyboard_double_arrow_right");
    font-size: var(--pagination-first-last-size, 1.125rem);
    line-height: 1;
    font-family: var(--icon-font-family, "Material Symbols Outlined");
    text-indent: 0;
    white-space: nowrap
}

.skip-to-content {
    -webkit-transform: translateX(-50%);
    display: inline-block;
    z-index: 1000;
    position: fixed;
    top: 1rem;
    left: 50%;
    padding: .3rem .6rem;
    transform: translate(-50%);
    border-radius: 4px;
    background-color: var(--color-bg);
    font-weight: var(--font-bold)
}

.skip-to-content:focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

.wp-block-gallery,
.wp-block-pullquote {
    margin: 2rem 0
}

.wp-block-pullquote cite {
    margin-top: .6rem
}

.wp-block-quote {
    margin: 2rem 0
}

.wp-block-quote cite {
    margin-top: .6rem
}

.wp-block-code {
    margin: 2rem 0;
    padding: 1rem 1.5rem 1.2rem;
    overflow-x: auto;
    border-radius: 4px;
    background-color: var(--blockquote-bg, #272d33);
    color: #fff;
    font-size: .875rem;
    line-height: 1.5
}

.wp-block-image {
    margin: 2.5rem 0
}

.wp-block-cover-image,
.wp-block-cover {
    margin: 2.5rem 0;
    margin-right: -40px;
    margin-left: -40px;
    overflow: hidden;
    border-radius: 6px
}

.wp-block-cover-image img,
.wp-block-cover img {
    width: 100%
}

.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #fff
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active {
    text-decoration: none
}

.wp-block-button__link.has-background:hover,
.wp-block-button__link.has-background:focus,
.wp-block-button__link.has-background:active {
    color: #fff
}

.wp-block-embed {
    margin: 2rem 0
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    position: relative;
    padding-top: 0
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    padding-top: 56.25%
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wp-block-embed.is-type-wp-embed {
    width: 100%;
    overflow: hidden
}

.wp-block-embed.is-type-wp-embed .wp-block-embed__wrapper {
    display: flex;
    justify-content: center
}

.wp-block-embed.is-type-wp-embed .wp-embedded-content {
    width: 95%;
    margin-bottom: 0
}

.wp-block-embed.is-type-wp-embed blockquote {
    display: none !important
}

.wp-block-embed.is-type-wp-embed iframe {
    clip: auto !important;
    position: relative !important;
    height: 152px !important;
    overflow: hidden
}

.wp-block-file .wp-block-file__button {
    display: inline-block;
    background-color: var(--color-primary);
    color: #fff
}

.wp-block-media-text {
    margin-top: 2rem
}

.container {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

.container-overflow-right {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    padding-left: 20px
}

.container-overflow-left {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    padding-right: 20px
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

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

.flex-row {
    flex-direction: row
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.grid {
    grid-column-gap: var(--cols-gap, 15px);
    grid-row-gap: var(--rows-gap, 15px);
    display: grid;
    grid-template-rows: repeat(var(--grid-rows, 1), minmax(0, 1fr));
    grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr));
    width: 100%
}

.grid>* {
    grid-column: auto/span 12
}

.cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.cols-1>* {
    grid-column: auto
}

.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.cols-2>* {
    grid-column: auto
}

.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.cols-3>* {
    grid-column: auto
}

.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.cols-4>* {
    grid-column: auto
}

.cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.cols-5>* {
    grid-column: auto
}

.cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.cols-6>* {
    grid-column: auto
}

.cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.cols-7>* {
    grid-column: auto
}

.cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.cols-8>* {
    grid-column: auto
}

.cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.cols-9>* {
    grid-column: auto
}

.cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.cols-10>* {
    grid-column: auto
}

.cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.cols-11>* {
    grid-column: auto
}

.cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.cols-12>* {
    grid-column: auto
}

.col-1 {
    grid-column: auto/span 1
}

.row-1 {
    grid-row: auto/span 1
}

.col-2 {
    grid-column: auto/span 2
}

.row-2 {
    grid-row: auto/span 2
}

.col-3 {
    grid-column: auto/span 3
}

.row-3 {
    grid-row: auto/span 3
}

.col-4 {
    grid-column: auto/span 4
}

.row-4 {
    grid-row: auto/span 4
}

.col-5 {
    grid-column: auto/span 5
}

.row-5 {
    grid-row: auto/span 5
}

.col-6 {
    grid-column: auto/span 6
}

.row-6 {
    grid-row: auto/span 6
}

.col-7 {
    grid-column: auto/span 7
}

.row-7 {
    grid-row: auto/span 7
}

.col-8 {
    grid-column: auto/span 8
}

.row-8 {
    grid-row: auto/span 8
}

.col-9 {
    grid-column: auto/span 9
}

.row-9 {
    grid-row: auto/span 9
}

.col-10 {
    grid-column: auto/span 10
}

.row-10 {
    grid-row: auto/span 10
}

.col-11 {
    grid-column: auto/span 11
}

.row-11 {
    grid-row: auto/span 11
}

.col-12 {
    grid-column: auto/span 12
}

.row-12 {
    grid-row: auto/span 12
}

.auto-rows-1fr {
    grid-auto-rows: 1fr
}

.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

.order-1 {
    order: 1
}

.start-1 {
    grid-column-start: 2
}

.order-2 {
    order: 2
}

.start-2 {
    grid-column-start: 3
}

.order-3 {
    order: 3
}

.start-3 {
    grid-column-start: 4
}

.order-4 {
    order: 4
}

.start-4 {
    grid-column-start: 5
}

.order-5 {
    order: 5
}

.start-5 {
    grid-column-start: 6
}

.order-6 {
    order: 6
}

.start-6 {
    grid-column-start: 7
}

.order-7 {
    order: 7
}

.start-7 {
    grid-column-start: 8
}

.order-8 {
    order: 8
}

.start-8 {
    grid-column-start: 9
}

.order-9 {
    order: 9
}

.start-9 {
    grid-column-start: 10
}

.order-10 {
    order: 10
}

.start-10 {
    grid-column-start: 11
}

.order-11 {
    order: 11
}

.start-11 {
    grid-column-start: 12
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.gap-0 {
    grid-column-gap: 0;
    grid-row-gap: 0
}

.gap-x-0 {
    grid-column-gap: 0
}

.gap-y-0 {
    grid-row-gap: 0
}

.gap-5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px
}

.gap-x-5 {
    grid-column-gap: 5px
}

.gap-y-5 {
    grid-row-gap: 5px
}

.gap-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px
}

.gap-x-10 {
    grid-column-gap: 10px
}

.gap-y-10 {
    grid-row-gap: 10px
}

.gap-15 {
    grid-column-gap: 15px;
    grid-row-gap: 15px
}

.gap-x-15 {
    grid-column-gap: 15px
}

.gap-y-15 {
    grid-row-gap: 15px
}

.gap-20 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

.gap-x-20 {
    grid-column-gap: 20px
}

.gap-y-20 {
    grid-row-gap: 20px
}

.gap-25 {
    grid-column-gap: 25px;
    grid-row-gap: 25px
}

.gap-x-25 {
    grid-column-gap: 25px
}

.gap-y-25 {
    grid-row-gap: 25px
}

.gap-30 {
    grid-column-gap: 30px;
    grid-row-gap: 30px
}

.gap-x-30 {
    grid-column-gap: 30px
}

.gap-y-30 {
    grid-row-gap: 30px
}

.gap-35 {
    grid-column-gap: 35px;
    grid-row-gap: 35px
}

.gap-x-35 {
    grid-column-gap: 35px
}

.gap-y-35 {
    grid-row-gap: 35px
}

.gap-40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.gap-x-40 {
    grid-column-gap: 40px
}

.gap-y-40 {
    grid-row-gap: 40px
}

.gap-45 {
    grid-column-gap: 45px;
    grid-row-gap: 45px
}

.gap-x-45 {
    grid-column-gap: 45px
}

.gap-y-45 {
    grid-row-gap: 45px
}

.gap-50 {
    grid-column-gap: 50px;
    grid-row-gap: 50px
}

.gap-x-50 {
    grid-column-gap: 50px
}

.gap-y-50 {
    grid-row-gap: 50px
}

.gap-60 {
    grid-column-gap: 60px;
    grid-row-gap: 60px
}

.gap-x-60 {
    grid-column-gap: 60px
}

.gap-y-60 {
    grid-row-gap: 60px
}

.hide {
    display: none
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mx-0 {
    margin-right: 0;
    margin-left: 0
}

.m-5 {
    margin: 5px
}

.mt-5 {
    margin-top: 5px
}

.mr-5 {
    margin-right: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

.m-10 {
    margin: 10px
}

.mt-10 {
    margin-top: 10px
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.m-15 {
    margin: 15px
}

.mt-15 {
    margin-top: 15px
}

.mr-15 {
    margin-right: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.m-20 {
    margin: 20px
}

.mt-20 {
    margin-top: 20px
}

.mr-20 {
    margin-right: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.m-25 {
    margin: 25px
}

.mt-25 {
    margin-top: 25px
}

.mr-25 {
    margin-right: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

.m-30 {
    margin: 30px
}

.mt-30 {
    margin-top: 30px
}

.mr-30 {
    margin-right: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.m-35 {
    margin: 35px
}

.mt-35 {
    margin-top: 35px
}

.mr-35 {
    margin-right: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

.m-40 {
    margin: 40px
}

.mt-40 {
    margin-top: 40px
}

.mr-40 {
    margin-right: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

.m-45 {
    margin: 45px
}

.mt-45 {
    margin-top: 45px
}

.mr-45 {
    margin-right: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.ml-45 {
    margin-left: 45px
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

.m-50 {
    margin: 50px
}

.mt-50 {
    margin-top: 50px
}

.mr-50 {
    margin-right: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-50 {
    margin-left: 50px
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

.m-60 {
    margin: 60px
}

.mt-60 {
    margin-top: 60px
}

.mr-60 {
    margin-right: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.ml-60 {
    margin-left: 60px
}

.my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mx-60 {
    margin-right: 60px;
    margin-left: 60px
}

.m-70 {
    margin: 70px
}

.mt-70 {
    margin-top: 70px
}

.mr-70 {
    margin-right: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.ml-70 {
    margin-left: 70px
}

.my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mx-70 {
    margin-right: 70px;
    margin-left: 70px
}

.m-80 {
    margin: 80px
}

.mt-80 {
    margin-top: 80px
}

.mr-80 {
    margin-right: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.ml-80 {
    margin-left: 80px
}

.my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mx-80 {
    margin-right: 80px;
    margin-left: 80px
}

.m-90 {
    margin: 90px
}

.mt-90 {
    margin-top: 90px
}

.mr-90 {
    margin-right: 90px
}

.mb-90 {
    margin-bottom: 90px
}

.ml-90 {
    margin-left: 90px
}

.my-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mx-90 {
    margin-right: 90px;
    margin-left: 90px
}

.m-100 {
    margin: 100px
}

.mt-100 {
    margin-top: 100px
}

.mr-100 {
    margin-right: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-100 {
    margin-left: 100px
}

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mx-100 {
    margin-right: 100px;
    margin-left: 100px
}

.m-120 {
    margin: 120px
}

.mt-120 {
    margin-top: 120px
}

.mr-120 {
    margin-right: 120px
}

.mb-120 {
    margin-bottom: 120px
}

.ml-120 {
    margin-left: 120px
}

.my-120 {
    margin-top: 120px;
    margin-bottom: 120px
}

.mx-120 {
    margin-right: 120px;
    margin-left: 120px
}

.m-140 {
    margin: 140px
}

.mt-140 {
    margin-top: 140px
}

.mr-140 {
    margin-right: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.ml-140 {
    margin-left: 140px
}

.my-140 {
    margin-top: 140px;
    margin-bottom: 140px
}

.mx-140 {
    margin-right: 140px;
    margin-left: 140px
}

.m-160 {
    margin: 160px
}

.mt-160 {
    margin-top: 160px
}

.mr-160 {
    margin-right: 160px
}

.mb-160 {
    margin-bottom: 160px
}

.ml-160 {
    margin-left: 160px
}

.my-160 {
    margin-top: 160px;
    margin-bottom: 160px
}

.mx-160 {
    margin-right: 160px;
    margin-left: 160px
}

.m-180 {
    margin: 180px
}

.mt-180 {
    margin-top: 180px
}

.mr-180 {
    margin-right: 180px
}

.mb-180 {
    margin-bottom: 180px
}

.ml-180 {
    margin-left: 180px
}

.my-180 {
    margin-top: 180px;
    margin-bottom: 180px
}

.mx-180 {
    margin-right: 180px;
    margin-left: 180px
}

.m-200 {
    margin: 200px
}

.mt-200 {
    margin-top: 200px
}

.mr-200 {
    margin-right: 200px
}

.mb-200 {
    margin-bottom: 200px
}

.ml-200 {
    margin-left: 200px
}

.my-200 {
    margin-top: 200px;
    margin-bottom: 200px
}

.mx-200 {
    margin-right: 200px;
    margin-left: 200px
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-right: 0;
    padding-left: 0
}

.p-5 {
    padding: 5px
}

.pt-5 {
    padding-top: 5px
}

.pr-5 {
    padding-right: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.pl-5 {
    padding-left: 5px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.px-5 {
    padding-right: 5px;
    padding-left: 5px
}

.p-10 {
    padding: 10px
}

.pt-10 {
    padding-top: 10px
}

.pr-10 {
    padding-right: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.p-15 {
    padding: 15px
}

.pt-15 {
    padding-top: 15px
}

.pr-15 {
    padding-right: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.p-20 {
    padding: 20px
}

.pt-20 {
    padding-top: 20px
}

.pr-20 {
    padding-right: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pl-20 {
    padding-left: 20px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.p-25 {
    padding: 25px
}

.pt-25 {
    padding-top: 25px
}

.pr-25 {
    padding-right: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-25 {
    padding-left: 25px
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px
}

.p-30 {
    padding: 30px
}

.pt-30 {
    padding-top: 30px
}

.pr-30 {
    padding-right: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.p-35 {
    padding: 35px
}

.pt-35 {
    padding-top: 35px
}

.pr-35 {
    padding-right: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.pl-35 {
    padding-left: 35px
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pr-40 {
    padding-right: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-40 {
    padding-left: 40px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px
}

.p-45 {
    padding: 45px
}

.pt-45 {
    padding-top: 45px
}

.pr-45 {
    padding-right: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.pl-45 {
    padding-left: 45px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px
}

.p-50 {
    padding: 50px
}

.pt-50 {
    padding-top: 50px
}

.pr-50 {
    padding-right: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-50 {
    padding-left: 50px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px
}

.p-60 {
    padding: 60px
}

.pt-60 {
    padding-top: 60px
}

.pr-60 {
    padding-right: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pl-60 {
    padding-left: 60px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.px-60 {
    padding-right: 60px;
    padding-left: 60px
}

.p-70 {
    padding: 70px
}

.pt-70 {
    padding-top: 70px
}

.pr-70 {
    padding-right: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pl-70 {
    padding-left: 70px
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.px-70 {
    padding-right: 70px;
    padding-left: 70px
}

.p-80 {
    padding: 80px
}

.pt-80 {
    padding-top: 80px
}

.pr-80 {
    padding-right: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-80 {
    padding-left: 80px
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.px-80 {
    padding-right: 80px;
    padding-left: 80px
}

.p-90 {
    padding: 90px
}

.pt-90 {
    padding-top: 90px
}

.pr-90 {
    padding-right: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.pl-90 {
    padding-left: 90px
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.px-90 {
    padding-right: 90px;
    padding-left: 90px
}

.p-100 {
    padding: 100px
}

.pt-100 {
    padding-top: 100px
}

.pr-100 {
    padding-right: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-100 {
    padding-left: 100px
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.px-100 {
    padding-right: 100px;
    padding-left: 100px
}

.p-120 {
    padding: 120px
}

.pt-120 {
    padding-top: 120px
}

.pr-120 {
    padding-right: 120px
}

.pb-120 {
    padding-bottom: 120px
}

.pl-120 {
    padding-left: 120px
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.px-120 {
    padding-right: 120px;
    padding-left: 120px
}

.p-140 {
    padding: 140px
}

.pt-140 {
    padding-top: 140px
}

.pr-140 {
    padding-right: 140px
}

.pb-140 {
    padding-bottom: 140px
}

.pl-140 {
    padding-left: 140px
}

.py-140 {
    padding-top: 140px;
    padding-bottom: 140px
}

.px-140 {
    padding-right: 140px;
    padding-left: 140px
}

.p-160 {
    padding: 160px
}

.pt-160 {
    padding-top: 160px
}

.pr-160 {
    padding-right: 160px
}

.pb-160 {
    padding-bottom: 160px
}

.pl-160 {
    padding-left: 160px
}

.py-160 {
    padding-top: 160px;
    padding-bottom: 160px
}

.px-160 {
    padding-right: 160px;
    padding-left: 160px
}

.p-180 {
    padding: 180px
}

.pt-180 {
    padding-top: 180px
}

.pr-180 {
    padding-right: 180px
}

.pb-180 {
    padding-bottom: 180px
}

.pl-180 {
    padding-left: 180px
}

.py-180 {
    padding-top: 180px;
    padding-bottom: 180px
}

.px-180 {
    padding-right: 180px;
    padding-left: 180px
}

.p-200 {
    padding: 200px
}

.pt-200 {
    padding-top: 200px
}

.pr-200 {
    padding-right: 200px
}

.pb-200 {
    padding-bottom: 200px
}

.pl-200 {
    padding-left: 200px
}

.py-200 {
    padding-top: 200px;
    padding-bottom: 200px
}

.px-200 {
    padding-right: 200px;
    padding-left: 200px
}

.m-auto {
    margin: auto
}

.mt-auto,
.my-auto {
    margin-top: auto
}

.mr-auto,
.mx-auto {
    margin-right: auto
}

.mb-auto,
.my-auto {
    margin-bottom: auto
}

.ml-auto,
.mx-auto {
    margin-left: auto
}

.-m-0 {
    margin: 0
}

.-mt-0 {
    margin-top: 0
}

.-mr-0 {
    margin-right: 0
}

.-mb-0 {
    margin-bottom: 0
}

.-ml-0 {
    margin-left: 0
}

.-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.-mx-0 {
    margin-right: 0;
    margin-left: 0
}

.-m-5 {
    margin: 5px
}

.-mt-5 {
    margin-top: 5px
}

.-mr-5 {
    margin-right: 5px
}

.-mb-5 {
    margin-bottom: 5px
}

.-ml-5 {
    margin-left: 5px
}

.-my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.-mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

.-m-10 {
    margin: 10px
}

.-mt-10 {
    margin-top: 10px
}

.-mr-10 {
    margin-right: 10px
}

.-mb-10 {
    margin-bottom: 10px
}

.-ml-10 {
    margin-left: 10px
}

.-my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.-mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.-m-15 {
    margin: 15px
}

.-mt-15 {
    margin-top: 15px
}

.-mr-15 {
    margin-right: 15px
}

.-mb-15 {
    margin-bottom: 15px
}

.-ml-15 {
    margin-left: 15px
}

.-my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.-mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.-m-20 {
    margin: 20px
}

.-mt-20 {
    margin-top: 20px
}

.-mr-20 {
    margin-right: 20px
}

.-mb-20 {
    margin-bottom: 20px
}

.-ml-20 {
    margin-left: 20px
}

.-my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.-mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.-m-25 {
    margin: 25px
}

.-mt-25 {
    margin-top: 25px
}

.-mr-25 {
    margin-right: 25px
}

.-mb-25 {
    margin-bottom: 25px
}

.-ml-25 {
    margin-left: 25px
}

.-my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.-mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

.-m-30 {
    margin: 30px
}

.-mt-30 {
    margin-top: 30px
}

.-mr-30 {
    margin-right: 30px
}

.-mb-30 {
    margin-bottom: 30px
}

.-ml-30 {
    margin-left: 30px
}

.-my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.-mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.-m-35 {
    margin: 35px
}

.-mt-35 {
    margin-top: 35px
}

.-mr-35 {
    margin-right: 35px
}

.-mb-35 {
    margin-bottom: 35px
}

.-ml-35 {
    margin-left: 35px
}

.-my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.-mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

.-m-40 {
    margin: 40px
}

.-mt-40 {
    margin-top: 40px
}

.-mr-40 {
    margin-right: 40px
}

.-mb-40 {
    margin-bottom: 40px
}

.-ml-40 {
    margin-left: 40px
}

.-my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.-mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

.-m-45 {
    margin: 45px
}

.-mt-45 {
    margin-top: 45px
}

.-mr-45 {
    margin-right: 45px
}

.-mb-45 {
    margin-bottom: 45px
}

.-ml-45 {
    margin-left: 45px
}

.-my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.-mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

.-m-50 {
    margin: 50px
}

.-mt-50 {
    margin-top: 50px
}

.-mr-50 {
    margin-right: 50px
}

.-mb-50 {
    margin-bottom: 50px
}

.-ml-50 {
    margin-left: 50px
}

.-my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.-mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

.-m-60 {
    margin: 60px
}

.-mt-60 {
    margin-top: 60px
}

.-mr-60 {
    margin-right: 60px
}

.-mb-60 {
    margin-bottom: 60px
}

.-ml-60 {
    margin-left: 60px
}

.-my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.-mx-60 {
    margin-right: 60px;
    margin-left: 60px
}

.-m-70 {
    margin: 70px
}

.-mt-70 {
    margin-top: 70px
}

.-mr-70 {
    margin-right: 70px
}

.-mb-70 {
    margin-bottom: 70px
}

.-ml-70 {
    margin-left: 70px
}

.-my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.-mx-70 {
    margin-right: 70px;
    margin-left: 70px
}

.-m-80 {
    margin: 80px
}

.-mt-80 {
    margin-top: 80px
}

.-mr-80 {
    margin-right: 80px
}

.-mb-80 {
    margin-bottom: 80px
}

.-ml-80 {
    margin-left: 80px
}

.-my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.-mx-80 {
    margin-right: 80px;
    margin-left: 80px
}

.-m-90 {
    margin: 90px
}

.-mt-90 {
    margin-top: 90px
}

.-mr-90 {
    margin-right: 90px
}

.-mb-90 {
    margin-bottom: 90px
}

.-ml-90 {
    margin-left: 90px
}

.-my-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.-mx-90 {
    margin-right: 90px;
    margin-left: 90px
}

.-m-100 {
    margin: 100px
}

.-mt-100 {
    margin-top: 100px
}

.-mr-100 {
    margin-right: 100px
}

.-mb-100 {
    margin-bottom: 100px
}

.-ml-100 {
    margin-left: 100px
}

.-my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.-mx-100 {
    margin-right: 100px;
    margin-left: 100px
}

.-m-120 {
    margin: 120px
}

.-mt-120 {
    margin-top: 120px
}

.-mr-120 {
    margin-right: 120px
}

.-mb-120 {
    margin-bottom: 120px
}

.-ml-120 {
    margin-left: 120px
}

.-my-120 {
    margin-top: 120px;
    margin-bottom: 120px
}

.-mx-120 {
    margin-right: 120px;
    margin-left: 120px
}

.-m-140 {
    margin: 140px
}

.-mt-140 {
    margin-top: 140px
}

.-mr-140 {
    margin-right: 140px
}

.-mb-140 {
    margin-bottom: 140px
}

.-ml-140 {
    margin-left: 140px
}

.-my-140 {
    margin-top: 140px;
    margin-bottom: 140px
}

.-mx-140 {
    margin-right: 140px;
    margin-left: 140px
}

.-m-160 {
    margin: 160px
}

.-mt-160 {
    margin-top: 160px
}

.-mr-160 {
    margin-right: 160px
}

.-mb-160 {
    margin-bottom: 160px
}

.-ml-160 {
    margin-left: 160px
}

.-my-160 {
    margin-top: 160px;
    margin-bottom: 160px
}

.-mx-160 {
    margin-right: 160px;
    margin-left: 160px
}

.-m-180 {
    margin: 180px
}

.-mt-180 {
    margin-top: 180px
}

.-mr-180 {
    margin-right: 180px
}

.-mb-180 {
    margin-bottom: 180px
}

.-ml-180 {
    margin-left: 180px
}

.-my-180 {
    margin-top: 180px;
    margin-bottom: 180px
}

.-mx-180 {
    margin-right: 180px;
    margin-left: 180px
}

.-m-200 {
    margin: 200px
}

.-mt-200 {
    margin-top: 200px
}

.-mr-200 {
    margin-right: 200px
}

.-mb-200 {
    margin-bottom: 200px
}

.-ml-200 {
    margin-left: 200px
}

.-my-200 {
    margin-top: 200px;
    margin-bottom: 200px
}

.-mx-200 {
    margin-right: 200px;
    margin-left: 200px
}

.-p-0 {
    padding: 0
}

.-pt-0 {
    padding-top: 0
}

.-pr-0 {
    padding-right: 0
}

.-pb-0 {
    padding-bottom: 0
}

.-pl-0 {
    padding-left: 0
}

.-py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.-px-0 {
    padding-right: 0;
    padding-left: 0
}

.-p-5 {
    padding: 5px
}

.-pt-5 {
    padding-top: 5px
}

.-pr-5 {
    padding-right: 5px
}

.-pb-5 {
    padding-bottom: 5px
}

.-pl-5 {
    padding-left: 5px
}

.-py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.-px-5 {
    padding-right: 5px;
    padding-left: 5px
}

.-p-10 {
    padding: 10px
}

.-pt-10 {
    padding-top: 10px
}

.-pr-10 {
    padding-right: 10px
}

.-pb-10 {
    padding-bottom: 10px
}

.-pl-10 {
    padding-left: 10px
}

.-py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.-px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.-p-15 {
    padding: 15px
}

.-pt-15 {
    padding-top: 15px
}

.-pr-15 {
    padding-right: 15px
}

.-pb-15 {
    padding-bottom: 15px
}

.-pl-15 {
    padding-left: 15px
}

.-py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.-px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.-p-20 {
    padding: 20px
}

.-pt-20 {
    padding-top: 20px
}

.-pr-20 {
    padding-right: 20px
}

.-pb-20 {
    padding-bottom: 20px
}

.-pl-20 {
    padding-left: 20px
}

.-py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.-px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.-p-25 {
    padding: 25px
}

.-pt-25 {
    padding-top: 25px
}

.-pr-25 {
    padding-right: 25px
}

.-pb-25 {
    padding-bottom: 25px
}

.-pl-25 {
    padding-left: 25px
}

.-py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.-px-25 {
    padding-right: 25px;
    padding-left: 25px
}

.-p-30 {
    padding: 30px
}

.-pt-30 {
    padding-top: 30px
}

.-pr-30 {
    padding-right: 30px
}

.-pb-30 {
    padding-bottom: 30px
}

.-pl-30 {
    padding-left: 30px
}

.-py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.-px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.-p-35 {
    padding: 35px
}

.-pt-35 {
    padding-top: 35px
}

.-pr-35 {
    padding-right: 35px
}

.-pb-35 {
    padding-bottom: 35px
}

.-pl-35 {
    padding-left: 35px
}

.-py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.-px-35 {
    padding-right: 35px;
    padding-left: 35px
}

.-p-40 {
    padding: 40px
}

.-pt-40 {
    padding-top: 40px
}

.-pr-40 {
    padding-right: 40px
}

.-pb-40 {
    padding-bottom: 40px
}

.-pl-40 {
    padding-left: 40px
}

.-py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.-px-40 {
    padding-right: 40px;
    padding-left: 40px
}

.-p-45 {
    padding: 45px
}

.-pt-45 {
    padding-top: 45px
}

.-pr-45 {
    padding-right: 45px
}

.-pb-45 {
    padding-bottom: 45px
}

.-pl-45 {
    padding-left: 45px
}

.-py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.-px-45 {
    padding-right: 45px;
    padding-left: 45px
}

.-p-50 {
    padding: 50px
}

.-pt-50 {
    padding-top: 50px
}

.-pr-50 {
    padding-right: 50px
}

.-pb-50 {
    padding-bottom: 50px
}

.-pl-50 {
    padding-left: 50px
}

.-py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.-px-50 {
    padding-right: 50px;
    padding-left: 50px
}

.-p-60 {
    padding: 60px
}

.-pt-60 {
    padding-top: 60px
}

.-pr-60 {
    padding-right: 60px
}

.-pb-60 {
    padding-bottom: 60px
}

.-pl-60 {
    padding-left: 60px
}

.-py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.-px-60 {
    padding-right: 60px;
    padding-left: 60px
}

.-p-70 {
    padding: 70px
}

.-pt-70 {
    padding-top: 70px
}

.-pr-70 {
    padding-right: 70px
}

.-pb-70 {
    padding-bottom: 70px
}

.-pl-70 {
    padding-left: 70px
}

.-py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.-px-70 {
    padding-right: 70px;
    padding-left: 70px
}

.-p-80 {
    padding: 80px
}

.-pt-80 {
    padding-top: 80px
}

.-pr-80 {
    padding-right: 80px
}

.-pb-80 {
    padding-bottom: 80px
}

.-pl-80 {
    padding-left: 80px
}

.-py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.-px-80 {
    padding-right: 80px;
    padding-left: 80px
}

.-p-90 {
    padding: 90px
}

.-pt-90 {
    padding-top: 90px
}

.-pr-90 {
    padding-right: 90px
}

.-pb-90 {
    padding-bottom: 90px
}

.-pl-90 {
    padding-left: 90px
}

.-py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.-px-90 {
    padding-right: 90px;
    padding-left: 90px
}

.-p-100 {
    padding: 100px
}

.-pt-100 {
    padding-top: 100px
}

.-pr-100 {
    padding-right: 100px
}

.-pb-100 {
    padding-bottom: 100px
}

.-pl-100 {
    padding-left: 100px
}

.-py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.-px-100 {
    padding-right: 100px;
    padding-left: 100px
}

.-p-120 {
    padding: 120px
}

.-pt-120 {
    padding-top: 120px
}

.-pr-120 {
    padding-right: 120px
}

.-pb-120 {
    padding-bottom: 120px
}

.-pl-120 {
    padding-left: 120px
}

.-py-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.-px-120 {
    padding-right: 120px;
    padding-left: 120px
}

.-p-140 {
    padding: 140px
}

.-pt-140 {
    padding-top: 140px
}

.-pr-140 {
    padding-right: 140px
}

.-pb-140 {
    padding-bottom: 140px
}

.-pl-140 {
    padding-left: 140px
}

.-py-140 {
    padding-top: 140px;
    padding-bottom: 140px
}

.-px-140 {
    padding-right: 140px;
    padding-left: 140px
}

.-p-160 {
    padding: 160px
}

.-pt-160 {
    padding-top: 160px
}

.-pr-160 {
    padding-right: 160px
}

.-pb-160 {
    padding-bottom: 160px
}

.-pl-160 {
    padding-left: 160px
}

.-py-160 {
    padding-top: 160px;
    padding-bottom: 160px
}

.-px-160 {
    padding-right: 160px;
    padding-left: 160px
}

.-p-180 {
    padding: 180px
}

.-pt-180 {
    padding-top: 180px
}

.-pr-180 {
    padding-right: 180px
}

.-pb-180 {
    padding-bottom: 180px
}

.-pl-180 {
    padding-left: 180px
}

.-py-180 {
    padding-top: 180px;
    padding-bottom: 180px
}

.-px-180 {
    padding-right: 180px;
    padding-left: 180px
}

.-p-200 {
    padding: 200px
}

.-pt-200 {
    padding-top: 200px
}

.-pr-200 {
    padding-right: 200px
}

.-pb-200 {
    padding-bottom: 200px
}

.-pl-200 {
    padding-left: 200px
}

.-py-200 {
    padding-top: 200px;
    padding-bottom: 200px
}

.-px-200 {
    padding-right: 200px;
    padding-left: 200px
}

.-m-auto {
    margin: auto
}

.-mt-auto,
.-my-auto {
    margin-top: auto
}

.-mr-auto,
.-mx-auto {
    margin-right: auto
}

.-mb-auto,
.-my-auto {
    margin-bottom: auto
}

.-ml-auto,
.-mx-auto {
    margin-left: auto
}

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

table thead,
table tfoot {
    vertical-align: inherit
}

table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
    padding-top: var(--table-padding-y, .5rem);
    padding-right: var(--table-padding-x, 1rem);
    padding-bottom: var(--table-padding-y, .5rem);
    padding-left: var(--table-padding-x, 1rem);
    border: 1px solid var(--table-thead-border-color, #eee);
    background-color: var(--table-thead-background-color, #fafafa);
    color: var(--table-thead-color, var(--color-base));
    text-align: left
}

table tbody {
    vertical-align: inherit
}

table tbody tr th,
table tbody tr td {
    padding-top: var(--table-padding-y, .5rem);
    padding-right: var(--table-padding-x, 1rem);
    padding-bottom: var(--table-padding-y, .5rem);
    padding-left: var(--table-padding-x, 1rem);
    border: 1px solid var(--table-tbody-border-color, #eee);
    background-color: var(--table-tbody-background-color, var(--color-bg));
    color: var(--table-tbody-color, var(--color-base));
    text-align: left;
    vertical-align: middle
}

table.\:border-less thead tr th,
table.\:border-less thead tr td,
table.\:border-less tbody tr th,
table.\:border-less tbody tr td {
    padding-right: 0;
    padding-left: 0;
    border: none
}

table.\:bg-less thead tr th,
table.\:bg-less thead tr td,
table.\:bg-less tbody tr th,
table.\:bg-less tbody tr td {
    background-color: transparent
}

table.\:vertical-align-top thead tr th,
table.\:vertical-align-top thead tr td,
table.\:vertical-align-top tbody tr th,
table.\:vertical-align-top tbody tr td {
    vertical-align: top
}

table.\:vertical-align-middle thead tr th,
table.\:vertical-align-middle thead tr td,
table.\:vertical-align-middle tbody tr th,
table.\:vertical-align-middle tbody tr td {
    vertical-align: middle
}

table.\:vertical-align-bottom thead tr th,
table.\:vertical-align-bottom thead tr td,
table.\:vertical-align-bottom tbody tr th,
table.\:vertical-align-bottom tbody tr td {
    vertical-align: bottom
}

table.\:thead-align-top thead tr th,
table.\:thead-align-top thead tr td {
    vertical-align: top
}

table.\:thead-align-middle thead tr th,
table.\:thead-align-middle thead tr td {
    vertical-align: middle
}

table.\:thead-align-bottom thead tr th,
table.\:thead-align-bottom thead tr td {
    vertical-align: bottom
}

table.\:tbody-align-top tbody tr th,
table.\:tbody-align-top tbody tr td {
    vertical-align: top
}

table.\:tbody-align-middle tbody tr th,
table.\:tbody-align-middle tbody tr td {
    vertical-align: middle
}

table.\:tbody-align-bottom tbody tr th,
table.\:tbody-align-bottom tbody tr td {
    vertical-align: bottom
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow-x: auto
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-upper {
    text-transform: uppercase
}

.text-lower {
    text-transform: lowercase
}

.text-cap {
    text-transform: capitalize
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0, 0, 0, 0) !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    white-space: nowrap !important
}

body:not(.wp-admin) [type=checkbox]:not(.-unstyled),
body:not(.wp-admin) [type=radio]:not(.-unstyled) {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-print-color-adjust: exact;
    appearance: none;
    width: var(--checkbox-size, 18px);
    height: var(--checkbox-size, 18px);
    margin-top: var(--checkbox-margin-top, .25rem);
    margin-right: .4rem;
    border: var(--input-border-width, 1px) solid var(--input-border-color, #dee2e6);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--input-bg, #fff);
    print-color-adjust: exact;
    vertical-align: top;
    cursor: pointer;
    transition-duration: .3s;
    transition-property: border-color, box-shadow, background-color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

body:not(.wp-admin) [type=checkbox]:not(.-unstyled):focus,
body:not(.wp-admin) [type=radio]:not(.-unstyled):focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) [type=checkbox]:not(.-unstyled):checked,
body:not(.wp-admin) [type=radio]:not(.-unstyled):checked {
    border-color: var(--color-input-active);
    background-color: var(--color-input-active)
}

body:not(.wp-admin) [type=checkbox]:not(.-unstyled):disabled,
body:not(.wp-admin) [type=radio]:not(.-unstyled):disabled {
    -webkit-filter: none;
    filter: none;
    pointer-events: none
}

body:not(.wp-admin) [type=checkbox]:not(.-unstyled)[disabled]~.form-check-label,
body:not(.wp-admin) [type=checkbox]:not(.-unstyled):disabled~.form-check-label,
body:not(.wp-admin) [type=radio]:not(.-unstyled)[disabled]~.form-check-label,
body:not(.wp-admin) [type=radio]:not(.-unstyled):disabled~.form-check-label {
    cursor: default
}

body:not(.wp-admin) [type=checkbox] {
    border-radius: var(--check-border-radius, 4px)
}

body:not(.wp-admin) [type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

body:not(.wp-admin) [type=radio] {
    border-radius: 50%
}

body:not(.wp-admin) [type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

body:not(.wp-admin) .form__check-label {
    cursor: pointer
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled),
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled),
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled) {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: var(--input-height, 45px);
    padding: var(--input-padding-y, .3rem) var(--input-padding-x, .7rem);
    border: var(--input-border-width, 1px) solid var(--input-border-color, #dee2e6);
    border-radius: var(--input-border-radius, 6px);
    background-clip: padding-box;
    background-color: var(--input-bg, #fff);
    color: var(--input-color, #333);
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--input-font-family, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Helvetica Neue", hiragino sans, "\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3", hiragino kaku gothic pron, "Yu Gothic", yugothic, verdana, meiryo, "M+ 1p", sans-serif);
    transition-duration: .3s;
    transition-property: border-color, box-shadow;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled) option,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled) option,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled) option {
    font-family: var(--input-font-family, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Helvetica Neue", hiragino sans, "\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3", hiragino kaku gothic pron, "Yu Gothic", yugothic, verdana, meiryo, "M+ 1p", sans-serif)
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file],
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file],
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file] {
    align-items: baseline;
    min-height: 38px;
    max-height: 38px;
    padding: var(--input-padding-x, .5rem) var(--input-padding-x, .7rem);
    overflow: hidden;
    line-height: 1.3;
    text-align: start;
    text-overflow: ellipsis;
    white-space: pre
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file]:not(:disabled):not([readonly]),
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file]:not(:disabled):not([readonly]),
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):focus,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):focus,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-date-and-time-value,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-date-and-time-value,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-date-and-time-value {
    min-width: 85px;
    margin: 0
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-datetime-edit,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-datetime-edit,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-datetime-edit {
    display: block;
    padding: 0
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-input-placeholder,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-input-placeholder,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-input-placeholder {
    color: var(--input-placeholder-color, #999);
    opacity: 1
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-moz-placeholder,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-moz-placeholder,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-moz-placeholder {
    color: var(--input-placeholder-color, #999);
    opacity: 1
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):-ms-input-placeholder,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):-ms-input-placeholder,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):-ms-input-placeholder {
    color: var(--input-placeholder-color, #999);
    opacity: 1
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::placeholder,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::placeholder,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::placeholder {
    color: var(--input-placeholder-color, #999);
    opacity: 1
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):disabled,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):disabled,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled):disabled {
    border-color: var(--input-disabled-border-color, var(--input-border-color));
    background-color: var(--input-disabled-bg, #eaeaea);
    color: var(--input-disabled-color, #aaa)
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-file-upload-button,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-file-upload-button,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::-webkit-file-upload-button {
    -webkit-margin-end: var(--input-padding-x, .7rem);
    height: 40px;
    margin: -11px -.7rem;
    margin-inline-end: var(--input-padding-x, .7rem);
    padding: 0 var(--input-padding-x, .7rem);
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    border-inline-end-width: 1px;
    border-color: inherit;
    background-color: var(--file-selector-button-color, #dee2e6);
    color: var(--input-color);
    font-size: .975rem;
    line-height: 1;
    pointer-events: none
}

body:not(.wp-admin) input:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::file-selector-button,
body:not(.wp-admin) select:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::file-selector-button,
body:not(.wp-admin) textarea:not([type=checkbox], [type=range], [type=radio], [type=hidden], [type=submit], [type=button], [type=reset], .-unstyled)::file-selector-button {
    -webkit-margin-end: var(--input-padding-x, .7rem);
    height: 40px;
    margin: -11px -.7rem;
    margin-inline-end: var(--input-padding-x, .7rem);
    padding: 0 var(--input-padding-x, .7rem);
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    border-inline-end-width: 1px;
    border-color: inherit;
    background-color: var(--file-selector-button-color, #dee2e6);
    color: var(--input-color);
    font-size: .975rem;
    line-height: 1;
    pointer-events: none
}

body:not(.wp-admin) input[type=color]:not(.-unstyled) {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    border: none;
    border-radius: 100%
}

body:not(.wp-admin) input[type=color]:not(.-unstyled)::-moz-color-swatch-wrapper {
    padding: 0
}

body:not(.wp-admin) input[type=color]:not(.-unstyled)::-moz-color-swatch {
    border: 0
}

body:not(.wp-admin) input[type=color]:not(.-unstyled)::-webkit-color-swatch-wrapper {
    padding: 0
}

body:not(.wp-admin) input[type=color]:not(.-unstyled)::-webkit-color-swatch {
    border: 0
}

body:not(.wp-admin) input[type=color]:not(.-unstyled):not(:disabled):not([readonly]) {
    cursor: pointer
}

body:not(.wp-admin) select:not(.-unstyled) {
    padding-right: var(--select-padding-right, 35px);
    background-image: var(--select-bg-img, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"));
    background-position: right 10px center;
    background-size: 12px 12px;
    background-repeat: no-repeat
}

body:not(.wp-admin) select:not(.-unstyled)[multiple],
body:not(.wp-admin) select:not(.-unstyled)[size]:not([size="1"]) {
    padding-right: var(--select-padding-right, 35px);
    background-image: none
}

body:not(.wp-admin) select:not(.-unstyled):-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--input-color, #333)
}

body:not(.wp-admin) select:not(.-unstyled).\:sm {
    padding-right: var(--select-padding-right, 20px);
    background-position: right 10px center;
    background-size: 12px 12px
}

body:not(.wp-admin) textarea:not(.-unstyled) {
    resize: vertical
}

body:not(.wp-admin) [type=range]:not(.-unstyled) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    background-color: transparent
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-moz-focus-outer {
    border: 0
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-webkit-slider-thumb {
    -webkit-appearance: none;
    -webkit-transition-property: box-shadow;
    appearance: none;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border-radius: 100%;
    background-color: var(--input-active-bg, var(--color-primary));
    transition-duration: .3s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-webkit-slider-thumb:active {
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-webkit-slider-runnable-track {
    height: 5px;
    background-color: var(--input-border-color, #eee);
    color: transparent
}

body:not(.wp-admin) [type=range]:not(.-unstyled):focus {
    outline: 0
}

body:not(.wp-admin) [type=range]:not(.-unstyled):focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) [type=range]:not(.-unstyled):focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-moz-range-thumb {
    -moz-appearance: none;
    -moz-transition-property: box-shadow;
    appearance: none;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    border-radius: 100%;
    background-color: var(--input-active-bg, var(--color-primary));
    transition-duration: .3s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-moz-range-thumb:active {
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

body:not(.wp-admin) [type=range]:not(.-unstyled)::-moz-range-track {
    height: 5px;
    background-color: var(--input-border-color, #eee);
    color: transparent
}

body:not(.wp-admin) [type=range]:not(.-unstyled):disabled {
    pointer-events: none
}

body:not(.wp-admin) [type=range]:not(.-unstyled):disabled::-webkit-slider-thumb {
    background-color: var(--input-range-disabled-color, #ccc)
}

body:not(.wp-admin) [type=range]:not(.-unstyled):disabled::-moz-range-thumb {
    background-color: var(--input-range-disabled-color, #ccc)
}

.form {
    font-family: var(--input-font-family)
}

.form__wrapper {
    width: 680px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 120px 0
}

.form__label {
    position: relative;
    color: var(--color-label, #7e8592);
    font-weight: var(--label-font-weight, --font-regular);
    font-size: var(--label-font-size, .9375rem);
    font-family: var(--input-font-family)
}

.form__option:after {
    display: inline-block;
    position: relative;
    top: -1px;
    left: .7rem;
    padding: .2rem .5rem;
    border-radius: 10px;
    content: var(--form-option-text, "");
    color: var(--form-option-color, #fff);
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle
}

.form__require:after {
    display: inline-block;
    position: relative;
    top: -3px;
    left: 0;
    padding: .2rem .3rem;
    border-radius: 10px;
    content: var(--form-require-text, "*");
    color: var(--form-require-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle
}

.form__row {
    margin-top: clamp(.6rem, 3vw, 1.2rem)
}

.form__content {
    padding: .3rem 0
}

.form__pp {
    font-size: .875rem;
    line-height: 1.6
}

.form__vertical {
    display: flex;
    flex-direction: column
}

.form__vertical>* {
    margin-top: .6rem
}

.form__horizontal {
    display: flex
}

.form__horizontal :not(:first-child) {
    margin-left: .6rem
}

.form__submit {
    display: inline-block;
    width: var(--input-submit-width, 260px);
    max-width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid var(--input-submit-border, var(--color-submit-bg));
    border-radius: var(--input-submit-border-radius, 30px);
    background-color: var(--input-submit-bg, var(--color-submit-bg));
    color: var(--input-submit-color, #fff);
    font-weight: var(--input-submit-font-weight, bold);
    transition-duration: .4s;
    transition-property: background-color, color, box-shadow;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.form__submit:hover,
.form__submit:focus,
.form__submit:active {
    border: 1px solid var(--input-submit-hover-border, var(--color-submit-bg-hover));
    background-color: var(--input-submit-hover-bg, var(--color-submit-bg-hover));
    color: var(--input-submit-hover-color, #fff)
}

.form__submit:focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

.form__submit:disabled {
    border: 1px solid var(--input-submit-disabled-border, var(--color-gray));
    background-color: var(--input-submit-disabled-bg, var(--color-gray));
    color: var(--color-disabled, #fff)
}

.form__submit.\:prosessing {
    border: 1px solid var(--input-submit-border, var(--color-submit-bg));
    background-color: var(--input-submit-bg, var(--color-submit-bg));
    color: var(--input-submit-color, #fff);
    cursor: wait
}

.form__return {
    display: inline-block;
    width: var(--input-return-width, 260px);
    max-width: 100%;
    padding: .8rem 1.5rem;
    border: 1px solid var(--input-return-border, #e7e7e7);
    border-radius: var(--input-return-border-radius, 30px);
    background-color: var(--input-return-bg, #fff);
    color: var(--input-return-color, var(--color-base));
    font-weight: var(--input-return-font-weight, normal);
    transition-duration: .4s;
    transition-property: background-color, color, box-shadow;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.form__return:hover,
.form__return:focus,
.form__return:active {
    border: 1px solid var(--input-return-hover-border, #e7e7e7);
    background-color: var(--input-return-hover-bg, #fff);
    color: var(--input-return-hover-color, var(--color-input-active))
}

.form__return:focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

.form__return-top {
    display: inline-block;
    width: var(--input-submit-width, 260px);
    max-width: 100%;
    padding: .8rem 1.5rem;
    border: 1px solid var(--input-submit-border, var(--color-submit-bg));
    border-radius: var(--input-submit-border-radius, 30px);
    background-color: var(--input-submit-bg, var(--color-submit-bg));
    color: var(--input-submit-color, #fff);
    font-weight: var(--input-submit-font-weight, bold);
    transition-duration: .4s;
    transition-property: background-color, color, box-shadow;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.form__return-top:hover,
.form__return-top:focus,
.form__return-top:active {
    border: 1px solid var(--input-submit-hover-border, var(--color-submit-bg-hover));
    background-color: var(--input-submit-hover-bg, var(--color-submit-bg-hover));
    color: var(--input-submit-hover-color, #fff)
}

.form__return-top:focus {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

.form__complete__title {
    font-size: clamp(22px, 5vw, 30px)
}

.form__invalid {
    margin-top: .5rem;
    color: var(--color-danger);
    font-size: .875rem
}

.form__notice {
    margin-top: .5rem;
    color: var(--color-gray, #888);
    font-size: .75rem
}

.form__seperate {
    display: flex;
    align-items: center
}

.form__seperate__year {
    flex: 0 0 18%;
    min-width: 80px
}

.form__seperate__month,
.form__seperate__date {
    flex: 0 0 12%;
    min-width: 60px
}

.form__seperate span {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 12px
}

.form__items {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    align-items: center
}

.form__items__remove {
    position: relative;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20role%3D%22img%22%20aria-label%3D%22%E5%89%8A%E9%99%A4%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200C4.02944%200%200%204.02944%200%209C0%2013.9706%204.02944%2018%209%2018C13.9706%2018%2018%2013.9706%2018%209C18%204.02944%2013.9706%200%209%200ZM9.08885%207.96054L6.16736%205L5.28321%205.89596L8.2047%208.8565L5%2012.104L5.88415%2013L9.08885%209.75246L12.1159%2012.8199L13%2011.924L9.97299%208.8565L12.7168%206.07603L11.8326%205.18007L9.08885%207.96054Z%22%20fill%3D%22%23999%22%2F%3E%20%3C%2Fsvg%3E);
    background-size: contain;
    background-repeat: no-repeat
}

.form__file {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    display: flex;
    column-gap: 6px;
    align-items: center
}

.form__file__remove {
    position: relative;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20role%3D%22img%22%20aria-label%3D%22%E5%89%8A%E9%99%A4%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200C4.02944%200%200%204.02944%200%209C0%2013.9706%204.02944%2018%209%2018C13.9706%2018%2018%2013.9706%2018%209C18%204.02944%2013.9706%200%209%200ZM9.08885%207.96054L6.16736%205L5.28321%205.89596L8.2047%208.8565L5%2012.104L5.88415%2013L9.08885%209.75246L12.1159%2012.8199L13%2011.924L9.97299%208.8565L12.7168%206.07603L11.8326%205.18007L9.08885%207.96054Z%22%20fill%3D%22%23999%22%2F%3E%20%3C%2Fsvg%3E);
    background-size: contain;
    background-repeat: no-repeat
}

.grecaptcha-badge {
    display: none !important
}

.text-underline {
    text-decoration: underline
}

.text-underline:hover,
.text-underline:focus,
.text-underline:active {
    color: var(--color-base)
}

.\:color-gray {
    color: var(--color-gray)
}

html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

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

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.c-scrollbar {
    -webkit-transform-origin: center right;
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    opacity: 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.c-scrollbar:hover {
    -webkit-transform: scaleX(1.45);
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    -webkit-transform: scaleY(1);
    top: auto;
    bottom: 0;
    width: 100%;
    height: 10px;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    -webkit-transform: scaleY(1.3);
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    margin: 2px;
    border-radius: 10px;
    background-color: #000;
    cursor: grab;
    opacity: .5
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0
}

.c-modal .modal {
    z-index: 999;
    position: relative
}

.c-modal .modal__overlay {
    display: flex;
    position: fixed;
    inset: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8)
}

.c-modal .modal__container {
    width: 887px;
    max-width: 90%;
    overflow-y: scroll;
    background-color: #fafafa
}

.c-modal .modal__content {
    position: relative
}

.c-modal .modal__content.number {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 64px 64px
}

.c-modal .modal__content.number .modal__title {
    margin-bottom: 70px;
    color: var(--color-blue);
    font-weight: var(--font-medium);
    font-size: 2rem;
    line-height: 140%;
    text-align: center
}

.c-modal .modal__content.number .modal__title small {
    font-size: 1rem
}

.c-modal .modal__content.number .modal__body {
    width: 100%;
    padding: 90px 70px;
    background-color: var(--color-gray);
    font-weight: var(--font-medium);
    font-size: 1rem;
    line-height: 180%;
    text-align: center
}

.c-modal .modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 33px;
    height: 33px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9764%209.41433L9.42007%2024.9707L8.00586%2023.5565L23.5622%208.00012L24.9764%209.41433Z%22%20fill%3D%22%23123458%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.5622%2024.9709L8.00586%209.41458L9.42007%208.00037L24.9764%2023.5567L23.5622%2024.9709Z%22%20fill%3D%22%23123458%22%2F%3E%3C%2Fsvg%3E);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.c-modal .modal__header .modal__close:before {
    content: "\2715"
}

.c-modal .modal__btn {
    -webkit-appearance: button;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    margin: 0;
    padding: .5rem 1rem;
    overflow: visible;
    transform: translateZ(0);
    border-width: 0;
    border-style: none;
    border-radius: .25rem;
    backface-visibility: hidden;
    background-color: #e6e6e6;
    color: #000c;
    font-size: .875rem;
    line-height: 1.15;
    text-transform: none;
    cursor: pointer;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    will-change: transform
}

.c-modal .modal__btn:focus,
.c-modal .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-modal .modal__btn-primary {
    background-color: #00449e;
    color: #fff
}

@-webkit-keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmslideOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-modal .micromodal-slide {
    display: none
}

.c-modal .micromodal-slide.is-open {
    display: block
}

.c-modal .micromodal-slide[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.c-modal .micromodal-slide[aria-hidden=false] .modal__wrapper {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.c-modal .micromodal-slide[aria-hidden=true] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.c-modal .micromodal-slide[aria-hidden=true] .modal__wrapper {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.c-modal .micromodal-slide .modal__wrapper,
.c-modal .micromodal-slide .modal__overlay {
    will-change: transform
}

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

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

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

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

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

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

.splide__progress__bar {
    width: 0
}

.splide {
    visibility: hidden;
    position: relative
}

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

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

.splide__slide img {
    vertical-align: bottom
}

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

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

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

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

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

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

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

.splide--rtl {
    direction: rtl
}

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

.splide__arrow {
    -webkit-transform: translateY(-50%);
    display: flex;
    z-index: 1;
    position: absolute;
    top: 50%;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    opacity: .7
}

.splide__arrow svg {
    fill: #000;
    width: 1.2em;
    height: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: .5em;
    left: 0;
    padding: 0 1em
}

.splide__pagination__page {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    margin: 3px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ccc;
    opacity: .7;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
    z-index: 1;
    transform: scale(1.4);
    background: #fff
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    height: 3px;
    background: #ccc
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    right: 1em;
    left: auto
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    right: auto;
    left: 1em
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    -webkit-transform: translate(-50%);
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    top: auto;
    bottom: 1em
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    display: flex;
    inset: 0 .5em 0 auto;
    flex-direction: column;
    padding: 1em 0
}

#vanilla-toast-container {
    z-index: 1000;
    position: fixed;
    right: 0;
    bottom: 0;
    text-align: center
}

#vanilla-toast {
    display: none;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    padding: 8px 15px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

#vanilla-toast-text {
    display: inline
}

#vanilla-toast-close-button {
    display: none;
    margin-left: 15px;
    font-size: 15px
}

#vanilla-toast.success {
    background: rgba(92, 184, 92, .76)
}

#vanilla-toast.info {
    background: rgba(91, 192, 222, .76)
}

#vanilla-toast.warning {
    background: rgba(236, 151, 31, .76)
}

#vanilla-toast.error {
    background: rgba(201, 48, 44, .76)
}

body:not(.wp-admin),
.editor-styles-wrapper {
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    background-color: var(--background-color);
    color: var(--color);
    font-weight: var(--font-regular, 400);
    font-size: 1rem;
    line-height: 1.6;
    font-family: var(--font-family);
    font-synthesis: none;
    direction: ltr
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
strong,
b {
    font-weight: var(--font-bold, 600)
}

h1 {
    font-size: var(--h1-size, clamp(26px, 5vw, 32px))
}

h2 {
    font-size: var(--h2-size, clamp(24px, 4vw, 26px))
}

h3 {
    font-size: var(--h3-size, clamp(20px, 3.5vw, 24px))
}

h4 {
    font-size: var(--h4-size, clamp(18px, 3vw, 20px))
}

h5 {
    font-size: var(--h5-size, clamp(16px, 2.5vw, 18px))
}

h6 {
    font-size: var(--h6-size, clamp(16px, 2.5vw, 18px))
}

img,
svg {
    max-width: 100%;
    height: auto
}

button {
    color: var(--color)
}

a {
    color: var(--link-color)
}

a:hover,
a:active,
a:focus {
    color: var(--link-hover-color)
}

small {
    font-size: 90%
}

summary {
    display: block;
    list-style: none;
    cursor: pointer
}

summary::-webkit-details-marker {
    display: none
}

#page {
    width: 100%;
    opacity: 0
}

ul.list-disc li {
    position: relative;
    padding-left: 1.3rem
}

ul.list-disc li:before {
    position: absolute;
    top: .7rem;
    left: .3rem;
    width: 5px;
    height: 5px;
    border-radius: 4px;
    background-color: var(--color-gray, #aaa);
    content: ""
}

ol.list-order {
    padding-left: 1.3rem;
    list-style: decimal
}

ol.list-order ::marker {
    font-family: var(--font-family)
}

.js-mouse-stalker {
    z-index: 10002;
    position: fixed;
    top: 0;
    left: 0;
    mix-blend-mode: difference;
    cursor: none;
    opacity: 0;
    pointer-events: none
}

.js-mouse-stalker .js-mouse-stalker__cursor,
.js-mouse-stalker .js-mouse-stalker__follower {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    cursor: none;
    pointer-events: none
}

.js-mouse-stalker .js-mouse-stalker__cursor {
    z-index: 2;
    top: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.js-mouse-stalker .js-mouse-stalker__follower {
    z-index: 1;
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    opacity: 0;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.js-mouse-stalker.is-hover .js-mouse-stalker__cursor {
    top: -100px;
    left: -100px;
    width: 200px;
    height: 200px;
    background-color: #fff;
    opacity: 0
}

.js-mouse-stalker.is-hover .js-mouse-stalker__cursor:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    color: var(--color-base);
    font-size: 1.625rem;
    letter-spacing: .03em
}

.js-mouse-stalker.is-hover .js-mouse-stalker__follower {
    opacity: 0
}

.js-mouse-stalker.is-hover.about .js-mouse-stalker__cursor {
    opacity: 1
}

.js-mouse-stalker.is-hover.about .js-mouse-stalker__cursor:before {
    content: "About"
}

.js-mouse-stalker.is-hover.entry {
    mix-blend-mode: normal
}

.js-mouse-stalker.is-hover.entry .js-mouse-stalker__cursor {
    background-color: var(--color-base) !important;
    opacity: 1
}

.js-mouse-stalker.is-hover.entry .js-mouse-stalker__cursor:before {
    content: "Entry";
    color: var(--color-brown)
}

.js-mouse-stalker.is-drag {
    mix-blend-mode: normal
}

.js-mouse-stalker.is-drag .js-mouse-stalker__cursor {
    top: -56px;
    left: -56px;
    width: 120px;
    height: 120px;
    background-image: none;
    background-color: #fff;
    opacity: 1
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower {
    -webkit-filter: blur(0);
    z-index: 3;
    top: -46px;
    left: -46px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    filter: blur(0);
    opacity: 1
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2214%22%20viewBox%3D%220%200%2032%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2210.0221%22%20height%3D%220.723574%22%20transform%3D%22matrix(0.751063%200.66023%20-0.354558%200.935034%2023.5865%200)%22%20fill%3D%22%23282823%22%2F%3E%20%3Crect%20width%3D%2210.0221%22%20height%3D%220.723574%22%20transform%3D%22matrix(0.751063%20-0.66023%200.354558%200.935034%2023.2457%2013.3235)%22%20fill%3D%22%23282823%22%2F%3E%20%3Crect%20width%3D%2210.0221%22%20height%3D%220.723574%22%20transform%3D%22matrix(-0.751063%200.66023%200.354558%200.935034%207.52728%200)%22%20fill%3D%22%23282823%22%2F%3E%20%3Crect%20width%3D%2210.0221%22%20height%3D%220.723574%22%20transform%3D%22matrix(-0.751063%20-0.66023%20-0.354558%200.935034%207.86804%2013.3235)%22%20fill%3D%22%23282823%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    text-align: center;
    white-space: nowrap
}

.js-mouse-stalker.is-next {
    mix-blend-mode: normal
}

.js-mouse-stalker.is-next .js-mouse-stalker__cursor {
    -webkit-backdrop-filter: blur(5px) brightness(2);
    top: -60px;
    left: -60px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    backdrop-filter: blur(5px) brightness(2);
    background-color: #fff5ec4d;
    opacity: 1
}

.js-mouse-stalker.is-next .js-mouse-stalker__follower {
    -webkit-filter: blur(0);
    z-index: 2;
    background: transparent;
    filter: blur(0);
    opacity: 1
}

.js-mouse-stalker.is-next .js-mouse-stalker__follower:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 28px;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2222%22%20viewBox%3D%220%200%2028%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.0479%200.821389L27.8398%2010.6133C27.9466%2010.7202%2028%2010.8601%2028%2011C28%2011.14%2027.9466%2011.2799%2027.8398%2011.3867L18.0479%2021.1787C17.8344%2021.3923%2017.4881%2021.3923%2017.2745%2021.1787C17.061%2020.9652%2017.061%2020.6189%2017.2745%2020.4053L26.1329%2011.5469L0.546875%2011.5469C0.244836%2011.5469%20-4.38722e-07%2011.3021%20-4.51924e-07%2011C-4.65127e-07%2010.698%200.244835%2010.4532%200.546875%2010.4532L26.1329%2010.4532L17.2745%201.59478C17.061%201.38122%2017.061%201.03494%2017.2745%200.821389C17.488%200.607835%2017.8343%200.607835%2018.0479%200.821389Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

[data-scroll-trigger=text] {
    display: flex;
    overflow: hidden;
    line-height: 1.15
}

[data-scroll-trigger=text] [data-str-animation] {
    -webkit-transform: translateY(100%);
    min-width: .24em;
    transform: translateY(100%)
}

[data-scroll-trigger=top] {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    will-change: transition
}

[data-scroll-trigger=top].\:visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

[data-scroll-trigger=blur] {
    -webkit-filter: blur(1em) brightness(1.85);
    filter: blur(1em) brightness(1.85);
    transition-duration: 1.3s;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

[data-scroll-trigger=blur].\:visible {
    -webkit-filter: blur(0) brightness(1);
    filter: blur(0) brightness(1)
}

.c-accordion {
    overflow: hidden
}

.c-accordion__details {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.c-accordion__details:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.c-accordion__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-accordion__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    gap: 20px
}

.c-accordion__summary.is-active .c-accordion__icon {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.c-accordion__content.is-active .c-accordion__inner {
    padding-top: 0;
    border-top: none
}

.c-accordion__inner {
    padding: 0 0 40px
}

.c-accordion__faq {
    border-bottom: 1px solid #e8e8e8
}

.c-accordion__faq .c-accordion__details {
    padding: 0 15px
}

.c-accordion__faq .c-accordion__summary {
    position: relative;
    padding-left: 48px;
    font-size: clamp(1.063rem, .903rem + .8vw, 1.5rem)
}

.c-accordion__faq .c-accordion__summary:before {
    position: absolute;
    top: 37px;
    left: 0;
    content: "Q.";
    font-size: clamp(1.25rem, 1.114rem + .68vw, 1.625rem)
}

.c-accordion__faq .c-accordion__inner {
    position: relative;
    padding-left: 48px;
    font-size: .9375rem;
    line-height: 190%
}

.c-accordion__faq .c-accordion__inner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "A.";
    font-size: clamp(1.25rem, 1.114rem + .68vw, 1.625rem)
}

.c-accordion__recruitment .c-accordion__summary {
    position: relative;
    color: var(--color-blue);
    font-weight: var(--font-medium);
    font-size: clamp(1.063rem, .903rem + .8vw, 1.5rem);
    letter-spacing: .03em
}

.c-accordion__recruitment .c-accordion__summary span {
    padding-right: 40px
}

.c-accordion__recruitment .c-accordion__inner {
    position: relative
}

.c-accordion__civil .c-accordion__summary {
    position: relative;
    padding: 48px 0;
    font-weight: var(--font-medium);
    font-size: clamp(1.125rem, .852rem + 1.36vw, 1.875rem);
    letter-spacing: .03em
}

.c-accordion__civil .c-accordion__summary span {
    padding-right: 40px
}

.c-accordion__civil .c-accordion__inner {
    position: relative;
    padding: 0 0 56px
}

.c-accordion__interview .c-accordion__summary {
    font-weight: var(--font-medium);
    font-size: clamp(1.125rem, .852rem + 1.36vw, 1.5rem)
}

.c-button__primary__link {
    display: inline-block;
    position: relative;
    min-width: 260px;
    padding: 20px 50px 20px 35px;
    border-radius: 47px;
    background-color: #d93025;
    color: var(--color-brown);
    font-size: 1.125rem;
    letter-spacing: .01em
}

.c-button__primary__link:after {
    -webkit-transform: translateY(-50%);
    -webkit-transform-origin: center;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 7px;
    height: 7px;
    transform: translateY(-50%);
    transform-origin: center;
    border-radius: 50%;
    background-color: var(--color-brown);
    content: "";
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-button__primary__link:hover,
.c-button__primary__link:focus,
.c-button__primary__link:active {
    color: var(--color-brown)
}

.c-button__primary__link:hover:after,
.c-button__primary__link:focus:after,
.c-button__primary__link:active:after {
    -webkit-transform: translateY(-50%) scale(1.7);
    transform: translateY(-50%) scale(1.7)
}

.c-button__primary--map .c-button__primary__link {
    background-color: var(--color-white);
    color: var(--color-blue)
}

.c-button__primary--map .c-button__primary__link:after {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6859_11885)%22%3E%3Cpath%20d%3D%22M11%200C8.81285%200.0029013%206.71612%200.873027%205.16957%202.41957C3.62303%203.96612%202.7529%206.06285%202.75%208.25C2.75%2014.1728%2010.4362%2021.5909%2010.7628%2021.9038C10.8263%2021.9655%2010.9114%2022%2011%2022C11.0886%2022%2011.1737%2021.9655%2011.2372%2021.9038C11.5637%2021.5909%2019.25%2014.1728%2019.25%208.25C19.2471%206.06285%2018.377%203.96612%2016.8304%202.41957C15.2839%200.873027%2013.1871%200.0029013%2011%200ZM11%2012.0312C10.2521%2012.0312%209.52107%2011.8095%208.89925%2011.394C8.27743%2010.9785%207.79277%2010.388%207.50658%209.69702C7.22039%209.00609%207.14551%208.24581%207.29141%207.51231C7.43731%206.77882%207.79743%206.10507%208.32625%205.57625C8.85507%205.04743%209.52882%204.68731%2010.2623%204.54141C10.9958%204.39551%2011.7561%204.47039%2012.447%204.75658C13.138%205.04277%2013.7285%205.52743%2014.144%206.14925C14.5595%206.77107%2014.7812%207.50214%2014.7812%208.25C14.7806%209.25267%2014.3821%2010.2141%2013.6731%2010.9231C12.9641%2011.6321%2012.0027%2012.0306%2011%2012.0312Z%22%20fill%3D%22%23245CA6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6859_11885%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-color: transparent
}

.c-button__primary--map .c-button__primary__link:hover:after,
.c-button__primary--map .c-button__primary__link:focus:after,
.c-button__primary--map .c-button__primary__link:active:after {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.c-button__primary--more .c-button__primary__link {
    color: var(--color-white);
    cursor: pointer
}

.c-button__primary--more .c-button__primary__link:after {
    display: none
}

.c-button__primary--more .c-button__primary__link .icon-plus {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 32px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%)
}

.c-button__primary--more .c-button__primary__link .icon-plus:before {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background-color: #fff;
    content: ""
}

.c-button__primary--more .c-button__primary__link .icon-plus:after {
    -webkit-transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translate(-50%);
    background-color: #fff;
    content: "";
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-button__primary--more .c-button__primary__link.open .icon-plus:after {
    opacity: 0
}

.c-button__primary--white .c-button__primary__link {
    border-bottom: 1px solid #fff;
    color: #fff
}

.c-button__primary--white .c-button__primary__arrow path {
    fill: #fff
}

.c-button__primary--skyblue .c-button__primary__link {
    background-color: #e1eaf2;
    color: var(--color-blue)
}

.c-button__primary--skyblue .c-button__primary__link:after {
    background-color: var(--color-blue)
}

.c-button__primary--skyblue .c-button__primary__arrow path {
    fill: #fff
}

.c-button__primary--blue .c-button__primary__link {
    background-color: #b6d7f4;
    color: var(--color-blue)
}

.c-button__primary--blue .c-button__primary__link:after {
    background-color: var(--color-blue)
}

.c-button__primary--blue .c-button__primary__arrow path {
    fill: #fff
}

.c-button__primary--sm .c-button__primary__link {
    width: 117px;
    padding-bottom: 8px;
    font-size: .875rem
}

.c-button__primary--sm .c-button__primary__arrow {
    width: 15px
}

.c-card__content {
    display: flex;
    position: relative;
    flex-direction: column
}

.c-card__title {
    font-weight: var(--font-regular)
}

.c-card__figure {
    margin-bottom: 0
}

.c-card__image {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-card__cases {
    position: relative;
    height: 100%;
    padding: 30px 30px 40px;
    background-color: #fff;
    color: var(--color-brown)
}

.c-card__cases:hover .c-card__image,
.c-card__cases:focus .c-card__image,
.c-card__cases:active .c-card__image {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.c-card__cases .c-card__link {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-card__cases .c-card__title {
    margin-top: 20px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 180%
}

.c-card__cases .c-card__title__link {
    color: var(--color-brown);
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__cases .c-card__title__link:hover,
.c-card__cases .c-card__title__link:focus,
.c-card__cases .c-card__title__link:active {
    color: var(--color-brown)
}

.c-card__cases .c-card__top {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.c-card__cases .c-card__time {
    display: inline-block;
    color:#333;
    font-weight: var(--font-regular);
    font-size: .9375rem;
    line-height: 1
}

.c-card__cases .c-card__cat__link {
    display: inline-block;
    z-index: 1;
    position: relative;
    margin-right: 5px;
    color: #000000;
    font-size: .875rem;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__cases .c-card__cat__link:hover,
.c-card__cases .c-card__cat__link:focus,
.c-card__cases .c-card__cat__link:active {
    color: var(--color-brown)
}

.c-card__cases .c-card__figure {
    position: relative;
    padding-top: 69%;
    overflow: hidden
}

.c-card__blog {
    position: relative;
    height: 100%;
    padding: 50px 0;
    border-top: 1px solid #f2f0ee
}

.c-card__blog:last-child {
    border-bottom: 1px solid #f2f0ee
}

.c-card__blog:hover .c-card__image,
.c-card__blog:focus .c-card__image,
.c-card__blog:active .c-card__image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.c-card__blog:hover .c-card__arrow--before,
.c-card__blog:focus .c-card__arrow--before,
.c-card__blog:active .c-card__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.c-card__blog:hover .c-card__arrow--after,
.c-card__blog:focus .c-card__arrow--after,
.c-card__blog:active .c-card__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.c-card__blog .c-card__main {
    display: flex;
    gap: 80px
}

.c-card__blog .c-card__left {
    flex: 0 0 20%
}

.c-card__blog .c-card__right {
    flex: calc(80% - 80px)
}

.c-card__blog .c-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-right: 126px
}

.c-card__blog .c-card__top {
    display: flex;
    align-items: center;
    gap: 40px
}

.c-card__blog .c-card__link {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-card__blog .c-card__title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: 16px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 180%
}

.c-card__blog .c-card__title__link {
    color: var(--color-base);
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__blog .c-card__title__link:hover,
.c-card__blog .c-card__title__link:focus,
.c-card__blog .c-card__title__link:active {
    color: var(--color-base)
}

.c-card__blog .c-card__figure {
    position: relative;
    padding-top: 65%;
    overflow: hidden
}

.c-card__blog .c-card__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.c-card__blog .c-card__cat__link {
    display: inline-block;
    z-index: 1;
    padding: 5px 4px;
    font-size: .875rem;
    line-height: 1.3;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__blog .c-card__cat__link:hover,
.c-card__blog .c-card__cat__link:focus,
.c-card__blog .c-card__cat__link:active {
    color: var(--color-base)
}

.c-card__blog .c-card__time {
    display: inline-block;
    font-weight: var(--font-medium);
    font-size: .9375rem;
    line-height: 1
}

.c-card__blog .c-card__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 37px;
    height: 37px
}

.c-card__blog .c-card__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-card__blog .c-card__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-card__lowerblog {
    position: relative
}

.c-card__lowerblog:hover .c-card__image,
.c-card__lowerblog:focus .c-card__image,
.c-card__lowerblog:active .c-card__image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.c-card__lowerblog .c-card__link {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-card__lowerblog .c-card__figure {
    position: relative;
    padding-top: 68.7%;
    overflow: hidden
}

.c-card__lowerblog .c-card__top {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 30px
}

.c-card__lowerblog .c-card__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.c-card__lowerblog .c-card__cat__link {
    display: inline-block;
    z-index: 1;
    padding: 5px 4px;
    font-size: .875rem;
    line-height: 1.3;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__lowerblog .c-card__cat__link:hover,
.c-card__lowerblog .c-card__cat__link:focus,
.c-card__lowerblog .c-card__cat__link:active {
    color: var(--color-base)
}

.c-card__lowerblog .c-card__time {
    display: inline-block;
    font-weight: var(--font-regular);
    font-size: .9375rem;
    line-height: 1
}

.c-card__lowerblog .c-card__title {
    margin-top: 5px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 180%
}

.c-card__lowerblog .c-card__title__link {
    color: #dacbbfcc;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__lowerblog .c-card__title__link:hover,
.c-card__lowerblog .c-card__title__link:focus,
.c-card__lowerblog .c-card__title__link:active {
    color: #dacbbfcc
}

.c-card__ship {
    position: relative
}

.c-card__ship:hover .c-card__image,
.c-card__ship:focus .c-card__image,
.c-card__ship:active .c-card__image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.c-card__ship .c-card__link {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-card__ship .c-card__figure {
    position: relative;
    padding-top: 68.7%;
    overflow: hidden
}

.c-card__ship .c-card__top {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 30px
}

.c-card__ship .c-card__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.c-card__ship .c-card__cat__link {
    display: inline-block;
    z-index: 1;
    padding: 5px 8px 5px 0;
    font-size: .875rem;
    line-height: 1.3;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__ship .c-card__cat__link:hover,
.c-card__ship .c-card__cat__link:focus,
.c-card__ship .c-card__cat__link:active {
    color: var(--color-base)
}

.c-card__ship .c-card__time {
    display: inline-block;
    font-weight: var(--font-regular);
    font-size: .9375rem;
    line-height: 1
}

.c-card__ship .c-card__title {
    margin-top: 5px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 180%;
    text-decoration: underline
}

.c-card__ship .c-card__title__link {
    color: #dacbbfcc;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__ship .c-card__title__link:hover,
.c-card__ship .c-card__title__link:focus,
.c-card__ship .c-card__title__link:active {
    color: #dacbbfcc
}

.hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.hamburger__container {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 1px
}

.hamburger__bar {
    -webkit-transform-origin: center center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    transform-origin: center center;
    transition-duration: 1s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger__bar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: ""
}

.hamburger__bar:not(:first-child, :last-child) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition-delay: .3s;
    transition-duration: .7s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.hamburger__bar:first-child {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px)
}

.hamburger__bar:last-child {
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

.hamburger[aria-expanded=true] .hamburger__bar:not(:first-child, :last-child) {
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform: scaleX(0);
    transform-origin: right center;
    transition-delay: 0s
}

.hamburger[aria-expanded=true] .hamburger__bar:first-child {
    -webkit-transform: rotate(-40deg);
    top: 0;
    transform: rotate(-40deg)
}

.hamburger[aria-expanded=true] .hamburger__bar:last-child {
    -webkit-transform: rotate(40deg);
    top: 0;
    transform: rotate(40deg)
}

.lower__header {
    padding-top: clamp(80px, 10vw, 120px);
    padding-bottom: clamp(40px, 7vw, 100px)
}

.lower__header__title {
    display: flex;
    flex-direction: column-reverse
}

.lower__header__title-en {
    font-weight: var(--font-normal);
    font-size: clamp(50px, 6vw, 86px);
    line-height: 1.2
}

.lower__header__title-ja {
    margin-top: .3rem;
    color: var(--color-gray);
    font-weight: var(--font-normal);
    font-size: .9375rem;
    line-height: 1
}

.lower__header--blank {
    padding-top: clamp(50px, 6vw, 60px);
    padding-bottom: clamp(40px, 7vw, 100px)
}

.lower__header--post {
    padding-top: clamp(10rem, 9.091rem + 4.55vw, 12.5rem);
    padding-bottom: clamp(5rem, 4.091rem + 4.55vw, 7.5rem)
}

.lower__header--post__title {
    display: flex;
    flex-direction: column-reverse
}

.lower__header--post__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 2.273rem + 3.64vw, 5rem);
    line-height: 130%
}

.lower__header--post__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.125rem);
    letter-spacing: .1em
}

.lower__header--number {
    padding-top: clamp(10rem, 9.091rem + 4.55vw, 12.5rem);
    padding-bottom: clamp(2.5rem, 1.25rem + 6.25vw, 5.938rem)
}

.lower__header--number__title {
    display: flex;
    flex-direction: column-reverse
}

.lower__header--number__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 2.273rem + 3.64vw, 7.5rem);
    line-height: 130%
}

.lower__header--number__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.5rem);
    letter-spacing: .1em
}

.lower__header--picture {
    position: relative
}

.lower__header--picture__title {
    display: flex;
    z-index: 1;
    position: absolute;
    flex-direction: column-reverse;
    padding-top: clamp(7.5rem, 4.773rem + 13.64vw, 15rem);
    color: var(--color-white)
}

.lower__header--picture__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 2.273rem + 3.64vw, 7.5rem);
    line-height: 130%
}

.lower__header--picture__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.125rem);
    letter-spacing: .1em
}

.lower__header--picture__catch {
    z-index: 1;
    position: absolute;
    bottom: 0;
    padding-bottom: clamp(3.125rem, .625rem + 12.5vw, 10rem);
    color: var(--color-white);
    font-weight: var(--font-medium);
    font-size: 2rem
}

.lower__header--picture__figure {
    position: relative;
    width: 100%;
    height: 100svh;
    min-height: 500px
}

.lower__header--picture__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lower__header--business {
    position: relative;
    background-color: #fff
}

.lower__header--business__title {
    display: flex;
    z-index: 1;
    flex-direction: column-reverse;
    padding-top: clamp(7.5rem, 4.773rem + 13.64vw, 15rem)
}

.lower__header--business__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 2.273rem + 3.64vw, 7.5rem);
    line-height: 130%
}

.lower__header--business__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.125rem);
    letter-spacing: .1em
}

.lower__header--business__subtitle {
    margin-top: 147px;
    font-size: clamp(1.125rem, .716rem + 2.05vw, 2.25rem);
    letter-spacing: .1em
}

.lower__header--business__subtitle:before {
    display: inline-block;
    position: relative;
    top: -10px;
    width: 70px;
    height: 1px;
    margin-right: 20px;
    background-color: rgba(var(--color-base-rgb), .5);
    content: ""
}

.lower__header--business__body {
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.lower__header--business__figure {
    margin-top: 80px
}

.lower__breadcrumb {
    margin-top: clamp(60px, 3vw, 80px);
    margin-bottom: clamp(30px, 3vw, 60px)
}

.c-news-list {
    position: relative;
    padding: 3rem 0;
    padding-right: 40px;
    border-bottom: 1px solid #f2f0ee
}

.c-news-list:hover .c-news-list__arrow--before,
.c-news-list:focus .c-news-list__arrow--before,
.c-news-list:active .c-news-list__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.c-news-list:hover .c-news-list__arrow--after,
.c-news-list:focus .c-news-list__arrow--after,
.c-news-list:active .c-news-list__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.c-news-list__link {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-news-list__top {
    display: flex;
    align-items: center;
    gap: 40px
}

.c-news-list__time {
    z-index: 2;
    position: relative;
    font-size: .9375rem;
    line-height: 1.3
}

.c-news-list__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.c-news-list__cat__link {
    display: inline-block;
    z-index: 20;
    padding: 0 4px;
    font-size: .875rem;
    line-height: 1.3;
    text-decoration: underline;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-news-list__cat__link:hover,
.c-news-list__cat__link:focus,
.c-news-list__cat__link:active {
    color: var(--color-base)
}

.c-news-list__title {
    z-index: 2;
    position: relative;
    padding-top: 40px;
    font-weight: var(--font-normal);
    font-size: .9375rem;
    line-height: 1.4
}

.c-news-list__arrow {
    -webkit-transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 37px;
    height: 37px;
    transform: translateY(-50%)
}

.c-news-list__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-news-list__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-table .dl-row {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.c-table__dt {
    flex: 0 0 223px;
    padding-right: 20px;
    font-weight: var(--font-regular);
    font-size: 1.125rem
}

.c-table__dd {
    flex: 0 0 calc(100% - 223px);
    font-size: 1.125rem;
    line-height: 200%;
    letter-spacing: .03em
}

.c-title--reverse {
    display: flex;
    flex-direction: column-reverse
}

.c-title--lg .c-title__en {
    font-size: clamp(36px, 10vw, 70px);
    line-height: 1.1
}

.c-title--md .c-title__en {
    font-size: clamp(36px, 10vw, 60px);
    line-height: 1.1
}

.c-title__en {
    font-weight: var(--font-normal);
    font-size: clamp(22px, 10vw, 40px);
    line-height: 1.1
}

.c-title__ja {
    color: var(--color-gray);
    font-size: .875rem;
    line-height: 1.2
}

.c-title__primary--en {
    margin-bottom: 10px;
    font-weight: var(--font-regular);
    font-size: 5rem;
    line-height: 1.4
}

.c-title__primary--ja {
    font-weight: var(--font-regular);
    font-size: 1.125rem;
    line-height: 1
}

.c-title__primary--white {
    color: #fff
}

.c-title__primary--brown {
    color: var(--color-brown)
}

.c-title__secondary {
    font-weight: var(--font-medium);
    font-size: 2.25rem;
    letter-spacing: .1em
}

.c-title__secondary--white {
    color: #fff
}

.l-aside-blog {
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem)
}

.l-aside-blog__inner {
    position: relative
}

.l-aside-blog__button {
    display: flex;
    justify-content: flex-end;
    margin-top: 90px
}

.l-aside-business {
    padding-bottom: clamp(5rem, 3.636rem + 6.82vw, 8.75rem);
    background-color: #fff
}

.l-aside-business__link {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.l-aside-business__link:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.l-aside-business__link:hover,
.l-aside-business__link:focus,
.l-aside-business__link:active {
    color: var(--color-base)
}

.l-aside-business__link:hover .l-aside-business__figure img,
.l-aside-business__link:focus .l-aside-business__figure img,
.l-aside-business__link:active .l-aside-business__figure img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.l-aside-business__link:hover .l-aside-business__arrow--before,
.l-aside-business__link:focus .l-aside-business__arrow--before,
.l-aside-business__link:active .l-aside-business__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.l-aside-business__link:hover .l-aside-business__arrow--after,
.l-aside-business__link:focus .l-aside-business__arrow--after,
.l-aside-business__link:active .l-aside-business__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.l-aside-business__figure {
    overflow: hidden
}

.l-aside-business__figure img {
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-aside-business__str {
    font-weight: var(--font-medium);
    font-size: 1.375rem;
    letter-spacing: .03em
}

.l-aside-business__str span {
    padding-right: 20px;
    font-weight: var(--font-regular)
}

.l-aside-business__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.l-aside-business__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-aside-business__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.aside-contact {
    width: 100%;
    overflow-x: hidden
}

.aside-contact__wrapper {
    padding-top: clamp(60px, 5vw, 80px);
    padding-bottom: clamp(80px, 5vw, 120px)
}

.aside-contact__header {
    padding-bottom: clamp(40px, 5vw, 50px)
}

.aside-contact__content {
    max-width: 100%;
    margin-top: .3rem;
    font-size: .875rem;
    line-height: 2
}

.aside-contact__link {
    display: block;
    position: relative;
    height: clamp(200px, 50vw, 40vh)
}

.aside-contact__link:focus-visible .aside-contact__link__circle {
    border-color: rgba(var(--color-input-focus-rgb, 36, 44, 229), .4);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--color-input-focus-rgb, 36, 44, 229), .3)
}

.aside-contact__link:hover,
.aside-contact__link:focus,
.aside-contact__link:active {
    outline: none
}

.aside-contact__link:hover .aside-contact__link__en,
.aside-contact__link:focus .aside-contact__link__en,
.aside-contact__link:active .aside-contact__link__en {
    color: var(--color-gray-light)
}

.aside-contact__link:hover .aside-contact__link__circle:before,
.aside-contact__link:focus .aside-contact__link__circle:before,
.aside-contact__link:active .aside-contact__link__circle:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.aside-contact__link:hover .aside-contact__link__arrow,
.aside-contact__link:focus .aside-contact__link__arrow,
.aside-contact__link:active .aside-contact__link__arrow {
    fill: #fff
}

.aside-contact__link__en__wrapper {
    position: absolute;
    width: 100%
}

.aside-contact__link__circle {
    -webkit-transform: translateY(-50%);
    display: flex;
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 5vw;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    transform: translateY(-50%);
    border: 1px solid var(--color-gray-light);
    border-radius: 100%;
    background-color: #fff
}

.aside-contact__link__circle:before {
    -webkit-transform: scale(.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(.9);
    border-radius: 100%;
    background-color: var(--color-base);
    content: "";
    opacity: 0;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.aside-contact__link__arrow {
    fill: var(--color-base);
    z-index: 3;
    position: relative;
    transition-duration: 1s;
    transition-property: fill;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.aside-contact__link__en {
    -webkit-animation: loop 15s linear 0s infinite;
    display: flex;
    position: absolute;
    justify-content: center;
    gap: 3vw;
    color: var(--color-bg-gray);
    font-weight: var(--font-bold);
    font-size: clamp(100px, 30vw, 200px);
    white-space: nowrap;
    animation: loop 15s linear 0s infinite;
    transition-duration: 1s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@-webkit-keyframes loop {
    to {
        -webkit-transform: translateX(calc(-50% - 1.5vw));
        transform: translate(calc(-50% - 1.5vw))
    }
}

@keyframes loop {
    to {
        -webkit-transform: translateX(calc(-50% - 1.5vw));
        transform: translate(calc(-50% - 1.5vw))
    }
}

.l-aside-entry {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100svh;
    background-color: #fff
}

.l-aside-entry__link {
    display: block;
    z-index: 1;
    position: relative
}

.l-aside-entry__figure {
    position: relative;
    width: 100%;
    height: 100%
}

.l-aside-entry__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.l-aside-entry__str {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 9.375rem;
    white-space: nowrap
}

.l-aside-news {
    padding-bottom: clamp(2.5rem, .227rem + 11.36vw, 8.75rem)
}

.l-aside-news__inner {
    position: relative
}

.l-aside-news__button {
    display: flex;
    justify-content: flex-end;
    margin-top: 90px
}

.l-aside-recruit {
    margin-bottom: clamp(5rem, 3.636rem + 6.82vw, 8.75rem)
}

.l-aside-recruit__link {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.l-aside-recruit__link:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.l-aside-recruit__link:hover,
.l-aside-recruit__link:focus,
.l-aside-recruit__link:active {
    color: var(--color-base)
}

.l-aside-recruit__link:hover .l-aside-recruit__figure img,
.l-aside-recruit__link:focus .l-aside-recruit__figure img,
.l-aside-recruit__link:active .l-aside-recruit__figure img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.l-aside-recruit__link:hover .l-aside-recruit__arrow--before,
.l-aside-recruit__link:focus .l-aside-recruit__arrow--before,
.l-aside-recruit__link:active .l-aside-recruit__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.l-aside-recruit__link:hover .l-aside-recruit__arrow--after,
.l-aside-recruit__link:focus .l-aside-recruit__arrow--after,
.l-aside-recruit__link:active .l-aside-recruit__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.l-aside-recruit__figure {
    overflow: hidden
}

.l-aside-recruit__figure img {
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-aside-recruit__str {
    font-weight: var(--font-medium);
    font-size: 1.375rem;
    letter-spacing: .03em
}

.l-aside-recruit__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.l-aside-recruit__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-aside-recruit__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-drawer {
    display: none;
    z-index: 10000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: opacity
}

.l-drawer__bg {
    -webkit-transform: translateZ(0);
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-base)
}

.l-drawer__header {
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-items: center;
    height: var(--header-height-lg);
    padding: 0 50px
}

.l-drawer__hamburger {
    display: flex;
    justify-content: flex-end
}

.l-drawer__hamburger .hamburger__bar:before {
    background-color: #fff
}

.l-drawer .modal__container {
    -webkit-overflow-scrolling: touch;
    z-index: 4;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.l-drawer .modal__container::-webkit-scrollbar {
    display: none
}

.l-drawer__content {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
    padding-right: 10px;
    padding-left: 10px
}

.l-drawer__nav__list:not(:first-child) {
    margin-top: 50px
}

.l-drawer__nav__link {
    display: inline-flex;
    color: var(--color-brown);
    font-weight: var(--font-medium);
    font-size: 1.75rem
}

.l-drawer__nav__link:hover,
.l-drawer__nav__link:focus,
.l-drawer__nav__link:active {
    color: var(--color-brown)
}

.l-drawer__nav__link.-nolink {
    pointer-events: none
}

.l-drawer__nav__child {
    margin-top: 30px
}

.l-drawer__nav__child__list:not(:first-child) {
    margin-top: 30px
}

.l-drawer__nav__child__link {
    display: inline-flex;
    color: var(--color-brown);
    font-size: 1rem
}

.l-drawer__nav__child__link:hover,
.l-drawer__nav__child__link:focus,
.l-drawer__nav__child__link:active {
    color: var(--color-brown)
}

.l-drawer__nav__ul {
    padding: 25px 0
}

.l-drawer__nav__ul.-sub {
    padding: 40px 0;
    border-top: 1px dotted var(--color-brown)
}

.l-drawer__nav__ul.-sub .l-drawer__nav__list:not(:first-child) {
    margin-top: 30px
}

.l-drawer__nav__ul.-sub .l-drawer__nav__link {
    display: inline-flex;
    color: var(--color-brown);
    font-weight: var(--font-medium);
    font-size: 1.25rem
}

.l-drawer__nav__ul.-sub .l-drawer__nav__link:hover,
.l-drawer__nav__ul.-sub .l-drawer__nav__link:focus,
.l-drawer__nav__ul.-sub .l-drawer__nav__link:active {
    color: var(--color-brown)
}

.l-drawer__info {
    padding: 40px 0;
    border-top: 1px dotted var(--color-brown);
    color: var(--color-brown);
    font-weight: var(--font-medium)
}

.l-drawer__info__item {
    display: flex;
    align-items: center;
    gap: 5px
}

.l-drawer__info__item:not(:first-child) {
    margin-top: 30px
}

.l-drawer__info__link {
    color: var(--color-brown);
    letter-spacing: .05em;
    text-decoration: underline
}

.l-drawer__info__link:hover,
.l-drawer__info__link:focus,
.l-drawer__info__link:active {
    color: var(--color-brown)
}

.l-drawer__info__link.-pp {
    text-decoration: none
}

.l-drawer__info__youtube {
    width: 30px;
    height: auto;
    margin-left: 15px
}

.l-drawer.is-open {
    display: block;
    z-index: 10000
}

.l-drawer[aria-hidden=false] .l-drawer__bg {
    -webkit-animation: slideIn 1s var(--easeOutExpo) 0s forwards;
    animation: slideIn 1s var(--easeOutExpo) 0s forwards
}

.l-drawer[aria-hidden=false] .modal__container {
    -webkit-animation: fadeIn .8s var(--easeOutCubic) .4s forwards;
    animation: fadeIn .8s var(--easeOutCubic) .4s forwards
}

.l-drawer[aria-hidden=false] .l-drawer__content {
    -webkit-animation: scaleIn .8s var(--easeOutCubic) .4s forwards;
    animation: scaleIn .8s var(--easeOutCubic) .4s forwards
}

.l-drawer[aria-hidden=true] .l-drawer__bg {
    -webkit-animation: slideOut .6s var(--easeInOutCubic) 0s forwards;
    animation: slideOut .6s var(--easeInOutCubic) 0s forwards
}

.l-drawer[aria-hidden=true] .l-drawer__content {
    -webkit-animation: scaleOut .8s var(--easeOutCubic) .6s forwards;
    animation: scaleOut .8s var(--easeOutCubic) .6s forwards
}

.l-drawer[aria-hidden=true] .l-drawer.modal__container {
    -webkit-animation: fadeOut .8s var(--easeOutCubic) .6s forwards;
    animation: fadeOut .8s var(--easeOutCubic) .6s forwards
}

.l-drawer[aria-hidden=false] .l-drawer__content,
.l-drawer[aria-hidden=true] .l-drawer__bg,
.l-drawer[aria-hidden=true] .l-drawer__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0)
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0)
    }
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleIn {
    0% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.l-footer {
    z-index: 1;
    position: relative
}

.l-footer__wrapper {
    padding: 0 4%;
    padding-top: clamp(70px, 8vw, 130px);
    padding-bottom: clamp(70px, 8vw, 100px);
    background-color: var(--color-primary);
    color: #fff;
}

.l-footer__image {
    width: 50%
}

.l-footer__contact {
    padding-bottom: 67px
}

.l-footer__contact__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid rgba(var(--color-brown-rgb), .4);
    color: var(--color-brown);
    font-size: 5rem
}

.l-footer__contact__link:hover,
.l-footer__contact__link:focus,
.l-footer__contact__link:active {
    color: var(--color-brown)
}

.l-footer__contact__link:hover .l-footer__contact__arrow--before,
.l-footer__contact__link:focus .l-footer__contact__arrow--before,
.l-footer__contact__link:active .l-footer__contact__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.l-footer__contact__link:hover .l-footer__contact__arrow--after,
.l-footer__contact__link:focus .l-footer__contact__arrow--after,
.l-footer__contact__link:active .l-footer__contact__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.l-footer__contact__arrow {
    position: relative;
    width: 70px;
    height: 70px
}

.l-footer__contact__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-footer__contact__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-footer__contact__text {
    margin-top: 60px;
    font-size: .9375rem;
    line-height: 180%;
    letter-spacing: .03em
}

.l-footer__logo {
    margin-bottom: 50px
}

.l-footer__office {
    font-size: .875rem;
    line-height: 180%;
    letter-spacing: .03em
}

.l-footer__nav {
    display: flex;
    margin-top: 30px
}

.l-footer__nav__ul {
    flex: 0 0 20%;
    padding: 0 10px
}

.l-footer__nav__child {
    margin-top: 30px
}

.l-footer__nav__child__list {
    margin-top: 8px
}

.l-footer__nav__child__link {
    color: var(--color-brown);
    font-size: .8125rem
}

.l-footer__nav__child__link:hover,
.l-footer__nav__child__link:focus,
.l-footer__nav__child__link:active {
    color: var(--color-brown)
}

.l-footer__nav__list {
    margin-bottom: 20px
}

.l-footer__nav__link {
    color: var(--color-brown);
    font-weight: var(--font-medium);
    font-size: 1.25rem
}

.l-footer__nav__link.-nolink {
    pointer-events: none
}

.l-footer__nav__link:hover,
.l-footer__nav__link:focus,
.l-footer__nav__link:active {
    color: var(--color-brown)
}

.l-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: clamp(50px, 8vw, 120px)
}

.l-footer__copyright {
    font-weight: var(--font-medium);
    font-size: .8125rem;
    opacity: .5
}

.l-footer__info {
    display: flex;
    align-items: center;
    gap: 75px;
    font-weight: var(--font-medium);
    font-size: .9375rem
}

.l-footer__info__item {
    display: flex;
    align-items: center;
    gap: 5px
}

.l-footer__info__link {
    color: var(--color-brown);
    text-decoration: underline
}

.l-footer__info__link:hover,
.l-footer__info__link:focus,
.l-footer__info__link:active {
    color: var(--color-brown)
}

.l-footer__info__link.-pp {
    text-decoration: none
}

.l-footer__info__youtube {
    width: 30px;
    height: auto;
    margin-left: 15px
}

.l-header {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%
}

.l-header.-hidden {
    opacity: 0 !important
}

.l-header__wrapper {
    display: grid;
    grid-template-columns: 200px 1fr 134px;
    grid-template-areas: "logo gnav contact";
    align-items: center;
    height: var(--header-height-lg);
    padding: 0 50px;
    gap: 28px;
    border-bottom: 1px solid transparent;
    transition-duration: .3s;
    transition-property: height, border-bottom-color, background-color;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.\:not-top .l-header__wrapper {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .1);
    background-color: #fff
}

.\:not-top .l-header__wrapper .l-header__logo svg path {
    fill: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__gnav__link {
    color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__gnav__link:hover,
.\:not-top .l-header__wrapper .l-header__gnav__link:focus,
.\:not-top .l-header__wrapper .l-header__gnav__link:active {
    color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__gnav__str {
    color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__gnav__str:hover,
.\:not-top .l-header__wrapper .l-header__gnav__str:focus,
.\:not-top .l-header__wrapper .l-header__gnav__str:active {
    color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__gnav__icon svg path {
    fill: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__dropdown__wrapper {
    border: 1px solid rgba(var(--color-base-rgb), .1);
    background-color: #fff
}

.\:not-top .l-header__wrapper .l-header__dropdown__item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .1)
}

.\:not-top .l-header__wrapper .l-header__dropdown__link {
    color: var(--color-base);
    transition-duration: .4s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.\:not-top .l-header__wrapper .l-header__dropdown__link:hover,
.\:not-top .l-header__wrapper .l-header__dropdown__link:focus,
.\:not-top .l-header__wrapper .l-header__dropdown__link:active {
    color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__dropdown__arrow svg use {
    fill: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__contact {
    background-color: var(--color-base)
}

.\:not-top .l-header__wrapper .l-header__contact__link {
    color: #fff
}

.\:not-top .l-header__wrapper .hamburger__bar:before {
    background-color: var(--color-base)
}

.l-header__wrapper.bg {
    background-color: #fff
}

.l-header__wrapper.bg .l-header__logo svg path {
    fill: var(--color-base)
}

.l-header__wrapper.bg .l-header__gnav__link {
    color: var(--color-base)
}

.l-header__wrapper.bg .l-header__gnav__link:hover,
.l-header__wrapper.bg .l-header__gnav__link:focus,
.l-header__wrapper.bg .l-header__gnav__link:active {
    color: var(--color-base)
}

.l-header__wrapper.bg .l-header__gnav__str {
    color: var(--color-base)
}

.l-header__wrapper.bg .l-header__gnav__str:hover,
.l-header__wrapper.bg .l-header__gnav__str:focus,
.l-header__wrapper.bg .l-header__gnav__str:active {
    color: var(--color-base)
}

.l-header__wrapper.bg .l-header__gnav__icon svg path {
    fill: var(--color-base)
}

.l-header__wrapper.bg .l-header__dropdown__wrapper {
    border: 1px solid rgba(var(--color-base-rgb), .1);
    background-color: #fff
}

.l-header__wrapper.bg .l-header__dropdown__item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .1)
}

.l-header__wrapper.bg .l-header__dropdown__link {
    color: var(--color-base);
    transition-duration: .4s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.l-header__wrapper.bg .l-header__dropdown__link:hover,
.l-header__wrapper.bg .l-header__dropdown__link:focus,
.l-header__wrapper.bg .l-header__dropdown__link:active {
    color: var(--color-base)
}

.l-header__wrapper.bg .l-header__dropdown__arrow svg use {
    fill: var(--color-base)
}

.l-header__wrapper.bg .l-header__contact {
    background-color: var(--color-base)
}

.l-header__wrapper.bg .l-header__contact__link {
    color: #fff
}

.l-header__wrapper.bg .hamburger__bar:before {
    background-color: var(--color-base)
}

.l-header__logo {
    grid-area: logo;
    font-size: 1px;
    line-height: 1;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__logo__link {
    display: inline-block
}

.l-header__logo svg {
    width: 350px;
}

.l-header__logo svg path {
    transition-duration: .3s;
    transition-property: fill;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__gnav__ul {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.l-header__gnav__list {
    position: relative;
    margin-left: 40px
}

.l-header__gnav__link {
    color: #fff;
    font-weight: var(--font-regular);
    font-size: 1rem;
    letter-spacing: .03em;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__gnav__link.-nolink {
    cursor: inherit
}

.l-header__gnav__link:hover,
.l-header__gnav__link:focus,
.l-header__gnav__link:active {
    color: #fff
}

.l-header__gnav__str {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff
}

.l-header__gnav__str:hover,
.l-header__gnav__str:focus,
.l-header__gnav__str:active {
    color: #fff
}

.l-header__gnav__icon svg {
    vertical-align: middle;
    transition-duration: .2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__dropdown {
    -webkit-transform: translateX(-50%);
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.l-header__dropdown__bg {
    margin-top: 61px
}

.l-header__dropdown__wrapper {
    width: 270px;
    padding: 18px 24px;
    border: 1px solid rgba(var(--color-white-rgb), .3);
    background-color: transparent
}

.l-header__dropdown__item {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.l-header__dropdown__item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-white-rgb), .3)
}

.l-header__dropdown__link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    gap: 10px;
    color: var(--color-white);
    font-size: .875rem;
    transition-duration: .4s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.l-header__dropdown__link:hover,
.l-header__dropdown__link:focus,
.l-header__dropdown__link:active {
    color: var(--color-white)
}

.l-header__dropdown__link:hover .l-header__dropdown__arrow--before,
.l-header__dropdown__link:focus .l-header__dropdown__arrow--before,
.l-header__dropdown__link:active .l-header__dropdown__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.l-header__dropdown__link:hover .l-header__dropdown__arrow--after,
.l-header__dropdown__link:focus .l-header__dropdown__arrow--after,
.l-header__dropdown__link:active .l-header__dropdown__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.l-header__dropdown__arrow {
    position: relative;
    width: 18px;
    height: 13px;
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.l-header__dropdown__arrow svg use {
    fill: var(--color-white)
}

.l-header__dropdown__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__dropdown__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header [data-dropdown-trigger]:hover .l-header__dropdown,
.l-header [data-dropdown-trigger]:focus .l-header__dropdown,
.l-header [data-dropdown-trigger]:active .l-header__dropdown {
    opacity: 1;
    pointer-events: all
}

.l-header [data-dropdown-trigger]:hover .l-header__gnav__icon:after,
.l-header [data-dropdown-trigger]:focus .l-header__gnav__icon:after,
.l-header [data-dropdown-trigger]:active .l-header__gnav__icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.l-header [data-dropdown-trigger]:hover .l-header__gnav__icon svg,
.l-header [data-dropdown-trigger]:focus .l-header__gnav__icon svg,
.l-header [data-dropdown-trigger]:active .l-header__gnav__icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.l-header__contact {
    border-radius: 30px;
    background-color: #fff;
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__contact__btn {
    text-align: center
}

.l-header__contact__link {
    display: block;
    padding: 10px 13px;
    color: var(--color-base);
    font-size: .9375rem;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.l-header__hamburger {
    display: flex;
    justify-content: flex-end
}

.intro__inner {
    display: flex;
    z-index: 10011;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.intro__overlay-first {
    z-index: 10010;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--color-base)
}

.intro__logo {
    -webkit-transform: translate(-50%, -50%);
    z-index: 10010;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    /*height: 26px;*/
    overflow: hidden;
    transform: translate(-50%, -50%)
}

.intro__logo__img {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.intro__logo__img path {
    fill: var(--color-brown)
}

.sidebar__title {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(var(--color-base-rgb), .1);
    color: var(--color-base);
    font-weight: 500;
    font-size: 1.375rem;
    letter-spacing: .03em
}

.sidebar__link {
    position: relative;
    margin-top: 10px;
    color: var(--color-base);
    font-size: 1rem;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.sidebar__link:hover,
.sidebar__link:focus,
.sidebar__link:active {
    color: var(--color-base)
}

.sidebar .cat-item {
    margin-top: 10px;
    font-size: 1rem
}

.sidebar .cat-item a {
    color: #b7babd
}

.sidebar .cat-item a:hover,
.sidebar .cat-item a:focus,
.sidebar .cat-item a:active {
    color: #b7babd
}

.sidebar .cat-item.current-cat,
.sidebar .cat-item.current-cat-parent,
.sidebar .cat-item.current-cat a,
.sidebar .cat-item.current-cat-parent a {
    color: var(--color-base)
}

.sidebar .cat-item.current-cat .children .cat-item:before,
.sidebar .cat-item.current-cat-parent .children .cat-item:before {
    color: var(--color-base)
}

.sidebar .cat-item .children .cat-item {
    position: relative;
    padding-left: 16px
}

.sidebar .cat-item .children .cat-item:before {
    padding-right: 8px;
    content: "-";
    color: #b7babd
}

.about-intro {
    position: relative
}

.about-intro__contents {
    z-index: 1;
    position: relative;
    padding-top: clamp(7.5rem, 4.773rem + 13.64vw, 15rem);
    padding-bottom: clamp(7.5rem, 3.409rem + 20.45vw, 18.75rem);
    color: var(--color-white)
}

.about-intro__title__wrap {
    height: 100svh !important
}

.about-intro__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 2.273rem + 3.64vw, 7.5rem);
    line-height: 130%
}

.about-intro__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.125rem);
    letter-spacing: .1em
}

.about-intro__figure {
    position: relative;
    width: 100%;
    height: 100svh
}

.about-intro__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: initial;
    height: 100%;
    object-fit: cover
}

.about-intro__bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #19293080
}

.about-intro__blur {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: filter
}

.about-intro__main {
    width: 70%;
    margin-left: auto
}

.about-intro__catch {
    margin-bottom: 40px;
    font-size: 2.5rem
}

.about-intro__text {
    font-size: 1.125rem;
    line-height: 200%
}

.about-intro__text:not(:last-child) {
    margin-bottom: 20px
}

.about-strenghts {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.818rem + 15.91vw, 13.75rem);
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    background-color: #fff
}

.about-strenghts__title {
    font-size: 1.875rem;
    line-height: 170%;
    letter-spacing: .03em
}

.about-strenghts__item {
    padding: 50px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.about-strenghts__item:last-child {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.about-strenghts__item__figure img {
    width: 100%
}

.about-strenghts__item__title {
    margin-bottom: 60px;
    font-size: 1.5rem;
    line-height: 180%;
    letter-spacing: .03em
}

.about-strenghts__item__logo {
    display: inline-block;
    width: auto;
    height: 55px;
    margin-top: 30px;
    margin-right: 15px
}

.about-strenghts__item__logo img {
    -o-object-fit: contain;
    width: auto;
    height: 100%;
    object-fit: contain
}

.about-strenghts__body {
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.blog__wrapper {
    padding-bottom: clamp(7.5rem, 5.682rem + 9.09vw, 12.5rem)
}

.blog__flex {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 60px
}

.blog__main {
    flex: 0 0 78%
}

.blog__sidebar {
    flex: 0 0 calc(22% - 60px)
}

.civil-heading {
    z-index: 1;
    position: relative;
    padding-bottom: 70px;
    background-color: #fff
}

.civil-list {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.818rem + 15.91vw, 13.75rem);
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    background-color: #fff
}

.civil-list__title {
    margin-bottom: 80px
}

.civil-list__desc {
    position: relative;
    max-width: 778px;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.civil-list__logo {
    position: absolute;
    top: 0;
    left: calc(100% + 30px);
    width: 80px;
    height: auto
}

.civil-list__main {
    margin-top: 70px
}

.civil-list__accordion__body {
    line-height: 200%;
    letter-spacing: .03em
}

.civil-list__button {
    margin-top: 80px;
    text-align: center
}

.civil-interval {
    z-index: -1;
    position: relative;
    width: 100%;
    height: 100vh
}

.civil-interval__bg {
    position: relative;
    padding: 5%
}

.civil-interval__bg:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background-image: url("../images/civil-construction-business/bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    content: ""
}

.company .lower__header--picture {
    z-index: 1;
    position: relative
}

.company .lower__header--picture__figure .splide,
.company .lower__header--picture__figure .splide__track {
    height: 100%
}

.company-greeting {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.591rem + 17.05vw, 14.375rem);
    background-color: var(--color-white)
}

.company-greeting__inner {
    max-width: 1080px;
    margin: 0 auto
}

.company-greeting__title {
    margin-bottom: 80px;
    text-align: center
}

.company-greeting__text {
    font-size: 1.125rem;
    line-height: 200%
}

.company-greeting__text:not(:last-child) {
    margin-bottom: 20px
}

.company-greeting__name {
    margin-top: 30px;
    font-weight: var(--font-medium);
    font-size: 1.5rem;
    text-align: right
}

.company-greeting__name span {
    padding-right: 20px;
    font-weight: var(--font-regular);
    font-size: 1.125rem
}

.company-philosophy {
    z-index: 1;
    position: relative;
    padding-top: clamp(6.25rem, 4.886rem + 6.82vw, 10rem);
    padding-bottom: clamp(6.25rem, 3.977rem + 11.36vw, 12.5rem);
    background-color: var(--color-white)
}

.company-philosophy__title {
    margin-bottom: 130px;
    text-align: center
}

.company-philosophy__item {
    margin-top: 480px
}

.company-philosophy__item__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    gap: 20px;
    color: var(--color-brown);
    font-weight: var(--font-medium);
    font-size: 2.25rem
}

.company-philosophy__item__title span {
    font-weight: var(--font-regular);
    font-size: 1.625rem
}

.company-philosophy__item__body {
    font-size: 1.25rem;
    line-height: 200%;
    text-align: center
}

.company-philosophy__imagewrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100svh
}

.company-philosophy__image {
    position: relative;
    width: 440px;
    height: 540px
}

.company-history {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    background-color: #e1eaf2
}

.company-history__title {
    margin-bottom: 130px;
    text-align: center
}

.company-history__itemwrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px
}

.company-history__item {
    display: flex;
    font-size: 1.25rem
}

.company-history__item:last-of-type .company-history__item__body:after {
    content: none
}

.company-history__item__year {
    flex: 0 0 90px;
    margin-right: 60px;
    text-align: right
}

.company-history__item__body {
    position: relative;
    padding-bottom: 60px;
    padding-left: 80px
}

.company-history__item__body:before {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-base);
    content: ""
}

.company-history__item__body:after {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 1px;
    height: 100%;
    background-color: rgba(var(--color-base-rgb), .2);
    content: ""
}

.company-history__button {
    display: flex;
    justify-content: center;
    margin-top: 80px
}

.company-history .js-viewmore-content {
    position: relative;
    height: auto;
    max-height: 480px;
    overflow: hidden;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.company-history .js-viewmore-content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.company-history .js-viewmore-content:after {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: "";
    transition: 1s
}

.company-overview {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    background-color: var(--color-white)
}

.company-overview__title {
    margin-bottom: 120px;
    text-align: center
}

.company-overview__dl {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.company-overview__dl .dl-row {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 140px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-size: 1.125rem;
    line-height: 200%;
    letter-spacing: .03em
}

.company-overview__dt {
    flex: 0 0 223px;
    padding-right: 20px
}

.company-overview__dd {
    flex: 0 0 calc(100% - 223px)
}

.company-overview__declaration {
    margin-top: 80px
}

.company-overview__declaration__title {
    font-weight: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: .1em;
    text-align: center
}

.company-overview__declaration__main {
    max-width: 800px;
    margin: 40px auto 0
}

.company-access {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: clamp(5rem, .909rem + 20.45vw, 16.25rem);
    padding-bottom: clamp(5rem, .909rem + 20.45vw, 16.25rem);
    color: var(--color-white)
}

.company-access:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    background-image: url("../images/company/bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    content: ""
}

.company-access__item {
    z-index: 1;
    position: relative;
    color: var(--color-white)
}

.company-access__item__title {
    margin-bottom: 10px;
    font-size: 1.125rem
}

.company-access__item__body {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 180%
}

.company-access__item__dl .dl-row {
    display: flex;
    align-items: center
}

.company-access__item__dl dt {
    flex: 0 0 50px;
    padding-right: 10px
}

.company-access__item__dl dd {
    flex: 0 0 calc(100% - 50px)
}

.company-access__item__dl dd a {
    color: var(--color-white)
}

.contact__content {
    padding-bottom: 30px;
    font-size: .9375rem;
    line-height: 1.8
}

.contact-header {
    position: relative;
    width: 100%;
    height: 85svh;
    min-height: 500px
}

.contact-header__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-header__title {
    display: flex;
    position: absolute;
    top: 20%;
    left: 0;
    flex-direction: column-reverse;
    padding: 0 4%;
    color: var(--color-white)
}

.contact-header__title-en {
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 1.364rem + 8.18vw, 7.5rem);
    line-height: 130%
}

.contact-header__title-ja {
    font-weight: var(--font-regular);
    font-size: clamp(.938rem, .869rem + .34vw, 1.125rem);
    letter-spacing: .1em
}

.faq-main {
    margin-top: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    margin-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem)
}

.ground-list {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.818rem + 15.91vw, 13.75rem);
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    background-color: #fff
}

.ground-list__title {
    margin-bottom: 80px
}

.ground-list__item {
    padding: 50px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.ground-list__item:last-of-type {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.ground-list__item__title {
    margin-bottom: 30px;
    font-size: 1.875rem;
    line-height: 180%;
    letter-spacing: .03em
}

.ground-list__item__tag {
    display: inline-block;
    padding: 8px 12px;
    background-color: var(--color-gray);
    font-size: .875rem;
    letter-spacing: .03em
}

.ground-list__item__body {
    margin-top: 30px;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.ground-list__movie {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: clamp(3.75rem, 2.841rem + 4.55vw, 6.25rem);
    padding-top: 56.25%
}

.ground-list__movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ground-list__button {
    margin-top: clamp(3.75rem, 2.841rem + 4.55vw, 6.25rem);
    text-align: center
}

.interview-contents {
    padding-top: clamp(7.5rem, 6.136rem + 6.82vw, 11.25rem);
    padding-bottom: clamp(6.25rem, 5.568rem + 3.41vw, 8.125rem)
}

.interview-contents__header {
    padding-bottom: 20px
}

.interview-contents__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 48px
}

.interview-contents__page {
    font-size: 1.25rem;
    letter-spacing: .03em
}

.interview-contents__category {
    display: flex;
    gap: 15px
}

.interview-contents__category li {
    padding: 7px 20px;
    background-color: rgba(var(--color-brown-rgb), .8);
    color: var(--color-white);
    font-size: .875rem;
    letter-spacing: .03em
}

.interview-contents__title {
    margin-top: 30px;
    font-weight: var(--font-regular);
    font-size: 2.5rem;
    line-height: 160%
}

.interview-contents__title:before {
    position: relative;
    top: -5px;
    left: -20px;
    content: "\300c"
}

.interview-contents__title:after {
    position: relative;
    right: -20px;
    content: "\300d"
}

.interview-contents__personal {
    color: rgba(var(--color-base-rgb), .5);
    font-size: 1rem;
    letter-spacing: .03em
}

.interview-contents__name {
    font-size: 2rem;
    line-height: 160%;
    letter-spacing: .03em
}

.interview-contents__kv {
    padding-top: 60px
}

.interview-contents__main {
    max-width: 1128px;
    margin: 0 auto
}

.interview-contents__block {
    margin-top: clamp(2.5rem, 1.818rem + 3.41vw, 4.375rem)
}

.interview-contents__block__title {
    margin-bottom: 30px;
    font-weight: var(--font-regular);
    font-size: 1.875rem;
    line-height: 170%;
    letter-spacing: .03em
}

.interview-contents__block__body {
    font-size: 1.125rem;
    line-height: 180%;
    letter-spacing: .03em
}

.interview-contents__block__figure {
    margin-top: clamp(2.5rem, 1.591rem + 4.55vw, 5rem)
}

.interview-contents__accordion__body li {
    position: relative;
    padding-left: 20px
}

.interview-contents__accordion__body li span {
    position: absolute;
    left: 0
}

.interview-dayoff {
    padding-top: clamp(3.75rem, 2.386rem + 6.82vw, 7.5rem);
    padding-bottom: clamp(5rem, 1.591rem + 17.05vw, 14.375rem);
    background-color: var(--color-skyblue)
}

.interview-dayoff__inner {
    max-width: 1128px;
    margin: 0 auto
}

.interview-dayoff__title {
    margin-bottom: 70px
}

.interview-dayoff__catch {
    margin-top: 40px;
    color: var(--color-base);
    font-size: 1.125rem;
    text-align: center
}

.interview-recruitment {
    padding-top: clamp(3.75rem, 2.159rem + 7.95vw, 8.125rem)
}

.interview-recruitment__link {
    display: block;
    position: relative;
    padding: 130px 40px;
    background-color: #e1eaf2;
    font-size: 1.5rem;
    text-align: center
}

.interview-recruitment__link:hover,
.interview-recruitment__link:focus,
.interview-recruitment__link:active {
    color: var(--color-base)
}

.interview-recruitment__link:hover .interview-recruitment__arrow--before,
.interview-recruitment__link:focus .interview-recruitment__arrow--before,
.interview-recruitment__link:active .interview-recruitment__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.interview-recruitment__link:hover .interview-recruitment__arrow--after,
.interview-recruitment__link:focus .interview-recruitment__arrow--after,
.interview-recruitment__link:active .interview-recruitment__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.interview-recruitment__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 80px;
    width: 156px;
    height: 156px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--color-white)
}

.interview-recruitment__arrow__inner {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 37px;
    transform: translate(-50%, -50%)
}

.interview-recruitment__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.interview-recruitment__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.interview-other {
    padding-top: clamp(3.75rem, 2.159rem + 7.95vw, 8.125rem);
    padding-bottom: clamp(3.75rem, 2.159rem + 7.95vw, 8.125rem)
}

.interview-other__card:hover,
.interview-other__card:focus,
.interview-other__card:active {
    color: var(--color-base)
}

.interview-other__card:hover .interview-other__figure img,
.interview-other__card:focus .interview-other__figure img,
.interview-other__card:active .interview-other__figure img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.interview-other__link {
    display: block;
    color: var(--color-base)
}

.interview-other__link:hover,
.interview-other__link:focus,
.interview-other__link:active {
    color: var(--color-base)
}

.interview-other__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.interview-other__figure {
    overflow: hidden
}

.interview-other__figure img {
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.interview-other__year {
    color: rgba(var(--color-base-rgb), .7);
    letter-spacing: .03em
}

.interview-other__name {
    margin-top: 10px
}

.interview-other__name--en {
    font-weight: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: .03em
}

.interview-other__name--ja {
    margin-top: 5px;
    color: rgba(var(--color-base-rgb), .7);
    font-size: 1.125rem;
    letter-spacing: .03em
}

.interview-other__category {
    display: flex;
    margin-top: 20px;
    gap: 15px
}

.interview-other__category li {
    padding: 7px 20px;
    background-color: rgba(var(--color-brown-rgb), .8);
    color: var(--color-white);
    font-size: .875rem;
    letter-spacing: .03em
}

.notfound-header {
    position: relative;
    width: 100%;
    height: 100svh;
    min-height: 400px
}

.notfound-header__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.notfound-header__title {
    position: absolute;
    bottom: 6%;
    left: 0;
    padding: 0 4%;
    color: var(--color-white);
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 1.364rem + 8.18vw, 7.5rem);
    line-height: 130%
}

.notfound-main {
    padding: 120px 0
}

.notfound-main__body {
    margin-bottom: 48px;
    font-size: 1.125rem;
    line-height: 200%;
    text-align: center
}

.notfound-main__button {
    text-align: center
}

.number-data {
    margin-bottom: clamp(5rem, 2.955rem + 10.23vw, 10.625rem)
}

.number-data__item {
    position: relative;
    height: 100%;
    min-height: 360px;
    background-color: var(--color-skyblue)
}

.number-data__item__figure {
    position: relative;
    width: 100%;
    height: 100%
}

.number-data__item__figure img {
    -webkit-transform: translate(-50%, -50%);
    -o-object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%)
}

.number-data__item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 16px;
    gap: 80px
}

.number-data__item__content.-large {
    padding: 70px 100px
}

.number-data__item__title {
    font-size: 1.125rem;
    text-align: center
}

.number-data__item__title small {
    font-size: .75rem
}

.number-data__item__value {
    font-size: 1rem
}

.number-data__item__value span {
    padding: 0 7px;
    color: var(--color-blue);
    font-size: 5.625rem;
    line-height: 1
}

.number-data__item__value.-sm span {
    font-size: 4.375rem
}

.number-data__item__button {
    position: absolute;
    right: 16px;
    bottom: 16px;
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.number-data__item__button:hover,
.number-data__item__button:focus,
.number-data__item__button:active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.number-data__item .hometown-left {
    max-width: 380px;
    margin: 0 auto
}

.number-data__item .hometown-figure {
    margin-top: -100px
}

.number-data__item .hiring-title {
    align-self: flex-start
}

.number-data__item .hiring-figure {
    margin-top: -100px
}

.number-data__item .hiring-value {
    text-align: center;
    white-space: nowrap
}

.number-data__item .hiring-value.-newgraduate:before {
    background-color: var(--color-white)
}

.number-data__item .hiring-value.-mid-career:before {
    background-color: var(--color-blue)
}

.number-data__item .hiring-value:before {
    display: inline-block;
    position: relative;
    bottom: -3px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    content: ""
}

.number-data__item .structure-item {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: var(--color-white);
    color: var(--color-blue);
    font-weight: var(--font-medium);
    font-size: 1.25rem;
    line-height: 300px;
    text-align: center
}

.overseas-feature {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.818rem + 15.91vw, 13.75rem);
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    background-color: #fff
}

.overseas-feature__title {
    font-size: 1.875rem;
    line-height: 170%;
    letter-spacing: .03em
}

.overseas-feature__item {
    padding: 50px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.overseas-feature__item:last-child {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.overseas-feature__item__figure img {
    width: 100%
}

.overseas-feature__item__title {
    margin-bottom: 60px;
    font-size: 1.5rem;
    line-height: 180%;
    letter-spacing: .03em
}

.overseas-feature__body {
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.overseas-subsidiary {
    padding-bottom: clamp(5rem, 3.409rem + 7.95vw, 9.375rem)
}

.overseas-subsidiary__item {
    display: flex;
    align-items: center;
    max-width: 1150px;
    margin: 0 auto;
    gap: 80px
}

.overseas-subsidiary__item__logo {
    position: relative;
    flex: 0 0 374px;
    width: 374px;
    height: 374px;
    border-radius: 50%;
    background-color: var(--color-gray)
}

.overseas-subsidiary__item__figure {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 144px;
    height: auto;
    transform: translate(-50%, -50%)
}

.overseas-subsidiary__item__title {
    margin-bottom: 30px;
    font-weight: var(--font-regular);
    font-size: 3rem
}

.overseas-subsidiary__item__body {
    margin-bottom: 40px;
    line-height: 200%;
    letter-spacing: .03em
}

.pp__title {
    font-size: 1.125rem
}

.pp__content {
    margin-top: 1.4rem;
    font-size: .9375rem
}

.pp ol {
    margin-top: 2rem;
    padding-left: 1.3rem;
    list-style: decimal
}

.pp ol ::marker {
    font-family: sans-serif
}

.pp li {
    margin-top: .6rem;
    line-height: 1.5
}

.recruit .lower__header--picture__figure {
    height: auto;
    min-height: 900px
}

.recruit-link {
    padding-top: clamp(5rem, 2.273rem + 13.64vw, 12.5rem)
}

.recruit-link__buttonwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.recruit-link__button .c-button__primary__link {
    white-space: nowrap
}

.recruit-innumber {
    margin: 0 3.5%;
    margin-top: clamp(5rem, 3.409rem + 7.95vw, 9.375rem);
    padding: 124px 90px;
    background-image: url("../images/recruit/innumber.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.recruit-innumber__inner {
    max-width: 1200px;
    margin: 0 auto
}

.recruit-innumber__title {
    margin-bottom: 60px;
    color: var(--color-white)
}

.recruit-innumber__main {
    position: relative;
    max-width: 780px;
    margin-left: auto
}

.recruit-innumber__item {
    -webkit-backdrop-filter: blur(30px);
    position: relative;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    backdrop-filter: blur(30px);
    background-color: #ffffff1a;
    text-align: center
}

.recruit-innumber__item.item01 {
    position: relative;
    top: 40px;
    left: 0
}

.recruit-innumber__item.item02 {
    margin-top: -240px;
    margin-left: auto
}

.recruit-innumber__item.item03 {
    position: relative;
    left: 20%
}

.recruit-innumber__item__inner {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.recruit-innumber__item__title {
    color: var(--color-blue);
    font-weight: var(--font-medium);
    font-size: 1.125rem
}

.recruit-innumber__item__body {
    color: var(--color-blue);
    font-size: 1rem;
    white-space: nowrap
}

.recruit-innumber__item__body span {
    color: var(--color-white);
    font-size: 6rem
}

.recruit-style {
    position: relative;
    margin-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    overflow: hidden
}

.recruit-style__bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/recruit/style-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.recruit-style__bg:before {
    -webkit-backdrop-filter: blur(30px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    background-color: #021e2e82;
    content: ""
}

.recruit-style__content {
    padding: 0 5%
}

.recruit-style__title {
    color: var(--color-white)
}

.recruit-style__body {
    max-width: 478px;
    margin-top: 50px;
    color: var(--color-white);
    line-height: 200%
}

.recruit-style__button {
    margin-top: 50px
}

.recruit-interview {
    margin-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    overflow: hidden
}

.recruit-interview__title {
    margin-bottom: 80px;
    text-align: center
}

.recruit-interview .splide .splide__track {
    overflow: visible
}

.recruit-interview .splide .splide__list {
    align-items: flex-end
}

.recruit-interview .splide .splide__slide {
    width: 25% !important;
    opacity: .5;
    pointer-events: none
}

.recruit-interview .splide .splide__slide.is-active {
    width: 65% !important;
    opacity: 1;
    pointer-events: inherit !important
}

.recruit-interview .splide .splide__slide.is-active .recruit-interview__card__bottom {
    display: block;
    white-space: nowrap;
    opacity: 1
}

.recruit-interview .splide .splide__slide.is-active .recruit-interview__card__figure {
    flex: 0 0 50%
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.recruit-interview .splide .splide__slide.is-prev {
    opacity: 0
}

.recruit-interview .splide [disabled] {
    opacity: .3 !important
}

.recruit-interview .splide .splide__arrow {
    width: 108px;
    height: 108px;
    background-color: var(--color-white);
    font-size: 0;
    mix-blend-mode: difference;
    opacity: 1
}

.recruit-interview .splide .splide__arrow--prev {
    left: -2rem
}

.recruit-interview .splide .splide__arrow--prev:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2227%22%20viewBox%3D%220%200%2015%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.41421%2013.435L0.707101%2012.7279L-2.34905e-06%2013.435L0.7071%2014.1421L1.41421%2013.435ZM2.12131%2014.1421L14.8492%201.41422L13.435%202.34905e-06L0.707101%2012.7279L2.12131%2014.1421ZM14.8492%2025.4558L2.12131%2012.7279L0.7071%2014.1421L13.435%2026.8701L14.8492%2025.4558Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.recruit-interview .splide .splide__arrow--next {
    right: -2rem
}

.recruit-interview .splide .splide__arrow--next:before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2227%22%20viewBox%3D%220%200%2015%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.5858%2013.565L14.2929%2014.2721L15%2013.565L14.2929%2012.8579L13.5858%2013.565ZM12.8787%2012.8579L0.150789%2025.5858L1.56499%2027L14.2929%2014.2721L12.8787%2012.8579ZM0.150791%201.5442L12.8787%2014.2721L14.2929%2012.8579L1.56499%200.129899L0.150791%201.5442Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.recruit-interview .splide .recruit-interview-progress {
    margin-top: 80px;
    background: #000;
    background: rgba(var(--color-base-rgb), .3)
}

.recruit-interview .splide .recruit-interview-progressbar {
    width: 0;
    height: 2px;
    background: var(--color-base);
    background: #000;
    transition: width .4s ease
}

.recruit-interview__card:hover,
.recruit-interview__card:focus,
.recruit-interview__card:active {
    color: var(--color-base)
}

.recruit-interview__card__link {
    display: flex;
    align-items: flex-end;
    gap: 40px;
    color: var(--color-base)
}

.recruit-interview__card__link:hover,
.recruit-interview__card__link:focus,
.recruit-interview__card__link:active {
    color: var(--color-base)
}

.recruit-interview__card__bottom {
    display: none;
    flex: 0 0 50%;
    opacity: 0
}

.recruit-interview__card__figure {
    overflow: hidden
}

.recruit-interview__card__figure img {
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.recruit-interview__card__catch {
    position: relative;
    padding-left: 30px;
    font-size: 1.6875rem;
    line-height: 200%
}

.recruit-interview__card__catch:before {
    position: absolute;
    left: 0;
    content: "\300c"
}

.recruit-interview__card__catch:after {
    content: "\300d"
}

.recruit-interview__card__year {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(var(--color-base-rgb), .2);
    color: rgba(var(--color-base-rgb), .7);
    letter-spacing: .03em
}

.recruit-interview__card__name {
    margin-top: 10px
}

.recruit-interview__card__name--en {
    font-weight: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: .03em
}

.recruit-interview__card__name--ja {
    margin-top: 5px;
    color: rgba(var(--color-base-rgb), .7);
    font-size: 1.125rem;
    letter-spacing: .03em
}

.recruit-interview__card__category {
    display: flex;
    margin-top: 20px;
    gap: 15px
}

.recruit-interview__card__category li {
    padding: 7px 20px;
    background-color: rgba(var(--color-brown-rgb), .8);
    color: var(--color-white);
    font-size: .875rem;
    letter-spacing: .03em
}

.recruit-message {
    position: relative;
    margin-top: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    margin-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem)
}

.recruit-message__top {
    max-width: 90%;
    margin: 0 auto
}

.recruit-message__title {
    margin-bottom: 80px
}

.recruit-message__catch {
    margin-right: 100px;
    padding: 80px;
    background-color: #e1eaf2;
    font-weight: var(--font-medium);
    font-size: 1.25rem;
    line-height: 200%
}

.recruit-message__body {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 100px
}

.recruit-message__text {
    line-height: 200%
}

.recruit-message__text:not(:last-child) {
    margin-bottom: 20px
}

.recruit-message__name {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    font-weight: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: .03em
}

.recruit-message__name span {
    margin-right: 20px;
    font-weight: var(--font-regular);
    font-size: 1.125rem
}

.recruit-other {
    margin-top: clamp(5rem, 3.409rem + 7.95vw, 9.375rem)
}

.recruitment-top {
    margin-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-top: clamp(5rem, 3.864rem + 5.68vw, 8.125rem)
}

.recruitment-top__inner {
    text-align: center
}

.recruitment-top__title {
    margin-bottom: 20px;
    font-size: 1.25rem;
    letter-spacing: .03em;
    text-align: center
}

.recruitment-top__buttonwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.recruitment-top__button .c-button__primary__link {
    white-space: nowrap
}

.recruitment-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    gap: 60px
}

.recruitment-main__body {
    flex: 0 0 78%
}

.recruitment-main__body .c-table .dl-row:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

.recruitment-main__block:not(:last-child) {
    padding-bottom: clamp(6.25rem, 4.432rem + 9.09vw, 11.25rem)
}

.recruitment-main__sidebar {
    flex: 0 0 calc(22% - 60px)
}

.recruitment-main__title {
    margin-bottom: 64px
}

.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li {
    position: relative;
    padding-left: 16px;
    font-weight: var(--font-regular)
}

.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li:before {
    padding-right: 8px;
    content: "-";
    color: var(--color-base)
}

.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li a {
    color: var(--color-base)
}

.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li a:hover,
.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li a:focus,
.recruitment-main__sidebar__ul__child .recruitment-main__sidebar__li a:active {
    color: var(--color-base)
}

.recruitment-main__sidebar__li {
    margin-top: 10px;
    font-weight: var(--font-medium);
    font-size: 1rem;
    letter-spacing: .03em
}

.recruitment-main__sidebar__li a {
    color: var(--color-blue)
}

.recruitment-main__sidebar__li a:hover,
.recruitment-main__sidebar__li a:focus,
.recruitment-main__sidebar__li a:active {
    color: var(--color-blue)
}

.recruitment-main__sidebar .cat-item {
    margin-top: 10px;
    font-size: 1rem
}

.recruitment-main__sidebar .cat-item a {
    color: #b7babd
}

.recruitment-main__sidebar .cat-item a:hover,
.recruitment-main__sidebar .cat-item a:focus,
.recruitment-main__sidebar .cat-item a:active {
    color: #b7babd
}

.recruitment-main__sidebar .cat-item.current-cat,
.recruitment-main__sidebar .cat-item.current-cat-parent,
.recruitment-main__sidebar .cat-item.current-cat a,
.recruitment-main__sidebar .cat-item.current-cat-parent a {
    color: var(--color-base)
}

.recruitment-main__sidebar .cat-item.current-cat .children .cat-item:before,
.recruitment-main__sidebar .cat-item.current-cat-parent .children .cat-item:before {
    color: var(--color-base)
}

.ship-list {
    z-index: 1;
    position: relative;
    padding-top: clamp(5rem, 1.818rem + 15.91vw, 13.75rem);
    padding-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    background-color: #fff
}

.ship-list__item {
    padding: 70px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.ship-list__item:last-child {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.ship-list__title {
    margin-bottom: 80px;
    font-size: 1.875rem;
    line-height: 170%;
    letter-spacing: .03em
}

.ship-list__body {
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: .03em
}

.style-training {
    margin-top: clamp(5rem, 2.727rem + 11.36vw, 11.25rem)
}

.style-training__title {
    padding-bottom: clamp(2.5rem, 1.682rem + 4.09vw, 4.75rem)
}

.style-training__table {
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.style-training__table .dl-row {
    display: flex;
    flex-wrap: wrap;
    padding: 70px 0;
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.style-training__table__dt {
    flex: 0 0 320px;
    padding-right: 16px;
    font-size: clamp(1.125rem, .943rem + .91vw, 1.625rem)
}

.style-training__table__dd {
    flex: 0 0 calc(100% - 320px);
    font-size: 1.125rem;
    line-height: 200%;
    letter-spacing: .03em
}

.style-plan {
    margin-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    margin-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem);
    overflow: hidden
}

.style-plan__intro {
    position: relative;
    padding-top: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    padding-bottom: clamp(5rem, 3.182rem + 9.09vw, 10rem);
    overflow: hidden
}

.style-plan__intro__bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/style/plan-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.style-plan__intro__bg:before {
    -webkit-backdrop-filter: blur(30px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    background-color: #021e2e82;
    content: ""
}

.style-plan__intro__content {
    padding: 0 5%
}

.style-plan__intro__title {
    color: var(--color-white)
}

.style-plan__intro__body {
    max-width: 478px;
    margin-top: 50px;
    color: var(--color-white);
    line-height: 200%
}

.style-plan__career {
    max-width: 1150px;
    margin: 95px auto 0
}

.style-plan__career__item {
    display: flex;
    position: relative
}

.style-plan__career__item:not(:last-child) {
    padding-bottom: 70px
}

.style-plan__career__item:not(:last-child):before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 83px;
    width: 1px;
    height: 100%;
    background-color: var(--color-blue);
    content: ""
}

.style-plan__career__year {
    display: inline-block;
    flex: 0 0 167px;
    width: 167px;
    height: 167px;
    border-radius: 50%;
    background-color: var(--color-skyblue);
    color: var(--color-blue);
    font-weight: var(--font-medium);
    font-size: 1.25rem;
    line-height: 167px;
    letter-spacing: .03em;
    text-align: center
}

.style-plan__career__main {
    flex: 0 0 calc(100% - 167px);
    padding-top: 60px;
    padding-left: 80px
}

.style-plan__career__title {
    font-size: 2.5rem
}

.style-plan__career__subtitle {
    margin-bottom: 5px;
    font-size: 1.25rem;
    letter-spacing: .03em
}

.style-plan__career__body {
    margin-top: 30px;
    padding-bottom: 20px;
    font-size: 1rem;
    line-height: 200%
}

.style-plan__career__qualification {
    padding-top: 20px;
    border-top: 1px solid rgba(var(--color-base-rgb), .2);
    font-size: 1rem;
    line-height: 200%
}

.style-plan__career__ul li:before {
    content: "\30fb"
}

.style-benefits {
    margin-bottom: clamp(5rem, 2.727rem + 11.36vw, 11.25rem)
}

.style-benefits__title {
    padding-bottom: clamp(2.5rem, 1.682rem + 4.09vw, 4.75rem)
}

.style-benefits__ul {
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.style-benefits__li {
    display: flex;
    align-items: center;
    padding: 70px 0;
    gap: 100px;
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.style-benefits__li__icon {
    position: relative;
    flex: 0 0 220px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: var(--color-gray);
    text-align: center
}

.style-benefits__li__icon svg {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.style-benefits__li__right {
    flex: 0 0 calc(100% - 320px)
}

.style-benefits__li__title {
    margin-bottom: 24px;
    font-size: 1.625rem
}

.style-benefits__li__body {
    font-size: 1.125rem;
    line-height: 200%;
    letter-spacing: .03em
}

.top-about {
    margin-top: 100svh;
    padding: 150px 0 200px
}

.top-about__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100svh;
    margin-top: 150svh
}

.top-about__link {
    color: #fff
}

.top-about__link:hover,
.top-about__link:focus,
.top-about__link:active {
    color: #fff
}

.top-about__catch--en {
    margin-bottom: 60px;
    font-weight: var(--font-regular);
    font-size: 6.25rem;
    line-height: 1.3
}

.top-about__catch--ja {
    font-weight: var(--font-medium);
    font-size: 1.75rem;
    letter-spacing: .03em
}

.top-about__body {
    max-width: 720px;
    margin-top: 80px;
    margin-left: auto
}

.top-about__text {
    font-size: 1.125rem;
    line-height: 200%;
    letter-spacing: .03em
}

.top-about__text:not(:first-of-type) {
    margin-top: 20px
}

.top-about__button {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px
}

.top-blog {
    padding-top: clamp(4.375rem, 2.102rem + 11.36vw, 10.625rem);
    padding-bottom: clamp(2.5rem, .227rem + 11.36vw, 8.75rem)
}

.top-blog__inner {
    position: relative
}

.top-blog__button {
    display: flex;
    justify-content: flex-end;
    margin-top: 90px
}

.top-business {
    position: relative;
    padding-top: clamp(3.563rem, 1.494rem + 10.34vw, 9.25rem)
}

.top-business__wrapper {
    position: relative
}

.top-business__main {
    display: flex;
    flex-wrap: wrap;
    gap: 100px
}

.top-business__main__link {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.top-business__main__link:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
}

.top-business__main__link:hover,
.top-business__main__link:focus,
.top-business__main__link:active {
    color: var(--color-base)
}

.top-business__main__link:hover .top-business__main__figure img,
.top-business__main__link:focus .top-business__main__figure img,
.top-business__main__link:active .top-business__main__figure img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.top-business__main__link:hover .top-business__main__arrow--before,
.top-business__main__link:focus .top-business__main__arrow--before,
.top-business__main__link:active .top-business__main__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-business__main__link:hover .top-business__main__arrow--after,
.top-business__main__link:focus .top-business__main__arrow--after,
.top-business__main__link:active .top-business__main__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-business__main__figure {
    overflow: hidden
}

.top-business__main__figure img {
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-business__main__str {
    font-weight: var(--font-medium);
    font-size: 1.375rem;
    letter-spacing: .03em
}

.top-business__main__str span {
    padding-right: 20px;
    font-weight: var(--font-regular)
}

.top-business__main__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.top-business__main__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-business__main__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-business__left {
    flex: 0 0 53%
}

.top-business__right {
    flex: 0 0 calc(47% - 100px)
}

.top-business__imagewrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    overflow: hidden
}

.top-business__figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-business__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-business__figure.active {
    opacity: 1
}

.top-business__title {
    margin-bottom: 160px
}

.top-business__ul {
    border-top: 1px solid rgba(var(--color-base-rgb), .2)
}

.top-business__li {
    position: relative;
    border-bottom: 1px solid rgba(var(--color-base-rgb), .2);
    font-size: 1.375rem
}

.top-business__li__link {
    display: flex;
    align-items: center;
    padding: 30px 0
}

.top-business__li__link:hover,
.top-business__li__link:focus,
.top-business__li__link:active {
    color: var(--color-base)
}

.top-business__li__link:hover .top-business__li__arrow--before,
.top-business__li__link:focus .top-business__li__arrow--before,
.top-business__li__link:active .top-business__li__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-business__li__link:hover .top-business__li__arrow--after,
.top-business__li__link:focus .top-business__li__arrow--after,
.top-business__li__link:active .top-business__li__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-business__li__num {
    flex: 0 0 50px
}

.top-business__li__str {
    flex: 0 0 calc(100% - 50px)
}

.top-business__li__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.top-business__li__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-business__li__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-cases {
    padding-top: clamp(3.125rem, 1.761rem + 6.82vw, 6.875rem);
    padding-bottom: clamp(5rem, 2.955rem + 10.23vw, 10.625rem);
    overflow: hidden;
    background-color:#20380b;
    color: var(--color-brown)
}

.top-cases__button {
    display: flex;
    justify-content: flex-end
}

.top-cases__slide {
    margin-top: 60px
}

.top-cases__slide .splide__track {
    overflow: visible
}

.top-cases__slide .top-cases-progress {
    width: 100%;
    margin-top: 60px;
    background: rgba(var(--color-brown-rgb), .4)
}

.top-cases__slide .top-cases-progress-bar {
    width: 0;
    height: 1px;
    background: var(--color-brown);
    transition-duration: .4s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.top-company {
    position: relative;
    overflow: hidden
}

.top-company__bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100lvh;
    overflow: hidden;
    will-change: filter
}

.top-company__bg__figure {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.top-company__bg__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-company__bg__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #021e2e82;
    opacity: 0
}

.top-company__bg__blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top-company__main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1200px;
    min-height: 100svh;
    margin: 0 auto;
    gap: 12%
}

.top-company__main__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100svh;
    margin-top: 100svh;
    padding-top: clamp(6.25rem, 4.886rem + 6.82vw, 10rem);
    padding-bottom: clamp(6.25rem, 4.886rem + 6.82vw, 10rem)
}

.top-company__main__left {
    flex: 0 0 45%
}

.top-company__main__right {
    flex: 0 0 43%
}

.top-company__desc {
    margin-top: 50px;
    color: #fff;
    line-height: 200%
}

.top-company__button {
    margin-top: 50px
}

.top-gallery {
    width: 100%;
    padding-bottom: clamp(3.75rem, 1.023rem + 13.64vw, 11.25rem);
    overflow: hidden
}

.top-gallery__bgtext {
    -webkit-transform: translate3d(calc(var(--p1) * 10%), -50%, 0);
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    width: 90%;
    transform: translate3d(calc(var(--p1) * 10%), -50%, 0);
    white-space: nowrap
}

.top-gallery__bgtext__wrap {
    -webkit-transform: translate(0, 0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate(0)
}

.top-gallery__bgtext svg {
    width: 100%
}

.top-gallery__content {
    margin: 0 auto
}

.top-gallery__slider {
    position: relative;
    width: 100%;
    height: 100svh
}

.top-gallery__list {
    -webkit-transform: translate3d(calc(var(--p1) * -100% + 100vw * var(--p1)), 0, 0);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 5% 0;
    gap: 170px;
    transform: translate3d(calc(var(--p1) * -100% + 100vw * var(--p1)), 0, 0)
}

.top-gallery__item {
    --margin: 20px;
    --grid: calc(6.25vw - var(--margin) * 2 / 16 - var(--gap) * 15 / 16);
    --gap: 170px;
    display: flex;
    z-index: 1;
    justify-content: center;
    width: calc(var(--grid) * 4 + var(--gap) * 3)
}

.top-gallery__item:nth-of-type(3n + 2) .top-gallery__image {
    align-self: flex-end
}

.top-gallery__item:nth-of-type(3n + 3) .top-gallery__image {
    align-self: center
}

.top-gallery__splide {
    position: relative
}

.top-gallery .splide {
    height: 320px
}

.top-gallery .splide__track {
    height: 100%
}

.top-gallery .splide__slide:nth-of-type(3n + 2) {
    align-self: flex-end
}

.top-gallery .splide__slide:nth-of-type(3n) {
    align-self: center
}

.top-gallery .splide__slide.vertical {
    width: 260px !important
}

.top-gallery .splide__slide.horizontal {
    width: 320px !important
}

.top-gallery .splide__slide .top-gallery__image img {
    width: 100%
}

.top-hero {
    position: relative;
    width: 100%;
    overflow: hidden
}

.top-kv {
    position: relative;
    width: 100%;
    height: 100lvh;
    overflow: hidden
}

.top-kv__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top-kv__blur {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: filter
}

.top-kv__bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b2e4d66;
    opacity: 0
}

.top-kv__movie {
    position: relative;
    width: 100%;
    height: 100%
}

.top-kv__movie__video {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-kv__movie:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b354d;
    content: "";
    opacity: .4
}

.top-kv__catch {
    z-index: 1;
    position: absolute;
    bottom: 6%;
    left: 0;
    width: 100%;
    padding: 0 6%;
    color: #fff
}

.top-kv__catch__wrapper {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-kv__catch__wrapper.hidden {
    opacity: 0 !important
}

.top-kv__catch--en {
    margin-bottom: 60px;
    font-weight: var(--font-regular);
    font-size: 6.25rem;
    line-height: 1.3
}

.top-kv__catch--ja {
    font-weight: var(--font-medium);
    font-size: 1.75rem;
    letter-spacing: .03em
}

.top-kv__news {
    display: block;
    z-index: 1;
    position: absolute;
    right: 6%;
    bottom: 6%;
    width: 440px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: #fff
}

.top-kv__news.hidden {
    opacity: 0 !important
}

.top-kv__news__title {
    margin-bottom: 27px;
    font-size: .9375rem
}

.top-kv__news__list__link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-right: 30px;
    color: #fff
}

.top-kv__news__list__link:hover,
.top-kv__news__list__link:focus,
.top-kv__news__list__link:active {
    color: #fff
}

.top-kv__news__list__link:hover .top-kv__news__arrow--before,
.top-kv__news__list__link:focus .top-kv__news__arrow--before,
.top-kv__news__list__link:active .top-kv__news__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-kv__news__list__link:hover .top-kv__news__arrow--after,
.top-kv__news__list__link:focus .top-kv__news__arrow--after,
.top-kv__news__list__link:active .top-kv__news__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-kv__news__list__title {
    flex: 0 0 calc(100% - 90px);
    overflow: hidden;
    font-size: .9375rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-kv__news__time {
    flex: 0 0 90px;
    font-weight: var(--font-family-medium);
    font-size: .875rem
}

.top-kv__news__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    flex: 0 0 18px;
    width: 18px;
    height: 18px
}

.top-kv__news__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-kv__news__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-news {
    position: relative;
    padding-top: 50px
}

.top-news__inner {
    padding-top: 30px;
    border-top: 1px solid rgba(var(--color-base-rgb), .1)
}

.top-news__heading {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 33px
}

.top-news__title {
    font-size: .9375rem
}

.top-news__time {
    font-size: .875rem
}

.top-news__list__link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-right: 30px
}

.top-news__list__link:hover,
.top-news__list__link:focus,
.top-news__list__link:active {
    color: var(--color-base)
}

.top-news__list__link:hover .top-news__arrow--before,
.top-news__list__link:focus .top-news__arrow--before,
.top-news__list__link:active .top-news__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-news__list__link:hover .top-news__arrow--after,
.top-news__list__link:focus .top-news__arrow--after,
.top-news__list__link:active .top-news__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-news__list__title {
    display: inline-block;
    flex: 0 0 calc(100% - 20px);
    overflow: hidden;
    font-weight: var(--font-regular);
    font-size: .9375rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-news__arrow {
    position: absolute;
    right: 0;
    bottom: 2px;
    flex: 0 0 18px;
    width: 18px;
    height: 18px
}

.top-news__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-news__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-recruit {
    padding-top: clamp(5rem, 4.091rem + 4.55vw, 7.5rem);
    overflow: hidden;
    background: linear-gradient(
        to bottom,
        #F1EFEC 5%,
        #D4C9BE 18%,
        #D4C9BE 50%,
        #F1EFEC 100%
    );
}

.top-recruit__main {
    position: relative
}

.top-recruit__title {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}

.top-recruit__title__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top-recruit__bgtext {
    position: absolute;
    top: 50%
}

.top-recruit__bgtext .loop-wrap {
    display: flex
}

.top-recruit__bgtext .loop-wrap .text {
    flex: 0 0 auto;
    padding: 0 100px;
    color: #eaf0f5;
    font-weight: var(--font-medium);
    font-size: 31.25rem;
    white-space: nowrap
}

.top-recruit__bgtext .loop-wrap .text:first-child {
    -webkit-animation: 20s loop 0s linear infinite;
    animation: 20s loop 0s linear infinite
}

.top-recruit__bgtext .loop-wrap .text:last-child {
    -webkit-animation: 20s loop 0s linear infinite;
    animation: 20s loop 0s linear infinite
}

@keyframes loop {
    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

.top-recruit__list {
    z-index: 1;
    position: relative
}

.top-recruit__item {
    width: 40%;
    max-width: 480px
}

.top-recruit__item:nth-of-type(even) {
    margin-left: auto
}

.top-recruit__item__link {
    color: var(--color-base)
}

.top-recruit__item__link:hover,
.top-recruit__item__link:focus,
.top-recruit__item__link:active {
    color: var(--color-base)
}

.top-recruit__item__link:hover .top-recruit__item__figure img,
.top-recruit__item__link:focus .top-recruit__item__figure img,
.top-recruit__item__link:active .top-recruit__item__figure img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.top-recruit__item__link:hover .top-recruit__item__arrow--before,
.top-recruit__item__link:focus .top-recruit__item__arrow--before,
.top-recruit__item__link:active .top-recruit__item__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-recruit__item__link:hover .top-recruit__item__arrow--after,
.top-recruit__item__link:focus .top-recruit__item__arrow--after,
.top-recruit__item__link:active .top-recruit__item__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-recruit__item__figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 68.75%;
    overflow: hidden
}

.top-recruit__item__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.top-recruit__item__title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    font-weight: var(--font-light);
    font-size: 1.25rem;
    text-align: center
}

.top-recruit__item__arrow {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%)
}

.top-recruit__item__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-recruit__item__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-recruit__message {
    padding: 40px 0 70px;
    color: var(--color-base);
    font-weight: var(--font-light);
    font-size: 1.125rem;
    line-height: 220%;
    letter-spacing: .03em;
    text-align: center
}

.top-recruit__entry {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100svh
}

.top-recruit__entry__link {
    display: block;
    z-index: 1;
    position: relative
}

.top-recruit__entry__figure {
    position: relative;
    width: 100%;
    height: 100%
}

.top-recruit__entry__figure img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-recruit__entry__str {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 9.375rem;
    white-space: nowrap
}

.top-ship {
    position: relative;
    padding-top: clamp(3.563rem, 1.494rem + 10.34vw, 9.25rem);
    overflow: hidden
}

.top-ship:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background-color:#20380b;
    content: ""
}

.top-ship__button {
    margin-top: 70px
}

.top-ship__slide {
    width: 70%;
    margin-top: -100px;
    margin-left: auto;
    padding: 0 40px
}

.top-ship__slide .splide__arrows button {
    width: 108px;
    height: 108px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 0;
    mix-blend-mode: difference;
    opacity: 1;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.top-ship__slide .splide__arrows button:before {
    width: 26px;
    height: 26px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: ""
}

.top-ship__slide .splide__arrows .splide__arrow--prev {
    margin-left: -80px
}

.top-ship__slide .splide__arrows .splide__arrow--prev:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.3636%2026L20%2025.3636L7.90802%2013.2716L19.999%201.18061L19.3626%200.544207L6.63472%2013.2721L7.27112%2013.9085L19.3636%2026Z%22%20fill%3D%22%23123458%22%2F%3E%3C%2Fsvg%3E)
}

.top-ship__slide .splide__arrows .splide__arrow--next {
    margin-right: -80px
}

.top-ship__slide .splide__arrows .splide__arrow--next:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.6364%200L6%200.636393L18.092%2012.7284L6.00096%2024.8194L6.63736%2025.4558L19.3653%2012.7279L18.7289%2012.0915L6.6364%200Z%22%20fill%3D%22%23123458%22%2F%3E%3C%2Fsvg%3E)
}

.top-ship__item {
    position: relative;
    overflow: hidden
}

.top-ship__item__link {
    color: #fff
}

.top-ship__item__link:hover,
.top-ship__item__link:focus,
.top-ship__item__link:active {
    color: #fff
}

.top-ship__item__link:hover .top-ship__item__arrow--before,
.top-ship__item__link:focus .top-ship__item__arrow--before,
.top-ship__item__link:active .top-ship__item__arrow--before {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 0
}

.top-ship__item__link:hover .top-ship__item__arrow--after,
.top-ship__item__link:focus .top-ship__item__arrow--after,
.top-ship__item__link:active .top-ship__item__arrow--after {
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    opacity: 1
}

.top-ship__item__name {
    z-index: 1;
    position: absolute;
    top: 27px;
    left: 30px;
    font-weight: var(--font-regular);
    font-size: 1.125rem;
    line-height: 170%;
    letter-spacing: .03em
}

.top-ship__item__image {
    position: relative;
    transition-duration: .4s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.top-ship__item__image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.top-ship__item__arrow {
    position: absolute;
    right: 32px;
    bottom: 32px;
    width: 37px;
    height: 37px
}

.top-ship__item__arrow--before {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.top-ship__item__arrow--after {
    -webkit-transform: translate(-80%, -50%);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition-duration: .7s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width: 414px) and (max-width: 575.98px) {
    .xs\:only-hide {
        display: none
    }
}

@media screen and (min-width: 414px) {
    .xs\:flex-column {
        flex-direction: column
    }

    .xs\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .xs\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .xs\:flex-row {
        flex-direction: row
    }

    .xs\:flex-nowrap {
        flex-wrap: nowrap
    }

    .xs\:flex-wrap {
        flex-wrap: wrap
    }

    .xs\:justify-content-start {
        justify-content: flex-start
    }

    .xs\:justify-content-end {
        justify-content: flex-end
    }

    .xs\:justify-content-center {
        justify-content: center
    }

    .xs\:justify-content-between {
        justify-content: space-between
    }

    .xs\:justify-content-around {
        justify-content: space-around
    }

    .xs\:justify-content-evenly {
        justify-content: space-evenly
    }

    .xs\:align-items-start {
        align-items: flex-start
    }

    .xs\:align-items-end {
        align-items: flex-end
    }

    .xs\:align-items-center {
        align-items: center
    }

    .xs\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xs\:cols-1>* {
        grid-column: auto
    }

    .xs\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xs\:cols-2>* {
        grid-column: auto
    }

    .xs\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xs\:cols-3>* {
        grid-column: auto
    }

    .xs\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xs\:cols-4>* {
        grid-column: auto
    }

    .xs\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .xs\:cols-5>* {
        grid-column: auto
    }

    .xs\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .xs\:cols-6>* {
        grid-column: auto
    }

    .xs\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .xs\:cols-7>* {
        grid-column: auto
    }

    .xs\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xs\:cols-8>* {
        grid-column: auto
    }

    .xs\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .xs\:cols-9>* {
        grid-column: auto
    }

    .xs\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .xs\:cols-10>* {
        grid-column: auto
    }

    .xs\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .xs\:cols-11>* {
        grid-column: auto
    }

    .xs\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .xs\:cols-12>* {
        grid-column: auto
    }

    .xs\:col-1 {
        grid-column: auto/span 1
    }

    .xs\:row-1 {
        grid-row: auto/span 1
    }

    .xs\:col-2 {
        grid-column: auto/span 2
    }

    .xs\:row-2 {
        grid-row: auto/span 2
    }

    .xs\:col-3 {
        grid-column: auto/span 3
    }

    .xs\:row-3 {
        grid-row: auto/span 3
    }

    .xs\:col-4 {
        grid-column: auto/span 4
    }

    .xs\:row-4 {
        grid-row: auto/span 4
    }

    .xs\:col-5 {
        grid-column: auto/span 5
    }

    .xs\:row-5 {
        grid-row: auto/span 5
    }

    .xs\:col-6 {
        grid-column: auto/span 6
    }

    .xs\:row-6 {
        grid-row: auto/span 6
    }

    .xs\:col-7 {
        grid-column: auto/span 7
    }

    .xs\:row-7 {
        grid-row: auto/span 7
    }

    .xs\:col-8 {
        grid-column: auto/span 8
    }

    .xs\:row-8 {
        grid-row: auto/span 8
    }

    .xs\:col-9 {
        grid-column: auto/span 9
    }

    .xs\:row-9 {
        grid-row: auto/span 9
    }

    .xs\:col-10 {
        grid-column: auto/span 10
    }

    .xs\:row-10 {
        grid-row: auto/span 10
    }

    .xs\:col-11 {
        grid-column: auto/span 11
    }

    .xs\:row-11 {
        grid-row: auto/span 11
    }

    .xs\:col-12 {
        grid-column: auto/span 12
    }

    .xs\:row-12 {
        grid-row: auto/span 12
    }

    .xs\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .xs\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .xs\:order-1 {
        order: 1
    }

    .xs\:start-1 {
        grid-column-start: 2
    }

    .xs\:order-2 {
        order: 2
    }

    .xs\:start-2 {
        grid-column-start: 3
    }

    .xs\:order-3 {
        order: 3
    }

    .xs\:start-3 {
        grid-column-start: 4
    }

    .xs\:order-4 {
        order: 4
    }

    .xs\:start-4 {
        grid-column-start: 5
    }

    .xs\:order-5 {
        order: 5
    }

    .xs\:start-5 {
        grid-column-start: 6
    }

    .xs\:order-6 {
        order: 6
    }

    .xs\:start-6 {
        grid-column-start: 7
    }

    .xs\:order-7 {
        order: 7
    }

    .xs\:start-7 {
        grid-column-start: 8
    }

    .xs\:order-8 {
        order: 8
    }

    .xs\:start-8 {
        grid-column-start: 9
    }

    .xs\:order-9 {
        order: 9
    }

    .xs\:start-9 {
        grid-column-start: 10
    }

    .xs\:order-10 {
        order: 10
    }

    .xs\:start-10 {
        grid-column-start: 11
    }

    .xs\:order-11 {
        order: 11
    }

    .xs\:start-11 {
        grid-column-start: 12
    }

    .xs\:order-first {
        order: -9999
    }

    .xs\:order-last {
        order: 9999
    }

    .xs\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .xs\:gap-x-0 {
        grid-column-gap: 0
    }

    .xs\:gap-y-0 {
        grid-row-gap: 0
    }

    .xs\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .xs\:gap-x-5 {
        grid-column-gap: 5px
    }

    .xs\:gap-y-5 {
        grid-row-gap: 5px
    }

    .xs\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .xs\:gap-x-10 {
        grid-column-gap: 10px
    }

    .xs\:gap-y-10 {
        grid-row-gap: 10px
    }

    .xs\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .xs\:gap-x-15 {
        grid-column-gap: 15px
    }

    .xs\:gap-y-15 {
        grid-row-gap: 15px
    }

    .xs\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .xs\:gap-x-20 {
        grid-column-gap: 20px
    }

    .xs\:gap-y-20 {
        grid-row-gap: 20px
    }

    .xs\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .xs\:gap-x-25 {
        grid-column-gap: 25px
    }

    .xs\:gap-y-25 {
        grid-row-gap: 25px
    }

    .xs\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .xs\:gap-x-30 {
        grid-column-gap: 30px
    }

    .xs\:gap-y-30 {
        grid-row-gap: 30px
    }

    .xs\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .xs\:gap-x-35 {
        grid-column-gap: 35px
    }

    .xs\:gap-y-35 {
        grid-row-gap: 35px
    }

    .xs\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .xs\:gap-x-40 {
        grid-column-gap: 40px
    }

    .xs\:gap-y-40 {
        grid-row-gap: 40px
    }

    .xs\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .xs\:gap-x-45 {
        grid-column-gap: 45px
    }

    .xs\:gap-y-45 {
        grid-row-gap: 45px
    }

    .xs\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .xs\:gap-x-50 {
        grid-column-gap: 50px
    }

    .xs\:gap-y-50 {
        grid-row-gap: 50px
    }

    .xs\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .xs\:gap-x-60 {
        grid-column-gap: 60px
    }

    .xs\:gap-y-60 {
        grid-row-gap: 60px
    }

    .xs\:hide {
        display: none
    }

    .xs\:m-0 {
        margin: 0
    }

    .xs\:mt-0 {
        margin-top: 0
    }

    .xs\:mr-0 {
        margin-right: 0
    }

    .xs\:mb-0 {
        margin-bottom: 0
    }

    .xs\:ml-0 {
        margin-left: 0
    }

    .xs\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xs\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .xs\:m-5 {
        margin: 5px
    }

    .xs\:mt-5 {
        margin-top: 5px
    }

    .xs\:mr-5 {
        margin-right: 5px
    }

    .xs\:mb-5 {
        margin-bottom: 5px
    }

    .xs\:ml-5 {
        margin-left: 5px
    }

    .xs\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .xs\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .xs\:m-10 {
        margin: 10px
    }

    .xs\:mt-10 {
        margin-top: 10px
    }

    .xs\:mr-10 {
        margin-right: 10px
    }

    .xs\:mb-10 {
        margin-bottom: 10px
    }

    .xs\:ml-10 {
        margin-left: 10px
    }

    .xs\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .xs\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .xs\:m-15 {
        margin: 15px
    }

    .xs\:mt-15 {
        margin-top: 15px
    }

    .xs\:mr-15 {
        margin-right: 15px
    }

    .xs\:mb-15 {
        margin-bottom: 15px
    }

    .xs\:ml-15 {
        margin-left: 15px
    }

    .xs\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xs\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .xs\:m-20 {
        margin: 20px
    }

    .xs\:mt-20 {
        margin-top: 20px
    }

    .xs\:mr-20 {
        margin-right: 20px
    }

    .xs\:mb-20 {
        margin-bottom: 20px
    }

    .xs\:ml-20 {
        margin-left: 20px
    }

    .xs\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .xs\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .xs\:m-25 {
        margin: 25px
    }

    .xs\:mt-25 {
        margin-top: 25px
    }

    .xs\:mr-25 {
        margin-right: 25px
    }

    .xs\:mb-25 {
        margin-bottom: 25px
    }

    .xs\:ml-25 {
        margin-left: 25px
    }

    .xs\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .xs\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .xs\:m-30 {
        margin: 30px
    }

    .xs\:mt-30 {
        margin-top: 30px
    }

    .xs\:mr-30 {
        margin-right: 30px
    }

    .xs\:mb-30 {
        margin-bottom: 30px
    }

    .xs\:ml-30 {
        margin-left: 30px
    }

    .xs\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xs\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .xs\:m-35 {
        margin: 35px
    }

    .xs\:mt-35 {
        margin-top: 35px
    }

    .xs\:mr-35 {
        margin-right: 35px
    }

    .xs\:mb-35 {
        margin-bottom: 35px
    }

    .xs\:ml-35 {
        margin-left: 35px
    }

    .xs\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .xs\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .xs\:m-40 {
        margin: 40px
    }

    .xs\:mt-40 {
        margin-top: 40px
    }

    .xs\:mr-40 {
        margin-right: 40px
    }

    .xs\:mb-40 {
        margin-bottom: 40px
    }

    .xs\:ml-40 {
        margin-left: 40px
    }

    .xs\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xs\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .xs\:m-45 {
        margin: 45px
    }

    .xs\:mt-45 {
        margin-top: 45px
    }

    .xs\:mr-45 {
        margin-right: 45px
    }

    .xs\:mb-45 {
        margin-bottom: 45px
    }

    .xs\:ml-45 {
        margin-left: 45px
    }

    .xs\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .xs\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .xs\:m-50 {
        margin: 50px
    }

    .xs\:mt-50 {
        margin-top: 50px
    }

    .xs\:mr-50 {
        margin-right: 50px
    }

    .xs\:mb-50 {
        margin-bottom: 50px
    }

    .xs\:ml-50 {
        margin-left: 50px
    }

    .xs\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .xs\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .xs\:m-60 {
        margin: 60px
    }

    .xs\:mt-60 {
        margin-top: 60px
    }

    .xs\:mr-60 {
        margin-right: 60px
    }

    .xs\:mb-60 {
        margin-bottom: 60px
    }

    .xs\:ml-60 {
        margin-left: 60px
    }

    .xs\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .xs\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .xs\:m-70 {
        margin: 70px
    }

    .xs\:mt-70 {
        margin-top: 70px
    }

    .xs\:mr-70 {
        margin-right: 70px
    }

    .xs\:mb-70 {
        margin-bottom: 70px
    }

    .xs\:ml-70 {
        margin-left: 70px
    }

    .xs\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .xs\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .xs\:m-80 {
        margin: 80px
    }

    .xs\:mt-80 {
        margin-top: 80px
    }

    .xs\:mr-80 {
        margin-right: 80px
    }

    .xs\:mb-80 {
        margin-bottom: 80px
    }

    .xs\:ml-80 {
        margin-left: 80px
    }

    .xs\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .xs\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .xs\:m-90 {
        margin: 90px
    }

    .xs\:mt-90 {
        margin-top: 90px
    }

    .xs\:mr-90 {
        margin-right: 90px
    }

    .xs\:mb-90 {
        margin-bottom: 90px
    }

    .xs\:ml-90 {
        margin-left: 90px
    }

    .xs\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .xs\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .xs\:m-100 {
        margin: 100px
    }

    .xs\:mt-100 {
        margin-top: 100px
    }

    .xs\:mr-100 {
        margin-right: 100px
    }

    .xs\:mb-100 {
        margin-bottom: 100px
    }

    .xs\:ml-100 {
        margin-left: 100px
    }

    .xs\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .xs\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .xs\:m-120 {
        margin: 120px
    }

    .xs\:mt-120 {
        margin-top: 120px
    }

    .xs\:mr-120 {
        margin-right: 120px
    }

    .xs\:mb-120 {
        margin-bottom: 120px
    }

    .xs\:ml-120 {
        margin-left: 120px
    }

    .xs\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .xs\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .xs\:m-140 {
        margin: 140px
    }

    .xs\:mt-140 {
        margin-top: 140px
    }

    .xs\:mr-140 {
        margin-right: 140px
    }

    .xs\:mb-140 {
        margin-bottom: 140px
    }

    .xs\:ml-140 {
        margin-left: 140px
    }

    .xs\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .xs\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .xs\:m-160 {
        margin: 160px
    }

    .xs\:mt-160 {
        margin-top: 160px
    }

    .xs\:mr-160 {
        margin-right: 160px
    }

    .xs\:mb-160 {
        margin-bottom: 160px
    }

    .xs\:ml-160 {
        margin-left: 160px
    }

    .xs\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .xs\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .xs\:m-180 {
        margin: 180px
    }

    .xs\:mt-180 {
        margin-top: 180px
    }

    .xs\:mr-180 {
        margin-right: 180px
    }

    .xs\:mb-180 {
        margin-bottom: 180px
    }

    .xs\:ml-180 {
        margin-left: 180px
    }

    .xs\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .xs\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .xs\:m-200 {
        margin: 200px
    }

    .xs\:mt-200 {
        margin-top: 200px
    }

    .xs\:mr-200 {
        margin-right: 200px
    }

    .xs\:mb-200 {
        margin-bottom: 200px
    }

    .xs\:ml-200 {
        margin-left: 200px
    }

    .xs\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .xs\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .xs\:p-0 {
        padding: 0
    }

    .xs\:pt-0 {
        padding-top: 0
    }

    .xs\:pr-0 {
        padding-right: 0
    }

    .xs\:pb-0 {
        padding-bottom: 0
    }

    .xs\:pl-0 {
        padding-left: 0
    }

    .xs\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xs\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .xs\:p-5 {
        padding: 5px
    }

    .xs\:pt-5 {
        padding-top: 5px
    }

    .xs\:pr-5 {
        padding-right: 5px
    }

    .xs\:pb-5 {
        padding-bottom: 5px
    }

    .xs\:pl-5 {
        padding-left: 5px
    }

    .xs\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xs\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .xs\:p-10 {
        padding: 10px
    }

    .xs\:pt-10 {
        padding-top: 10px
    }

    .xs\:pr-10 {
        padding-right: 10px
    }

    .xs\:pb-10 {
        padding-bottom: 10px
    }

    .xs\:pl-10 {
        padding-left: 10px
    }

    .xs\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xs\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .xs\:p-15 {
        padding: 15px
    }

    .xs\:pt-15 {
        padding-top: 15px
    }

    .xs\:pr-15 {
        padding-right: 15px
    }

    .xs\:pb-15 {
        padding-bottom: 15px
    }

    .xs\:pl-15 {
        padding-left: 15px
    }

    .xs\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xs\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .xs\:p-20 {
        padding: 20px
    }

    .xs\:pt-20 {
        padding-top: 20px
    }

    .xs\:pr-20 {
        padding-right: 20px
    }

    .xs\:pb-20 {
        padding-bottom: 20px
    }

    .xs\:pl-20 {
        padding-left: 20px
    }

    .xs\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xs\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .xs\:p-25 {
        padding: 25px
    }

    .xs\:pt-25 {
        padding-top: 25px
    }

    .xs\:pr-25 {
        padding-right: 25px
    }

    .xs\:pb-25 {
        padding-bottom: 25px
    }

    .xs\:pl-25 {
        padding-left: 25px
    }

    .xs\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .xs\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .xs\:p-30 {
        padding: 30px
    }

    .xs\:pt-30 {
        padding-top: 30px
    }

    .xs\:pr-30 {
        padding-right: 30px
    }

    .xs\:pb-30 {
        padding-bottom: 30px
    }

    .xs\:pl-30 {
        padding-left: 30px
    }

    .xs\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xs\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .xs\:p-35 {
        padding: 35px
    }

    .xs\:pt-35 {
        padding-top: 35px
    }

    .xs\:pr-35 {
        padding-right: 35px
    }

    .xs\:pb-35 {
        padding-bottom: 35px
    }

    .xs\:pl-35 {
        padding-left: 35px
    }

    .xs\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .xs\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .xs\:p-40 {
        padding: 40px
    }

    .xs\:pt-40 {
        padding-top: 40px
    }

    .xs\:pr-40 {
        padding-right: 40px
    }

    .xs\:pb-40 {
        padding-bottom: 40px
    }

    .xs\:pl-40 {
        padding-left: 40px
    }

    .xs\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xs\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .xs\:p-45 {
        padding: 45px
    }

    .xs\:pt-45 {
        padding-top: 45px
    }

    .xs\:pr-45 {
        padding-right: 45px
    }

    .xs\:pb-45 {
        padding-bottom: 45px
    }

    .xs\:pl-45 {
        padding-left: 45px
    }

    .xs\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .xs\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .xs\:p-50 {
        padding: 50px
    }

    .xs\:pt-50 {
        padding-top: 50px
    }

    .xs\:pr-50 {
        padding-right: 50px
    }

    .xs\:pb-50 {
        padding-bottom: 50px
    }

    .xs\:pl-50 {
        padding-left: 50px
    }

    .xs\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .xs\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .xs\:p-60 {
        padding: 60px
    }

    .xs\:pt-60 {
        padding-top: 60px
    }

    .xs\:pr-60 {
        padding-right: 60px
    }

    .xs\:pb-60 {
        padding-bottom: 60px
    }

    .xs\:pl-60 {
        padding-left: 60px
    }

    .xs\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .xs\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .xs\:p-70 {
        padding: 70px
    }

    .xs\:pt-70 {
        padding-top: 70px
    }

    .xs\:pr-70 {
        padding-right: 70px
    }

    .xs\:pb-70 {
        padding-bottom: 70px
    }

    .xs\:pl-70 {
        padding-left: 70px
    }

    .xs\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .xs\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .xs\:p-80 {
        padding: 80px
    }

    .xs\:pt-80 {
        padding-top: 80px
    }

    .xs\:pr-80 {
        padding-right: 80px
    }

    .xs\:pb-80 {
        padding-bottom: 80px
    }

    .xs\:pl-80 {
        padding-left: 80px
    }

    .xs\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xs\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .xs\:p-90 {
        padding: 90px
    }

    .xs\:pt-90 {
        padding-top: 90px
    }

    .xs\:pr-90 {
        padding-right: 90px
    }

    .xs\:pb-90 {
        padding-bottom: 90px
    }

    .xs\:pl-90 {
        padding-left: 90px
    }

    .xs\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .xs\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .xs\:p-100 {
        padding: 100px
    }

    .xs\:pt-100 {
        padding-top: 100px
    }

    .xs\:pr-100 {
        padding-right: 100px
    }

    .xs\:pb-100 {
        padding-bottom: 100px
    }

    .xs\:pl-100 {
        padding-left: 100px
    }

    .xs\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xs\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .xs\:p-120 {
        padding: 120px
    }

    .xs\:pt-120 {
        padding-top: 120px
    }

    .xs\:pr-120 {
        padding-right: 120px
    }

    .xs\:pb-120 {
        padding-bottom: 120px
    }

    .xs\:pl-120 {
        padding-left: 120px
    }

    .xs\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xs\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .xs\:p-140 {
        padding: 140px
    }

    .xs\:pt-140 {
        padding-top: 140px
    }

    .xs\:pr-140 {
        padding-right: 140px
    }

    .xs\:pb-140 {
        padding-bottom: 140px
    }

    .xs\:pl-140 {
        padding-left: 140px
    }

    .xs\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xs\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .xs\:p-160 {
        padding: 160px
    }

    .xs\:pt-160 {
        padding-top: 160px
    }

    .xs\:pr-160 {
        padding-right: 160px
    }

    .xs\:pb-160 {
        padding-bottom: 160px
    }

    .xs\:pl-160 {
        padding-left: 160px
    }

    .xs\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xs\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .xs\:p-180 {
        padding: 180px
    }

    .xs\:pt-180 {
        padding-top: 180px
    }

    .xs\:pr-180 {
        padding-right: 180px
    }

    .xs\:pb-180 {
        padding-bottom: 180px
    }

    .xs\:pl-180 {
        padding-left: 180px
    }

    .xs\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .xs\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .xs\:p-200 {
        padding: 200px
    }

    .xs\:pt-200 {
        padding-top: 200px
    }

    .xs\:pr-200 {
        padding-right: 200px
    }

    .xs\:pb-200 {
        padding-bottom: 200px
    }

    .xs\:pl-200 {
        padding-left: 200px
    }

    .xs\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xs\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .xs\:m-auto {
        margin: auto
    }

    .xs\:mt-auto,
    .xs\:my-auto {
        margin-top: auto
    }

    .xs\:mr-auto,
    .xs\:mx-auto {
        margin-right: auto
    }

    .xs\:mb-auto,
    .xs\:my-auto {
        margin-bottom: auto
    }

    .xs\:ml-auto,
    .xs\:mx-auto {
        margin-left: auto
    }

    .xs\:text-left {
        text-align: left
    }

    .xs\:text-right {
        text-align: right
    }

    .xs\:text-center {
        text-align: center
    }

    .xs\:text-justify {
        text-align: justify
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm\:only-hide {
        display: none
    }
}

@media screen and (min-width: 576px) {
    .container {
        width: 100%
    }

    .container,
    .container-fluid {
        padding-right: 24px;
        padding-left: 24px
    }

    .container-overflow-right {
        width: min(100% + (100vw - 100%) / 2, 100%)
    }

    .container-overflow-right {
        padding-left: 24px
    }

    .container-overflow-left {
        width: min(100% + (100vw - 100%) / 2, 100%)
    }

    .container-overflow-left {
        padding-right: 24px
    }

    .sm\:flex-column {
        flex-direction: column
    }

    .sm\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:justify-content-start {
        justify-content: flex-start
    }

    .sm\:justify-content-end {
        justify-content: flex-end
    }

    .sm\:justify-content-center {
        justify-content: center
    }

    .sm\:justify-content-between {
        justify-content: space-between
    }

    .sm\:justify-content-around {
        justify-content: space-around
    }

    .sm\:justify-content-evenly {
        justify-content: space-evenly
    }

    .sm\:align-items-start {
        align-items: flex-start
    }

    .sm\:align-items-end {
        align-items: flex-end
    }

    .sm\:align-items-center {
        align-items: center
    }

    .sm\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .sm\:cols-1>* {
        grid-column: auto
    }

    .sm\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:cols-2>* {
        grid-column: auto
    }

    .sm\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:cols-3>* {
        grid-column: auto
    }

    .sm\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:cols-4>* {
        grid-column: auto
    }

    .sm\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:cols-5>* {
        grid-column: auto
    }

    .sm\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:cols-6>* {
        grid-column: auto
    }

    .sm\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .sm\:cols-7>* {
        grid-column: auto
    }

    .sm\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .sm\:cols-8>* {
        grid-column: auto
    }

    .sm\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .sm\:cols-9>* {
        grid-column: auto
    }

    .sm\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .sm\:cols-10>* {
        grid-column: auto
    }

    .sm\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .sm\:cols-11>* {
        grid-column: auto
    }

    .sm\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .sm\:cols-12>* {
        grid-column: auto
    }

    .sm\:col-1 {
        grid-column: auto/span 1
    }

    .sm\:row-1 {
        grid-row: auto/span 1
    }

    .sm\:col-2 {
        grid-column: auto/span 2
    }

    .sm\:row-2 {
        grid-row: auto/span 2
    }

    .sm\:col-3 {
        grid-column: auto/span 3
    }

    .sm\:row-3 {
        grid-row: auto/span 3
    }

    .sm\:col-4 {
        grid-column: auto/span 4
    }

    .sm\:row-4 {
        grid-row: auto/span 4
    }

    .sm\:col-5 {
        grid-column: auto/span 5
    }

    .sm\:row-5 {
        grid-row: auto/span 5
    }

    .sm\:col-6 {
        grid-column: auto/span 6
    }

    .sm\:row-6 {
        grid-row: auto/span 6
    }

    .sm\:col-7 {
        grid-column: auto/span 7
    }

    .sm\:row-7 {
        grid-row: auto/span 7
    }

    .sm\:col-8 {
        grid-column: auto/span 8
    }

    .sm\:row-8 {
        grid-row: auto/span 8
    }

    .sm\:col-9 {
        grid-column: auto/span 9
    }

    .sm\:row-9 {
        grid-row: auto/span 9
    }

    .sm\:col-10 {
        grid-column: auto/span 10
    }

    .sm\:row-10 {
        grid-row: auto/span 10
    }

    .sm\:col-11 {
        grid-column: auto/span 11
    }

    .sm\:row-11 {
        grid-row: auto/span 11
    }

    .sm\:col-12 {
        grid-column: auto/span 12
    }

    .sm\:row-12 {
        grid-row: auto/span 12
    }

    .sm\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .sm\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:start-1 {
        grid-column-start: 2
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:start-2 {
        grid-column-start: 3
    }

    .sm\:order-3 {
        order: 3
    }

    .sm\:start-3 {
        grid-column-start: 4
    }

    .sm\:order-4 {
        order: 4
    }

    .sm\:start-4 {
        grid-column-start: 5
    }

    .sm\:order-5 {
        order: 5
    }

    .sm\:start-5 {
        grid-column-start: 6
    }

    .sm\:order-6 {
        order: 6
    }

    .sm\:start-6 {
        grid-column-start: 7
    }

    .sm\:order-7 {
        order: 7
    }

    .sm\:start-7 {
        grid-column-start: 8
    }

    .sm\:order-8 {
        order: 8
    }

    .sm\:start-8 {
        grid-column-start: 9
    }

    .sm\:order-9 {
        order: 9
    }

    .sm\:start-9 {
        grid-column-start: 10
    }

    .sm\:order-10 {
        order: 10
    }

    .sm\:start-10 {
        grid-column-start: 11
    }

    .sm\:order-11 {
        order: 11
    }

    .sm\:start-11 {
        grid-column-start: 12
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:order-last {
        order: 9999
    }

    .sm\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .sm\:gap-x-0 {
        grid-column-gap: 0
    }

    .sm\:gap-y-0 {
        grid-row-gap: 0
    }

    .sm\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .sm\:gap-x-5 {
        grid-column-gap: 5px
    }

    .sm\:gap-y-5 {
        grid-row-gap: 5px
    }

    .sm\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .sm\:gap-x-10 {
        grid-column-gap: 10px
    }

    .sm\:gap-y-10 {
        grid-row-gap: 10px
    }

    .sm\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .sm\:gap-x-15 {
        grid-column-gap: 15px
    }

    .sm\:gap-y-15 {
        grid-row-gap: 15px
    }

    .sm\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .sm\:gap-x-20 {
        grid-column-gap: 20px
    }

    .sm\:gap-y-20 {
        grid-row-gap: 20px
    }

    .sm\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .sm\:gap-x-25 {
        grid-column-gap: 25px
    }

    .sm\:gap-y-25 {
        grid-row-gap: 25px
    }

    .sm\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .sm\:gap-x-30 {
        grid-column-gap: 30px
    }

    .sm\:gap-y-30 {
        grid-row-gap: 30px
    }

    .sm\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .sm\:gap-x-35 {
        grid-column-gap: 35px
    }

    .sm\:gap-y-35 {
        grid-row-gap: 35px
    }

    .sm\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .sm\:gap-x-40 {
        grid-column-gap: 40px
    }

    .sm\:gap-y-40 {
        grid-row-gap: 40px
    }

    .sm\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .sm\:gap-x-45 {
        grid-column-gap: 45px
    }

    .sm\:gap-y-45 {
        grid-row-gap: 45px
    }

    .sm\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .sm\:gap-x-50 {
        grid-column-gap: 50px
    }

    .sm\:gap-y-50 {
        grid-row-gap: 50px
    }

    .sm\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .sm\:gap-x-60 {
        grid-column-gap: 60px
    }

    .sm\:gap-y-60 {
        grid-row-gap: 60px
    }

    .sm\:hide {
        display: none
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .sm\:m-5 {
        margin: 5px
    }

    .sm\:mt-5 {
        margin-top: 5px
    }

    .sm\:mr-5 {
        margin-right: 5px
    }

    .sm\:mb-5 {
        margin-bottom: 5px
    }

    .sm\:ml-5 {
        margin-left: 5px
    }

    .sm\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .sm\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .sm\:m-10 {
        margin: 10px
    }

    .sm\:mt-10 {
        margin-top: 10px
    }

    .sm\:mr-10 {
        margin-right: 10px
    }

    .sm\:mb-10 {
        margin-bottom: 10px
    }

    .sm\:ml-10 {
        margin-left: 10px
    }

    .sm\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .sm\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .sm\:m-15 {
        margin: 15px
    }

    .sm\:mt-15 {
        margin-top: 15px
    }

    .sm\:mr-15 {
        margin-right: 15px
    }

    .sm\:mb-15 {
        margin-bottom: 15px
    }

    .sm\:ml-15 {
        margin-left: 15px
    }

    .sm\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .sm\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .sm\:m-20 {
        margin: 20px
    }

    .sm\:mt-20 {
        margin-top: 20px
    }

    .sm\:mr-20 {
        margin-right: 20px
    }

    .sm\:mb-20 {
        margin-bottom: 20px
    }

    .sm\:ml-20 {
        margin-left: 20px
    }

    .sm\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .sm\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .sm\:m-25 {
        margin: 25px
    }

    .sm\:mt-25 {
        margin-top: 25px
    }

    .sm\:mr-25 {
        margin-right: 25px
    }

    .sm\:mb-25 {
        margin-bottom: 25px
    }

    .sm\:ml-25 {
        margin-left: 25px
    }

    .sm\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .sm\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .sm\:m-30 {
        margin: 30px
    }

    .sm\:mt-30 {
        margin-top: 30px
    }

    .sm\:mr-30 {
        margin-right: 30px
    }

    .sm\:mb-30 {
        margin-bottom: 30px
    }

    .sm\:ml-30 {
        margin-left: 30px
    }

    .sm\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .sm\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .sm\:m-35 {
        margin: 35px
    }

    .sm\:mt-35 {
        margin-top: 35px
    }

    .sm\:mr-35 {
        margin-right: 35px
    }

    .sm\:mb-35 {
        margin-bottom: 35px
    }

    .sm\:ml-35 {
        margin-left: 35px
    }

    .sm\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .sm\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .sm\:m-40 {
        margin: 40px
    }

    .sm\:mt-40 {
        margin-top: 40px
    }

    .sm\:mr-40 {
        margin-right: 40px
    }

    .sm\:mb-40 {
        margin-bottom: 40px
    }

    .sm\:ml-40 {
        margin-left: 40px
    }

    .sm\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .sm\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .sm\:m-45 {
        margin: 45px
    }

    .sm\:mt-45 {
        margin-top: 45px
    }

    .sm\:mr-45 {
        margin-right: 45px
    }

    .sm\:mb-45 {
        margin-bottom: 45px
    }

    .sm\:ml-45 {
        margin-left: 45px
    }

    .sm\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .sm\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .sm\:m-50 {
        margin: 50px
    }

    .sm\:mt-50 {
        margin-top: 50px
    }

    .sm\:mr-50 {
        margin-right: 50px
    }

    .sm\:mb-50 {
        margin-bottom: 50px
    }

    .sm\:ml-50 {
        margin-left: 50px
    }

    .sm\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .sm\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .sm\:m-60 {
        margin: 60px
    }

    .sm\:mt-60 {
        margin-top: 60px
    }

    .sm\:mr-60 {
        margin-right: 60px
    }

    .sm\:mb-60 {
        margin-bottom: 60px
    }

    .sm\:ml-60 {
        margin-left: 60px
    }

    .sm\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .sm\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .sm\:m-70 {
        margin: 70px
    }

    .sm\:mt-70 {
        margin-top: 70px
    }

    .sm\:mr-70 {
        margin-right: 70px
    }

    .sm\:mb-70 {
        margin-bottom: 70px
    }

    .sm\:ml-70 {
        margin-left: 70px
    }

    .sm\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .sm\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .sm\:m-80 {
        margin: 80px
    }

    .sm\:mt-80 {
        margin-top: 80px
    }

    .sm\:mr-80 {
        margin-right: 80px
    }

    .sm\:mb-80 {
        margin-bottom: 80px
    }

    .sm\:ml-80 {
        margin-left: 80px
    }

    .sm\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .sm\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .sm\:m-90 {
        margin: 90px
    }

    .sm\:mt-90 {
        margin-top: 90px
    }

    .sm\:mr-90 {
        margin-right: 90px
    }

    .sm\:mb-90 {
        margin-bottom: 90px
    }

    .sm\:ml-90 {
        margin-left: 90px
    }

    .sm\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .sm\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .sm\:m-100 {
        margin: 100px
    }

    .sm\:mt-100 {
        margin-top: 100px
    }

    .sm\:mr-100 {
        margin-right: 100px
    }

    .sm\:mb-100 {
        margin-bottom: 100px
    }

    .sm\:ml-100 {
        margin-left: 100px
    }

    .sm\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .sm\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .sm\:m-120 {
        margin: 120px
    }

    .sm\:mt-120 {
        margin-top: 120px
    }

    .sm\:mr-120 {
        margin-right: 120px
    }

    .sm\:mb-120 {
        margin-bottom: 120px
    }

    .sm\:ml-120 {
        margin-left: 120px
    }

    .sm\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .sm\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .sm\:m-140 {
        margin: 140px
    }

    .sm\:mt-140 {
        margin-top: 140px
    }

    .sm\:mr-140 {
        margin-right: 140px
    }

    .sm\:mb-140 {
        margin-bottom: 140px
    }

    .sm\:ml-140 {
        margin-left: 140px
    }

    .sm\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .sm\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .sm\:m-160 {
        margin: 160px
    }

    .sm\:mt-160 {
        margin-top: 160px
    }

    .sm\:mr-160 {
        margin-right: 160px
    }

    .sm\:mb-160 {
        margin-bottom: 160px
    }

    .sm\:ml-160 {
        margin-left: 160px
    }

    .sm\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .sm\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .sm\:m-180 {
        margin: 180px
    }

    .sm\:mt-180 {
        margin-top: 180px
    }

    .sm\:mr-180 {
        margin-right: 180px
    }

    .sm\:mb-180 {
        margin-bottom: 180px
    }

    .sm\:ml-180 {
        margin-left: 180px
    }

    .sm\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .sm\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .sm\:m-200 {
        margin: 200px
    }

    .sm\:mt-200 {
        margin-top: 200px
    }

    .sm\:mr-200 {
        margin-right: 200px
    }

    .sm\:mb-200 {
        margin-bottom: 200px
    }

    .sm\:ml-200 {
        margin-left: 200px
    }

    .sm\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .sm\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .sm\:p-5 {
        padding: 5px
    }

    .sm\:pt-5 {
        padding-top: 5px
    }

    .sm\:pr-5 {
        padding-right: 5px
    }

    .sm\:pb-5 {
        padding-bottom: 5px
    }

    .sm\:pl-5 {
        padding-left: 5px
    }

    .sm\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .sm\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .sm\:p-10 {
        padding: 10px
    }

    .sm\:pt-10 {
        padding-top: 10px
    }

    .sm\:pr-10 {
        padding-right: 10px
    }

    .sm\:pb-10 {
        padding-bottom: 10px
    }

    .sm\:pl-10 {
        padding-left: 10px
    }

    .sm\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .sm\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .sm\:p-15 {
        padding: 15px
    }

    .sm\:pt-15 {
        padding-top: 15px
    }

    .sm\:pr-15 {
        padding-right: 15px
    }

    .sm\:pb-15 {
        padding-bottom: 15px
    }

    .sm\:pl-15 {
        padding-left: 15px
    }

    .sm\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .sm\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .sm\:p-20 {
        padding: 20px
    }

    .sm\:pt-20 {
        padding-top: 20px
    }

    .sm\:pr-20 {
        padding-right: 20px
    }

    .sm\:pb-20 {
        padding-bottom: 20px
    }

    .sm\:pl-20 {
        padding-left: 20px
    }

    .sm\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .sm\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .sm\:p-25 {
        padding: 25px
    }

    .sm\:pt-25 {
        padding-top: 25px
    }

    .sm\:pr-25 {
        padding-right: 25px
    }

    .sm\:pb-25 {
        padding-bottom: 25px
    }

    .sm\:pl-25 {
        padding-left: 25px
    }

    .sm\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .sm\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .sm\:p-30 {
        padding: 30px
    }

    .sm\:pt-30 {
        padding-top: 30px
    }

    .sm\:pr-30 {
        padding-right: 30px
    }

    .sm\:pb-30 {
        padding-bottom: 30px
    }

    .sm\:pl-30 {
        padding-left: 30px
    }

    .sm\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sm\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .sm\:p-35 {
        padding: 35px
    }

    .sm\:pt-35 {
        padding-top: 35px
    }

    .sm\:pr-35 {
        padding-right: 35px
    }

    .sm\:pb-35 {
        padding-bottom: 35px
    }

    .sm\:pl-35 {
        padding-left: 35px
    }

    .sm\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .sm\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .sm\:p-40 {
        padding: 40px
    }

    .sm\:pt-40 {
        padding-top: 40px
    }

    .sm\:pr-40 {
        padding-right: 40px
    }

    .sm\:pb-40 {
        padding-bottom: 40px
    }

    .sm\:pl-40 {
        padding-left: 40px
    }

    .sm\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sm\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .sm\:p-45 {
        padding: 45px
    }

    .sm\:pt-45 {
        padding-top: 45px
    }

    .sm\:pr-45 {
        padding-right: 45px
    }

    .sm\:pb-45 {
        padding-bottom: 45px
    }

    .sm\:pl-45 {
        padding-left: 45px
    }

    .sm\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .sm\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .sm\:p-50 {
        padding: 50px
    }

    .sm\:pt-50 {
        padding-top: 50px
    }

    .sm\:pr-50 {
        padding-right: 50px
    }

    .sm\:pb-50 {
        padding-bottom: 50px
    }

    .sm\:pl-50 {
        padding-left: 50px
    }

    .sm\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sm\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .sm\:p-60 {
        padding: 60px
    }

    .sm\:pt-60 {
        padding-top: 60px
    }

    .sm\:pr-60 {
        padding-right: 60px
    }

    .sm\:pb-60 {
        padding-bottom: 60px
    }

    .sm\:pl-60 {
        padding-left: 60px
    }

    .sm\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .sm\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .sm\:p-70 {
        padding: 70px
    }

    .sm\:pt-70 {
        padding-top: 70px
    }

    .sm\:pr-70 {
        padding-right: 70px
    }

    .sm\:pb-70 {
        padding-bottom: 70px
    }

    .sm\:pl-70 {
        padding-left: 70px
    }

    .sm\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .sm\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .sm\:p-80 {
        padding: 80px
    }

    .sm\:pt-80 {
        padding-top: 80px
    }

    .sm\:pr-80 {
        padding-right: 80px
    }

    .sm\:pb-80 {
        padding-bottom: 80px
    }

    .sm\:pl-80 {
        padding-left: 80px
    }

    .sm\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .sm\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .sm\:p-90 {
        padding: 90px
    }

    .sm\:pt-90 {
        padding-top: 90px
    }

    .sm\:pr-90 {
        padding-right: 90px
    }

    .sm\:pb-90 {
        padding-bottom: 90px
    }

    .sm\:pl-90 {
        padding-left: 90px
    }

    .sm\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .sm\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .sm\:p-100 {
        padding: 100px
    }

    .sm\:pt-100 {
        padding-top: 100px
    }

    .sm\:pr-100 {
        padding-right: 100px
    }

    .sm\:pb-100 {
        padding-bottom: 100px
    }

    .sm\:pl-100 {
        padding-left: 100px
    }

    .sm\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .sm\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .sm\:p-120 {
        padding: 120px
    }

    .sm\:pt-120 {
        padding-top: 120px
    }

    .sm\:pr-120 {
        padding-right: 120px
    }

    .sm\:pb-120 {
        padding-bottom: 120px
    }

    .sm\:pl-120 {
        padding-left: 120px
    }

    .sm\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .sm\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .sm\:p-140 {
        padding: 140px
    }

    .sm\:pt-140 {
        padding-top: 140px
    }

    .sm\:pr-140 {
        padding-right: 140px
    }

    .sm\:pb-140 {
        padding-bottom: 140px
    }

    .sm\:pl-140 {
        padding-left: 140px
    }

    .sm\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .sm\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .sm\:p-160 {
        padding: 160px
    }

    .sm\:pt-160 {
        padding-top: 160px
    }

    .sm\:pr-160 {
        padding-right: 160px
    }

    .sm\:pb-160 {
        padding-bottom: 160px
    }

    .sm\:pl-160 {
        padding-left: 160px
    }

    .sm\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .sm\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .sm\:p-180 {
        padding: 180px
    }

    .sm\:pt-180 {
        padding-top: 180px
    }

    .sm\:pr-180 {
        padding-right: 180px
    }

    .sm\:pb-180 {
        padding-bottom: 180px
    }

    .sm\:pl-180 {
        padding-left: 180px
    }

    .sm\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .sm\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .sm\:p-200 {
        padding: 200px
    }

    .sm\:pt-200 {
        padding-top: 200px
    }

    .sm\:pr-200 {
        padding-right: 200px
    }

    .sm\:pb-200 {
        padding-bottom: 200px
    }

    .sm\:pl-200 {
        padding-left: 200px
    }

    .sm\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .sm\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .sm\:m-auto {
        margin: auto
    }

    .sm\:mt-auto,
    .sm\:my-auto {
        margin-top: auto
    }

    .sm\:mr-auto,
    .sm\:mx-auto {
        margin-right: auto
    }

    .sm\:mb-auto,
    .sm\:my-auto {
        margin-bottom: auto
    }

    .sm\:ml-auto,
    .sm\:mx-auto {
        margin-left: auto
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-justify {
        text-align: justify
    }

    .aside-contact__content {
        width: 380px
    }

    .l-drawer__content {
        margin-top: 5vw;
        margin-bottom: 10vw
    }

    .top-ship__item__link:hover .top-ship__item__image,
    .top-ship__item__link:focus .top-ship__item__image,
    .top-ship__item__link:active .top-ship__item__image {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .md\:only-hide {
        display: none
    }
}

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

    .blog__body .blog__details__row,
    .edit-post-visual-editor__content-area .blog__details__row {
        padding: 1.2rem 0
    }

    .container {
        width: 768px
    }

    .container-overflow-right,
    .container-overflow-left {
        width: min(768px + (100vw - 768px) / 2, 100%)
    }

    .md\:flex-column {
        flex-direction: column
    }

    .md\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:justify-content-start {
        justify-content: flex-start
    }

    .md\:justify-content-end {
        justify-content: flex-end
    }

    .md\:justify-content-center {
        justify-content: center
    }

    .md\:justify-content-between {
        justify-content: space-between
    }

    .md\:justify-content-around {
        justify-content: space-around
    }

    .md\:justify-content-evenly {
        justify-content: space-evenly
    }

    .md\:align-items-start {
        align-items: flex-start
    }

    .md\:align-items-end {
        align-items: flex-end
    }

    .md\:align-items-center {
        align-items: center
    }

    .md\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:cols-1>* {
        grid-column: auto
    }

    .md\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:cols-2>* {
        grid-column: auto
    }

    .md\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:cols-3>* {
        grid-column: auto
    }

    .md\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:cols-4>* {
        grid-column: auto
    }

    .md\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:cols-5>* {
        grid-column: auto
    }

    .md\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:cols-6>* {
        grid-column: auto
    }

    .md\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .md\:cols-7>* {
        grid-column: auto
    }

    .md\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .md\:cols-8>* {
        grid-column: auto
    }

    .md\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .md\:cols-9>* {
        grid-column: auto
    }

    .md\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .md\:cols-10>* {
        grid-column: auto
    }

    .md\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .md\:cols-11>* {
        grid-column: auto
    }

    .md\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:cols-12>* {
        grid-column: auto
    }

    .md\:col-1 {
        grid-column: auto/span 1
    }

    .md\:row-1 {
        grid-row: auto/span 1
    }

    .md\:col-2 {
        grid-column: auto/span 2
    }

    .md\:row-2 {
        grid-row: auto/span 2
    }

    .md\:col-3 {
        grid-column: auto/span 3
    }

    .md\:row-3 {
        grid-row: auto/span 3
    }

    .md\:col-4 {
        grid-column: auto/span 4
    }

    .md\:row-4 {
        grid-row: auto/span 4
    }

    .md\:col-5 {
        grid-column: auto/span 5
    }

    .md\:row-5 {
        grid-row: auto/span 5
    }

    .md\:col-6 {
        grid-column: auto/span 6
    }

    .md\:row-6 {
        grid-row: auto/span 6
    }

    .md\:col-7 {
        grid-column: auto/span 7
    }

    .md\:row-7 {
        grid-row: auto/span 7
    }

    .md\:col-8 {
        grid-column: auto/span 8
    }

    .md\:row-8 {
        grid-row: auto/span 8
    }

    .md\:col-9 {
        grid-column: auto/span 9
    }

    .md\:row-9 {
        grid-row: auto/span 9
    }

    .md\:col-10 {
        grid-column: auto/span 10
    }

    .md\:row-10 {
        grid-row: auto/span 10
    }

    .md\:col-11 {
        grid-column: auto/span 11
    }

    .md\:row-11 {
        grid-row: auto/span 11
    }

    .md\:col-12 {
        grid-column: auto/span 12
    }

    .md\:row-12 {
        grid-row: auto/span 12
    }

    .md\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .md\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .md\:order-1 {
        order: 1
    }

    .md\:start-1 {
        grid-column-start: 2
    }

    .md\:order-2 {
        order: 2
    }

    .md\:start-2 {
        grid-column-start: 3
    }

    .md\:order-3 {
        order: 3
    }

    .md\:start-3 {
        grid-column-start: 4
    }

    .md\:order-4 {
        order: 4
    }

    .md\:start-4 {
        grid-column-start: 5
    }

    .md\:order-5 {
        order: 5
    }

    .md\:start-5 {
        grid-column-start: 6
    }

    .md\:order-6 {
        order: 6
    }

    .md\:start-6 {
        grid-column-start: 7
    }

    .md\:order-7 {
        order: 7
    }

    .md\:start-7 {
        grid-column-start: 8
    }

    .md\:order-8 {
        order: 8
    }

    .md\:start-8 {
        grid-column-start: 9
    }

    .md\:order-9 {
        order: 9
    }

    .md\:start-9 {
        grid-column-start: 10
    }

    .md\:order-10 {
        order: 10
    }

    .md\:start-10 {
        grid-column-start: 11
    }

    .md\:order-11 {
        order: 11
    }

    .md\:start-11 {
        grid-column-start: 12
    }

    .md\:order-first {
        order: -9999
    }

    .md\:order-last {
        order: 9999
    }

    .md\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .md\:gap-x-0 {
        grid-column-gap: 0
    }

    .md\:gap-y-0 {
        grid-row-gap: 0
    }

    .md\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .md\:gap-x-5 {
        grid-column-gap: 5px
    }

    .md\:gap-y-5 {
        grid-row-gap: 5px
    }

    .md\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .md\:gap-x-10 {
        grid-column-gap: 10px
    }

    .md\:gap-y-10 {
        grid-row-gap: 10px
    }

    .md\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .md\:gap-x-15 {
        grid-column-gap: 15px
    }

    .md\:gap-y-15 {
        grid-row-gap: 15px
    }

    .md\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .md\:gap-x-20 {
        grid-column-gap: 20px
    }

    .md\:gap-y-20 {
        grid-row-gap: 20px
    }

    .md\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .md\:gap-x-25 {
        grid-column-gap: 25px
    }

    .md\:gap-y-25 {
        grid-row-gap: 25px
    }

    .md\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .md\:gap-x-30 {
        grid-column-gap: 30px
    }

    .md\:gap-y-30 {
        grid-row-gap: 30px
    }

    .md\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .md\:gap-x-35 {
        grid-column-gap: 35px
    }

    .md\:gap-y-35 {
        grid-row-gap: 35px
    }

    .md\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .md\:gap-x-40 {
        grid-column-gap: 40px
    }

    .md\:gap-y-40 {
        grid-row-gap: 40px
    }

    .md\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .md\:gap-x-45 {
        grid-column-gap: 45px
    }

    .md\:gap-y-45 {
        grid-row-gap: 45px
    }

    .md\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .md\:gap-x-50 {
        grid-column-gap: 50px
    }

    .md\:gap-y-50 {
        grid-row-gap: 50px
    }

    .md\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .md\:gap-x-60 {
        grid-column-gap: 60px
    }

    .md\:gap-y-60 {
        grid-row-gap: 60px
    }

    .md\:hide {
        display: none
    }

    .md\:m-0 {
        margin: 0
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .md\:m-5 {
        margin: 5px
    }

    .md\:mt-5 {
        margin-top: 5px
    }

    .md\:mr-5 {
        margin-right: 5px
    }

    .md\:mb-5 {
        margin-bottom: 5px
    }

    .md\:ml-5 {
        margin-left: 5px
    }

    .md\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .md\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .md\:m-10 {
        margin: 10px
    }

    .md\:mt-10 {
        margin-top: 10px
    }

    .md\:mr-10 {
        margin-right: 10px
    }

    .md\:mb-10 {
        margin-bottom: 10px
    }

    .md\:ml-10 {
        margin-left: 10px
    }

    .md\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .md\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .md\:m-15 {
        margin: 15px
    }

    .md\:mt-15 {
        margin-top: 15px
    }

    .md\:mr-15 {
        margin-right: 15px
    }

    .md\:mb-15 {
        margin-bottom: 15px
    }

    .md\:ml-15 {
        margin-left: 15px
    }

    .md\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .md\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .md\:m-20 {
        margin: 20px
    }

    .md\:mt-20 {
        margin-top: 20px
    }

    .md\:mr-20 {
        margin-right: 20px
    }

    .md\:mb-20 {
        margin-bottom: 20px
    }

    .md\:ml-20 {
        margin-left: 20px
    }

    .md\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .md\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .md\:m-25 {
        margin: 25px
    }

    .md\:mt-25 {
        margin-top: 25px
    }

    .md\:mr-25 {
        margin-right: 25px
    }

    .md\:mb-25 {
        margin-bottom: 25px
    }

    .md\:ml-25 {
        margin-left: 25px
    }

    .md\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .md\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .md\:m-30 {
        margin: 30px
    }

    .md\:mt-30 {
        margin-top: 30px
    }

    .md\:mr-30 {
        margin-right: 30px
    }

    .md\:mb-30 {
        margin-bottom: 30px
    }

    .md\:ml-30 {
        margin-left: 30px
    }

    .md\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .md\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .md\:m-35 {
        margin: 35px
    }

    .md\:mt-35 {
        margin-top: 35px
    }

    .md\:mr-35 {
        margin-right: 35px
    }

    .md\:mb-35 {
        margin-bottom: 35px
    }

    .md\:ml-35 {
        margin-left: 35px
    }

    .md\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .md\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .md\:m-40 {
        margin: 40px
    }

    .md\:mt-40 {
        margin-top: 40px
    }

    .md\:mr-40 {
        margin-right: 40px
    }

    .md\:mb-40 {
        margin-bottom: 40px
    }

    .md\:ml-40 {
        margin-left: 40px
    }

    .md\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .md\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .md\:m-45 {
        margin: 45px
    }

    .md\:mt-45 {
        margin-top: 45px
    }

    .md\:mr-45 {
        margin-right: 45px
    }

    .md\:mb-45 {
        margin-bottom: 45px
    }

    .md\:ml-45 {
        margin-left: 45px
    }

    .md\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .md\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .md\:m-50 {
        margin: 50px
    }

    .md\:mt-50 {
        margin-top: 50px
    }

    .md\:mr-50 {
        margin-right: 50px
    }

    .md\:mb-50 {
        margin-bottom: 50px
    }

    .md\:ml-50 {
        margin-left: 50px
    }

    .md\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .md\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .md\:m-60 {
        margin: 60px
    }

    .md\:mt-60 {
        margin-top: 60px
    }

    .md\:mr-60 {
        margin-right: 60px
    }

    .md\:mb-60 {
        margin-bottom: 60px
    }

    .md\:ml-60 {
        margin-left: 60px
    }

    .md\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .md\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .md\:m-70 {
        margin: 70px
    }

    .md\:mt-70 {
        margin-top: 70px
    }

    .md\:mr-70 {
        margin-right: 70px
    }

    .md\:mb-70 {
        margin-bottom: 70px
    }

    .md\:ml-70 {
        margin-left: 70px
    }

    .md\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .md\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .md\:m-80 {
        margin: 80px
    }

    .md\:mt-80 {
        margin-top: 80px
    }

    .md\:mr-80 {
        margin-right: 80px
    }

    .md\:mb-80 {
        margin-bottom: 80px
    }

    .md\:ml-80 {
        margin-left: 80px
    }

    .md\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .md\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .md\:m-90 {
        margin: 90px
    }

    .md\:mt-90 {
        margin-top: 90px
    }

    .md\:mr-90 {
        margin-right: 90px
    }

    .md\:mb-90 {
        margin-bottom: 90px
    }

    .md\:ml-90 {
        margin-left: 90px
    }

    .md\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .md\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .md\:m-100 {
        margin: 100px
    }

    .md\:mt-100 {
        margin-top: 100px
    }

    .md\:mr-100 {
        margin-right: 100px
    }

    .md\:mb-100 {
        margin-bottom: 100px
    }

    .md\:ml-100 {
        margin-left: 100px
    }

    .md\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .md\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .md\:m-120 {
        margin: 120px
    }

    .md\:mt-120 {
        margin-top: 120px
    }

    .md\:mr-120 {
        margin-right: 120px
    }

    .md\:mb-120 {
        margin-bottom: 120px
    }

    .md\:ml-120 {
        margin-left: 120px
    }

    .md\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .md\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .md\:m-140 {
        margin: 140px
    }

    .md\:mt-140 {
        margin-top: 140px
    }

    .md\:mr-140 {
        margin-right: 140px
    }

    .md\:mb-140 {
        margin-bottom: 140px
    }

    .md\:ml-140 {
        margin-left: 140px
    }

    .md\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .md\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .md\:m-160 {
        margin: 160px
    }

    .md\:mt-160 {
        margin-top: 160px
    }

    .md\:mr-160 {
        margin-right: 160px
    }

    .md\:mb-160 {
        margin-bottom: 160px
    }

    .md\:ml-160 {
        margin-left: 160px
    }

    .md\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .md\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .md\:m-180 {
        margin: 180px
    }

    .md\:mt-180 {
        margin-top: 180px
    }

    .md\:mr-180 {
        margin-right: 180px
    }

    .md\:mb-180 {
        margin-bottom: 180px
    }

    .md\:ml-180 {
        margin-left: 180px
    }

    .md\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .md\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .md\:m-200 {
        margin: 200px
    }

    .md\:mt-200 {
        margin-top: 200px
    }

    .md\:mr-200 {
        margin-right: 200px
    }

    .md\:mb-200 {
        margin-bottom: 200px
    }

    .md\:ml-200 {
        margin-left: 200px
    }

    .md\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .md\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .md\:p-5 {
        padding: 5px
    }

    .md\:pt-5 {
        padding-top: 5px
    }

    .md\:pr-5 {
        padding-right: 5px
    }

    .md\:pb-5 {
        padding-bottom: 5px
    }

    .md\:pl-5 {
        padding-left: 5px
    }

    .md\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .md\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .md\:p-10 {
        padding: 10px
    }

    .md\:pt-10 {
        padding-top: 10px
    }

    .md\:pr-10 {
        padding-right: 10px
    }

    .md\:pb-10 {
        padding-bottom: 10px
    }

    .md\:pl-10 {
        padding-left: 10px
    }

    .md\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .md\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .md\:p-15 {
        padding: 15px
    }

    .md\:pt-15 {
        padding-top: 15px
    }

    .md\:pr-15 {
        padding-right: 15px
    }

    .md\:pb-15 {
        padding-bottom: 15px
    }

    .md\:pl-15 {
        padding-left: 15px
    }

    .md\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .md\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .md\:p-20 {
        padding: 20px
    }

    .md\:pt-20 {
        padding-top: 20px
    }

    .md\:pr-20 {
        padding-right: 20px
    }

    .md\:pb-20 {
        padding-bottom: 20px
    }

    .md\:pl-20 {
        padding-left: 20px
    }

    .md\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .md\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .md\:p-25 {
        padding: 25px
    }

    .md\:pt-25 {
        padding-top: 25px
    }

    .md\:pr-25 {
        padding-right: 25px
    }

    .md\:pb-25 {
        padding-bottom: 25px
    }

    .md\:pl-25 {
        padding-left: 25px
    }

    .md\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .md\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .md\:p-30 {
        padding: 30px
    }

    .md\:pt-30 {
        padding-top: 30px
    }

    .md\:pr-30 {
        padding-right: 30px
    }

    .md\:pb-30 {
        padding-bottom: 30px
    }

    .md\:pl-30 {
        padding-left: 30px
    }

    .md\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .md\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .md\:p-35 {
        padding: 35px
    }

    .md\:pt-35 {
        padding-top: 35px
    }

    .md\:pr-35 {
        padding-right: 35px
    }

    .md\:pb-35 {
        padding-bottom: 35px
    }

    .md\:pl-35 {
        padding-left: 35px
    }

    .md\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .md\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .md\:p-40 {
        padding: 40px
    }

    .md\:pt-40 {
        padding-top: 40px
    }

    .md\:pr-40 {
        padding-right: 40px
    }

    .md\:pb-40 {
        padding-bottom: 40px
    }

    .md\:pl-40 {
        padding-left: 40px
    }

    .md\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .md\:p-45 {
        padding: 45px
    }

    .md\:pt-45 {
        padding-top: 45px
    }

    .md\:pr-45 {
        padding-right: 45px
    }

    .md\:pb-45 {
        padding-bottom: 45px
    }

    .md\:pl-45 {
        padding-left: 45px
    }

    .md\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .md\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .md\:p-50 {
        padding: 50px
    }

    .md\:pt-50 {
        padding-top: 50px
    }

    .md\:pr-50 {
        padding-right: 50px
    }

    .md\:pb-50 {
        padding-bottom: 50px
    }

    .md\:pl-50 {
        padding-left: 50px
    }

    .md\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .md\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .md\:p-60 {
        padding: 60px
    }

    .md\:pt-60 {
        padding-top: 60px
    }

    .md\:pr-60 {
        padding-right: 60px
    }

    .md\:pb-60 {
        padding-bottom: 60px
    }

    .md\:pl-60 {
        padding-left: 60px
    }

    .md\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .md\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .md\:p-70 {
        padding: 70px
    }

    .md\:pt-70 {
        padding-top: 70px
    }

    .md\:pr-70 {
        padding-right: 70px
    }

    .md\:pb-70 {
        padding-bottom: 70px
    }

    .md\:pl-70 {
        padding-left: 70px
    }

    .md\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .md\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .md\:p-80 {
        padding: 80px
    }

    .md\:pt-80 {
        padding-top: 80px
    }

    .md\:pr-80 {
        padding-right: 80px
    }

    .md\:pb-80 {
        padding-bottom: 80px
    }

    .md\:pl-80 {
        padding-left: 80px
    }

    .md\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .md\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .md\:p-90 {
        padding: 90px
    }

    .md\:pt-90 {
        padding-top: 90px
    }

    .md\:pr-90 {
        padding-right: 90px
    }

    .md\:pb-90 {
        padding-bottom: 90px
    }

    .md\:pl-90 {
        padding-left: 90px
    }

    .md\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .md\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .md\:p-100 {
        padding: 100px
    }

    .md\:pt-100 {
        padding-top: 100px
    }

    .md\:pr-100 {
        padding-right: 100px
    }

    .md\:pb-100 {
        padding-bottom: 100px
    }

    .md\:pl-100 {
        padding-left: 100px
    }

    .md\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .md\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .md\:p-120 {
        padding: 120px
    }

    .md\:pt-120 {
        padding-top: 120px
    }

    .md\:pr-120 {
        padding-right: 120px
    }

    .md\:pb-120 {
        padding-bottom: 120px
    }

    .md\:pl-120 {
        padding-left: 120px
    }

    .md\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .md\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .md\:p-140 {
        padding: 140px
    }

    .md\:pt-140 {
        padding-top: 140px
    }

    .md\:pr-140 {
        padding-right: 140px
    }

    .md\:pb-140 {
        padding-bottom: 140px
    }

    .md\:pl-140 {
        padding-left: 140px
    }

    .md\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .md\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .md\:p-160 {
        padding: 160px
    }

    .md\:pt-160 {
        padding-top: 160px
    }

    .md\:pr-160 {
        padding-right: 160px
    }

    .md\:pb-160 {
        padding-bottom: 160px
    }

    .md\:pl-160 {
        padding-left: 160px
    }

    .md\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .md\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .md\:p-180 {
        padding: 180px
    }

    .md\:pt-180 {
        padding-top: 180px
    }

    .md\:pr-180 {
        padding-right: 180px
    }

    .md\:pb-180 {
        padding-bottom: 180px
    }

    .md\:pl-180 {
        padding-left: 180px
    }

    .md\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .md\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .md\:p-200 {
        padding: 200px
    }

    .md\:pt-200 {
        padding-top: 200px
    }

    .md\:pr-200 {
        padding-right: 200px
    }

    .md\:pb-200 {
        padding-bottom: 200px
    }

    .md\:pl-200 {
        padding-left: 200px
    }

    .md\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .md\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:mt-auto,
    .md\:my-auto {
        margin-top: auto
    }

    .md\:mr-auto,
    .md\:mx-auto {
        margin-right: auto
    }

    .md\:mb-auto,
    .md\:my-auto {
        margin-bottom: auto
    }

    .md\:ml-auto,
    .md\:mx-auto {
        margin-left: auto
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-justify {
        text-align: justify
    }

    .form__option,
    .form__require {
        padding-right: 50px
    }

    .recruit-interview .splide .splide__slide.is-active .recruit-interview__card__bottom {
        -webkit-animation: slideIn 1s cubic-bezier(.25, 1, .5, 1) forwards;
        animation: slideIn 1s cubic-bezier(.25, 1, .5, 1) forwards
    }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
    .lg\:only-hide {
        display: none
    }
}

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

    .blog__body .blog__details,
    .edit-post-visual-editor__content-area .blog__details {
        margin-right: 30px;
        margin-left: 30px
    }

    .blog__body .blog__slider [data-thumbnail-slider],
    .edit-post-visual-editor__content-area .blog__slider [data-thumbnail-slider] {
        width: 60%;
        max-width: 100%
    }

    .container {
        width: 1024px
    }

    .container-overflow-right,
    .container-overflow-left {
        width: min(1024px + (100vw - 1024px) / 2, 100%)
    }

    .lg\:flex-column {
        flex-direction: column
    }

    .lg\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:justify-content-start {
        justify-content: flex-start
    }

    .lg\:justify-content-end {
        justify-content: flex-end
    }

    .lg\:justify-content-center {
        justify-content: center
    }

    .lg\:justify-content-between {
        justify-content: space-between
    }

    .lg\:justify-content-around {
        justify-content: space-around
    }

    .lg\:justify-content-evenly {
        justify-content: space-evenly
    }

    .lg\:align-items-start {
        align-items: flex-start
    }

    .lg\:align-items-end {
        align-items: flex-end
    }

    .lg\:align-items-center {
        align-items: center
    }

    .lg\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:cols-1>* {
        grid-column: auto
    }

    .lg\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:cols-2>* {
        grid-column: auto
    }

    .lg\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:cols-3>* {
        grid-column: auto
    }

    .lg\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:cols-4>* {
        grid-column: auto
    }

    .lg\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:cols-5>* {
        grid-column: auto
    }

    .lg\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:cols-6>* {
        grid-column: auto
    }

    .lg\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .lg\:cols-7>* {
        grid-column: auto
    }

    .lg\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .lg\:cols-8>* {
        grid-column: auto
    }

    .lg\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .lg\:cols-9>* {
        grid-column: auto
    }

    .lg\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .lg\:cols-10>* {
        grid-column: auto
    }

    .lg\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .lg\:cols-11>* {
        grid-column: auto
    }

    .lg\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:cols-12>* {
        grid-column: auto
    }

    .lg\:col-1 {
        grid-column: auto/span 1
    }

    .lg\:row-1 {
        grid-row: auto/span 1
    }

    .lg\:col-2 {
        grid-column: auto/span 2
    }

    .lg\:row-2 {
        grid-row: auto/span 2
    }

    .lg\:col-3 {
        grid-column: auto/span 3
    }

    .lg\:row-3 {
        grid-row: auto/span 3
    }

    .lg\:col-4 {
        grid-column: auto/span 4
    }

    .lg\:row-4 {
        grid-row: auto/span 4
    }

    .lg\:col-5 {
        grid-column: auto/span 5
    }

    .lg\:row-5 {
        grid-row: auto/span 5
    }

    .lg\:col-6 {
        grid-column: auto/span 6
    }

    .lg\:row-6 {
        grid-row: auto/span 6
    }

    .lg\:col-7 {
        grid-column: auto/span 7
    }

    .lg\:row-7 {
        grid-row: auto/span 7
    }

    .lg\:col-8 {
        grid-column: auto/span 8
    }

    .lg\:row-8 {
        grid-row: auto/span 8
    }

    .lg\:col-9 {
        grid-column: auto/span 9
    }

    .lg\:row-9 {
        grid-row: auto/span 9
    }

    .lg\:col-10 {
        grid-column: auto/span 10
    }

    .lg\:row-10 {
        grid-row: auto/span 10
    }

    .lg\:col-11 {
        grid-column: auto/span 11
    }

    .lg\:row-11 {
        grid-row: auto/span 11
    }

    .lg\:col-12 {
        grid-column: auto/span 12
    }

    .lg\:row-12 {
        grid-row: auto/span 12
    }

    .lg\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .lg\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:start-1 {
        grid-column-start: 2
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:start-2 {
        grid-column-start: 3
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:start-3 {
        grid-column-start: 4
    }

    .lg\:order-4 {
        order: 4
    }

    .lg\:start-4 {
        grid-column-start: 5
    }

    .lg\:order-5 {
        order: 5
    }

    .lg\:start-5 {
        grid-column-start: 6
    }

    .lg\:order-6 {
        order: 6
    }

    .lg\:start-6 {
        grid-column-start: 7
    }

    .lg\:order-7 {
        order: 7
    }

    .lg\:start-7 {
        grid-column-start: 8
    }

    .lg\:order-8 {
        order: 8
    }

    .lg\:start-8 {
        grid-column-start: 9
    }

    .lg\:order-9 {
        order: 9
    }

    .lg\:start-9 {
        grid-column-start: 10
    }

    .lg\:order-10 {
        order: 10
    }

    .lg\:start-10 {
        grid-column-start: 11
    }

    .lg\:order-11 {
        order: 11
    }

    .lg\:start-11 {
        grid-column-start: 12
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .lg\:gap-x-0 {
        grid-column-gap: 0
    }

    .lg\:gap-y-0 {
        grid-row-gap: 0
    }

    .lg\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .lg\:gap-x-5 {
        grid-column-gap: 5px
    }

    .lg\:gap-y-5 {
        grid-row-gap: 5px
    }

    .lg\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .lg\:gap-x-10 {
        grid-column-gap: 10px
    }

    .lg\:gap-y-10 {
        grid-row-gap: 10px
    }

    .lg\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .lg\:gap-x-15 {
        grid-column-gap: 15px
    }

    .lg\:gap-y-15 {
        grid-row-gap: 15px
    }

    .lg\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .lg\:gap-x-20 {
        grid-column-gap: 20px
    }

    .lg\:gap-y-20 {
        grid-row-gap: 20px
    }

    .lg\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .lg\:gap-x-25 {
        grid-column-gap: 25px
    }

    .lg\:gap-y-25 {
        grid-row-gap: 25px
    }

    .lg\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .lg\:gap-x-30 {
        grid-column-gap: 30px
    }

    .lg\:gap-y-30 {
        grid-row-gap: 30px
    }

    .lg\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .lg\:gap-x-35 {
        grid-column-gap: 35px
    }

    .lg\:gap-y-35 {
        grid-row-gap: 35px
    }

    .lg\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .lg\:gap-x-40 {
        grid-column-gap: 40px
    }

    .lg\:gap-y-40 {
        grid-row-gap: 40px
    }

    .lg\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .lg\:gap-x-45 {
        grid-column-gap: 45px
    }

    .lg\:gap-y-45 {
        grid-row-gap: 45px
    }

    .lg\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .lg\:gap-x-50 {
        grid-column-gap: 50px
    }

    .lg\:gap-y-50 {
        grid-row-gap: 50px
    }

    .lg\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .lg\:gap-x-60 {
        grid-column-gap: 60px
    }

    .lg\:gap-y-60 {
        grid-row-gap: 60px
    }

    .lg\:hide {
        display: none
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .lg\:m-5 {
        margin: 5px
    }

    .lg\:mt-5 {
        margin-top: 5px
    }

    .lg\:mr-5 {
        margin-right: 5px
    }

    .lg\:mb-5 {
        margin-bottom: 5px
    }

    .lg\:ml-5 {
        margin-left: 5px
    }

    .lg\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .lg\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .lg\:m-10 {
        margin: 10px
    }

    .lg\:mt-10 {
        margin-top: 10px
    }

    .lg\:mr-10 {
        margin-right: 10px
    }

    .lg\:mb-10 {
        margin-bottom: 10px
    }

    .lg\:ml-10 {
        margin-left: 10px
    }

    .lg\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .lg\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .lg\:m-15 {
        margin: 15px
    }

    .lg\:mt-15 {
        margin-top: 15px
    }

    .lg\:mr-15 {
        margin-right: 15px
    }

    .lg\:mb-15 {
        margin-bottom: 15px
    }

    .lg\:ml-15 {
        margin-left: 15px
    }

    .lg\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .lg\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .lg\:m-20 {
        margin: 20px
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:mr-20 {
        margin-right: 20px
    }

    .lg\:mb-20 {
        margin-bottom: 20px
    }

    .lg\:ml-20 {
        margin-left: 20px
    }

    .lg\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lg\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .lg\:m-25 {
        margin: 25px
    }

    .lg\:mt-25 {
        margin-top: 25px
    }

    .lg\:mr-25 {
        margin-right: 25px
    }

    .lg\:mb-25 {
        margin-bottom: 25px
    }

    .lg\:ml-25 {
        margin-left: 25px
    }

    .lg\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .lg\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .lg\:m-30 {
        margin: 30px
    }

    .lg\:mt-30 {
        margin-top: 30px
    }

    .lg\:mr-30 {
        margin-right: 30px
    }

    .lg\:mb-30 {
        margin-bottom: 30px
    }

    .lg\:ml-30 {
        margin-left: 30px
    }

    .lg\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .lg\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .lg\:m-35 {
        margin: 35px
    }

    .lg\:mt-35 {
        margin-top: 35px
    }

    .lg\:mr-35 {
        margin-right: 35px
    }

    .lg\:mb-35 {
        margin-bottom: 35px
    }

    .lg\:ml-35 {
        margin-left: 35px
    }

    .lg\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .lg\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .lg\:m-40 {
        margin: 40px
    }

    .lg\:mt-40 {
        margin-top: 40px
    }

    .lg\:mr-40 {
        margin-right: 40px
    }

    .lg\:mb-40 {
        margin-bottom: 40px
    }

    .lg\:ml-40 {
        margin-left: 40px
    }

    .lg\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .lg\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .lg\:m-45 {
        margin: 45px
    }

    .lg\:mt-45 {
        margin-top: 45px
    }

    .lg\:mr-45 {
        margin-right: 45px
    }

    .lg\:mb-45 {
        margin-bottom: 45px
    }

    .lg\:ml-45 {
        margin-left: 45px
    }

    .lg\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .lg\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .lg\:m-50 {
        margin: 50px
    }

    .lg\:mt-50 {
        margin-top: 50px
    }

    .lg\:mr-50 {
        margin-right: 50px
    }

    .lg\:mb-50 {
        margin-bottom: 50px
    }

    .lg\:ml-50 {
        margin-left: 50px
    }

    .lg\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .lg\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .lg\:m-60 {
        margin: 60px
    }

    .lg\:mt-60 {
        margin-top: 60px
    }

    .lg\:mr-60 {
        margin-right: 60px
    }

    .lg\:mb-60 {
        margin-bottom: 60px
    }

    .lg\:ml-60 {
        margin-left: 60px
    }

    .lg\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .lg\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .lg\:m-70 {
        margin: 70px
    }

    .lg\:mt-70 {
        margin-top: 70px
    }

    .lg\:mr-70 {
        margin-right: 70px
    }

    .lg\:mb-70 {
        margin-bottom: 70px
    }

    .lg\:ml-70 {
        margin-left: 70px
    }

    .lg\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .lg\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .lg\:m-80 {
        margin: 80px
    }

    .lg\:mt-80 {
        margin-top: 80px
    }

    .lg\:mr-80 {
        margin-right: 80px
    }

    .lg\:mb-80 {
        margin-bottom: 80px
    }

    .lg\:ml-80 {
        margin-left: 80px
    }

    .lg\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .lg\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .lg\:m-90 {
        margin: 90px
    }

    .lg\:mt-90 {
        margin-top: 90px
    }

    .lg\:mr-90 {
        margin-right: 90px
    }

    .lg\:mb-90 {
        margin-bottom: 90px
    }

    .lg\:ml-90 {
        margin-left: 90px
    }

    .lg\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .lg\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .lg\:m-100 {
        margin: 100px
    }

    .lg\:mt-100 {
        margin-top: 100px
    }

    .lg\:mr-100 {
        margin-right: 100px
    }

    .lg\:mb-100 {
        margin-bottom: 100px
    }

    .lg\:ml-100 {
        margin-left: 100px
    }

    .lg\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .lg\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .lg\:m-120 {
        margin: 120px
    }

    .lg\:mt-120 {
        margin-top: 120px
    }

    .lg\:mr-120 {
        margin-right: 120px
    }

    .lg\:mb-120 {
        margin-bottom: 120px
    }

    .lg\:ml-120 {
        margin-left: 120px
    }

    .lg\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .lg\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .lg\:m-140 {
        margin: 140px
    }

    .lg\:mt-140 {
        margin-top: 140px
    }

    .lg\:mr-140 {
        margin-right: 140px
    }

    .lg\:mb-140 {
        margin-bottom: 140px
    }

    .lg\:ml-140 {
        margin-left: 140px
    }

    .lg\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .lg\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .lg\:m-160 {
        margin: 160px
    }

    .lg\:mt-160 {
        margin-top: 160px
    }

    .lg\:mr-160 {
        margin-right: 160px
    }

    .lg\:mb-160 {
        margin-bottom: 160px
    }

    .lg\:ml-160 {
        margin-left: 160px
    }

    .lg\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .lg\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .lg\:m-180 {
        margin: 180px
    }

    .lg\:mt-180 {
        margin-top: 180px
    }

    .lg\:mr-180 {
        margin-right: 180px
    }

    .lg\:mb-180 {
        margin-bottom: 180px
    }

    .lg\:ml-180 {
        margin-left: 180px
    }

    .lg\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .lg\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .lg\:m-200 {
        margin: 200px
    }

    .lg\:mt-200 {
        margin-top: 200px
    }

    .lg\:mr-200 {
        margin-right: 200px
    }

    .lg\:mb-200 {
        margin-bottom: 200px
    }

    .lg\:ml-200 {
        margin-left: 200px
    }

    .lg\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .lg\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .lg\:p-5 {
        padding: 5px
    }

    .lg\:pt-5 {
        padding-top: 5px
    }

    .lg\:pr-5 {
        padding-right: 5px
    }

    .lg\:pb-5 {
        padding-bottom: 5px
    }

    .lg\:pl-5 {
        padding-left: 5px
    }

    .lg\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .lg\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .lg\:p-10 {
        padding: 10px
    }

    .lg\:pt-10 {
        padding-top: 10px
    }

    .lg\:pr-10 {
        padding-right: 10px
    }

    .lg\:pb-10 {
        padding-bottom: 10px
    }

    .lg\:pl-10 {
        padding-left: 10px
    }

    .lg\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .lg\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .lg\:p-15 {
        padding: 15px
    }

    .lg\:pt-15 {
        padding-top: 15px
    }

    .lg\:pr-15 {
        padding-right: 15px
    }

    .lg\:pb-15 {
        padding-bottom: 15px
    }

    .lg\:pl-15 {
        padding-left: 15px
    }

    .lg\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .lg\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .lg\:p-20 {
        padding: 20px
    }

    .lg\:pt-20 {
        padding-top: 20px
    }

    .lg\:pr-20 {
        padding-right: 20px
    }

    .lg\:pb-20 {
        padding-bottom: 20px
    }

    .lg\:pl-20 {
        padding-left: 20px
    }

    .lg\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .lg\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .lg\:p-25 {
        padding: 25px
    }

    .lg\:pt-25 {
        padding-top: 25px
    }

    .lg\:pr-25 {
        padding-right: 25px
    }

    .lg\:pb-25 {
        padding-bottom: 25px
    }

    .lg\:pl-25 {
        padding-left: 25px
    }

    .lg\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .lg\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .lg\:p-30 {
        padding: 30px
    }

    .lg\:pt-30 {
        padding-top: 30px
    }

    .lg\:pr-30 {
        padding-right: 30px
    }

    .lg\:pb-30 {
        padding-bottom: 30px
    }

    .lg\:pl-30 {
        padding-left: 30px
    }

    .lg\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .lg\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .lg\:p-35 {
        padding: 35px
    }

    .lg\:pt-35 {
        padding-top: 35px
    }

    .lg\:pr-35 {
        padding-right: 35px
    }

    .lg\:pb-35 {
        padding-bottom: 35px
    }

    .lg\:pl-35 {
        padding-left: 35px
    }

    .lg\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .lg\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .lg\:p-40 {
        padding: 40px
    }

    .lg\:pt-40 {
        padding-top: 40px
    }

    .lg\:pr-40 {
        padding-right: 40px
    }

    .lg\:pb-40 {
        padding-bottom: 40px
    }

    .lg\:pl-40 {
        padding-left: 40px
    }

    .lg\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .lg\:p-45 {
        padding: 45px
    }

    .lg\:pt-45 {
        padding-top: 45px
    }

    .lg\:pr-45 {
        padding-right: 45px
    }

    .lg\:pb-45 {
        padding-bottom: 45px
    }

    .lg\:pl-45 {
        padding-left: 45px
    }

    .lg\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .lg\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .lg\:p-50 {
        padding: 50px
    }

    .lg\:pt-50 {
        padding-top: 50px
    }

    .lg\:pr-50 {
        padding-right: 50px
    }

    .lg\:pb-50 {
        padding-bottom: 50px
    }

    .lg\:pl-50 {
        padding-left: 50px
    }

    .lg\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .lg\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .lg\:p-60 {
        padding: 60px
    }

    .lg\:pt-60 {
        padding-top: 60px
    }

    .lg\:pr-60 {
        padding-right: 60px
    }

    .lg\:pb-60 {
        padding-bottom: 60px
    }

    .lg\:pl-60 {
        padding-left: 60px
    }

    .lg\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .lg\:p-70 {
        padding: 70px
    }

    .lg\:pt-70 {
        padding-top: 70px
    }

    .lg\:pr-70 {
        padding-right: 70px
    }

    .lg\:pb-70 {
        padding-bottom: 70px
    }

    .lg\:pl-70 {
        padding-left: 70px
    }

    .lg\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .lg\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .lg\:p-80 {
        padding: 80px
    }

    .lg\:pt-80 {
        padding-top: 80px
    }

    .lg\:pr-80 {
        padding-right: 80px
    }

    .lg\:pb-80 {
        padding-bottom: 80px
    }

    .lg\:pl-80 {
        padding-left: 80px
    }

    .lg\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .lg\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .lg\:p-90 {
        padding: 90px
    }

    .lg\:pt-90 {
        padding-top: 90px
    }

    .lg\:pr-90 {
        padding-right: 90px
    }

    .lg\:pb-90 {
        padding-bottom: 90px
    }

    .lg\:pl-90 {
        padding-left: 90px
    }

    .lg\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .lg\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .lg\:p-100 {
        padding: 100px
    }

    .lg\:pt-100 {
        padding-top: 100px
    }

    .lg\:pr-100 {
        padding-right: 100px
    }

    .lg\:pb-100 {
        padding-bottom: 100px
    }

    .lg\:pl-100 {
        padding-left: 100px
    }

    .lg\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .lg\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .lg\:p-120 {
        padding: 120px
    }

    .lg\:pt-120 {
        padding-top: 120px
    }

    .lg\:pr-120 {
        padding-right: 120px
    }

    .lg\:pb-120 {
        padding-bottom: 120px
    }

    .lg\:pl-120 {
        padding-left: 120px
    }

    .lg\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .lg\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .lg\:p-140 {
        padding: 140px
    }

    .lg\:pt-140 {
        padding-top: 140px
    }

    .lg\:pr-140 {
        padding-right: 140px
    }

    .lg\:pb-140 {
        padding-bottom: 140px
    }

    .lg\:pl-140 {
        padding-left: 140px
    }

    .lg\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .lg\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .lg\:p-160 {
        padding: 160px
    }

    .lg\:pt-160 {
        padding-top: 160px
    }

    .lg\:pr-160 {
        padding-right: 160px
    }

    .lg\:pb-160 {
        padding-bottom: 160px
    }

    .lg\:pl-160 {
        padding-left: 160px
    }

    .lg\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .lg\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .lg\:p-180 {
        padding: 180px
    }

    .lg\:pt-180 {
        padding-top: 180px
    }

    .lg\:pr-180 {
        padding-right: 180px
    }

    .lg\:pb-180 {
        padding-bottom: 180px
    }

    .lg\:pl-180 {
        padding-left: 180px
    }

    .lg\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .lg\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .lg\:p-200 {
        padding: 200px
    }

    .lg\:pt-200 {
        padding-top: 200px
    }

    .lg\:pr-200 {
        padding-right: 200px
    }

    .lg\:pb-200 {
        padding-bottom: 200px
    }

    .lg\:pl-200 {
        padding-left: 200px
    }

    .lg\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .lg\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .lg\:m-auto {
        margin: auto
    }

    .lg\:mt-auto,
    .lg\:my-auto {
        margin-top: auto
    }

    .lg\:mr-auto,
    .lg\:mx-auto {
        margin-right: auto
    }

    .lg\:mb-auto,
    .lg\:my-auto {
        margin-bottom: auto
    }

    .lg\:ml-auto,
    .lg\:mx-auto {
        margin-left: auto
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-justify {
        text-align: justify
    }

    .l-aside-blog__title {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }

    .aside-contact__content {
        text-indent: 100px
    }

    .l-aside-news__title {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }

    .l-drawer .modal__container {
        display: grid;
        grid-template-rows: 60px 1fr 100px
    }

    .l-drawer__container {
        display: flex;
        align-items: center
    }

    .l-drawer__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 60px;
        padding-left: 60px
    }

    .l-header__hamburger {
        display: none
    }

    .about-intro__contents {
        margin-top: -100lvh
    }

    .about-strenghts__title {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }

    .blog__sidebar {
        position: -webkit-sticky;
        position: sticky;
        bottom: 40px;
        max-width: 200px
    }

    .company-access__title,
    .overseas-feature__title {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }

    .recruitment-main__sidebar {
        position: -webkit-sticky;
        position: sticky;
        bottom: 40px;
        max-width: 200px
    }

    .top-blog__title {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }

    .top-company__desc {
        max-width: 480px
    }

    .top-recruit {
        padding-top: 10px
    }

    .top-recruit__item__arrow {
        display: none
    }
}

@media (min-width: 1280px) and (max-width: 1399.98px) {
    .xl\:only-hide {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .container {
        width: 1230px
    }

    .container,
    .container-fluid {
        padding-right: 35px;
        padding-left: 35px
    }

    .container-overflow-right {
        width: min(1230px + (100vw - 1230px) / 2, 100%)
    }

    .container-overflow-right {
        padding-left: 35px
    }

    .container-overflow-left {
        width: min(1230px + (100vw - 1230px) / 2, 100%)
    }

    .container-overflow-left {
        padding-right: 35px
    }

    .xl\:flex-column {
        flex-direction: column
    }

    .xl\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .xl\:flex-wrap {
        flex-wrap: wrap
    }

    .xl\:justify-content-start {
        justify-content: flex-start
    }

    .xl\:justify-content-end {
        justify-content: flex-end
    }

    .xl\:justify-content-center {
        justify-content: center
    }

    .xl\:justify-content-between {
        justify-content: space-between
    }

    .xl\:justify-content-around {
        justify-content: space-around
    }

    .xl\:justify-content-evenly {
        justify-content: space-evenly
    }

    .xl\:align-items-start {
        align-items: flex-start
    }

    .xl\:align-items-end {
        align-items: flex-end
    }

    .xl\:align-items-center {
        align-items: center
    }

    .xl\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xl\:cols-1>* {
        grid-column: auto
    }

    .xl\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:cols-2>* {
        grid-column: auto
    }

    .xl\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:cols-3>* {
        grid-column: auto
    }

    .xl\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:cols-4>* {
        grid-column: auto
    }

    .xl\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .xl\:cols-5>* {
        grid-column: auto
    }

    .xl\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .xl\:cols-6>* {
        grid-column: auto
    }

    .xl\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .xl\:cols-7>* {
        grid-column: auto
    }

    .xl\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xl\:cols-8>* {
        grid-column: auto
    }

    .xl\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .xl\:cols-9>* {
        grid-column: auto
    }

    .xl\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .xl\:cols-10>* {
        grid-column: auto
    }

    .xl\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .xl\:cols-11>* {
        grid-column: auto
    }

    .xl\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .xl\:cols-12>* {
        grid-column: auto
    }

    .xl\:col-1 {
        grid-column: auto/span 1
    }

    .xl\:row-1 {
        grid-row: auto/span 1
    }

    .xl\:col-2 {
        grid-column: auto/span 2
    }

    .xl\:row-2 {
        grid-row: auto/span 2
    }

    .xl\:col-3 {
        grid-column: auto/span 3
    }

    .xl\:row-3 {
        grid-row: auto/span 3
    }

    .xl\:col-4 {
        grid-column: auto/span 4
    }

    .xl\:row-4 {
        grid-row: auto/span 4
    }

    .xl\:col-5 {
        grid-column: auto/span 5
    }

    .xl\:row-5 {
        grid-row: auto/span 5
    }

    .xl\:col-6 {
        grid-column: auto/span 6
    }

    .xl\:row-6 {
        grid-row: auto/span 6
    }

    .xl\:col-7 {
        grid-column: auto/span 7
    }

    .xl\:row-7 {
        grid-row: auto/span 7
    }

    .xl\:col-8 {
        grid-column: auto/span 8
    }

    .xl\:row-8 {
        grid-row: auto/span 8
    }

    .xl\:col-9 {
        grid-column: auto/span 9
    }

    .xl\:row-9 {
        grid-row: auto/span 9
    }

    .xl\:col-10 {
        grid-column: auto/span 10
    }

    .xl\:row-10 {
        grid-row: auto/span 10
    }

    .xl\:col-11 {
        grid-column: auto/span 11
    }

    .xl\:row-11 {
        grid-row: auto/span 11
    }

    .xl\:col-12 {
        grid-column: auto/span 12
    }

    .xl\:row-12 {
        grid-row: auto/span 12
    }

    .xl\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .xl\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .xl\:order-1 {
        order: 1
    }

    .xl\:start-1 {
        grid-column-start: 2
    }

    .xl\:order-2 {
        order: 2
    }

    .xl\:start-2 {
        grid-column-start: 3
    }

    .xl\:order-3 {
        order: 3
    }

    .xl\:start-3 {
        grid-column-start: 4
    }

    .xl\:order-4 {
        order: 4
    }

    .xl\:start-4 {
        grid-column-start: 5
    }

    .xl\:order-5 {
        order: 5
    }

    .xl\:start-5 {
        grid-column-start: 6
    }

    .xl\:order-6 {
        order: 6
    }

    .xl\:start-6 {
        grid-column-start: 7
    }

    .xl\:order-7 {
        order: 7
    }

    .xl\:start-7 {
        grid-column-start: 8
    }

    .xl\:order-8 {
        order: 8
    }

    .xl\:start-8 {
        grid-column-start: 9
    }

    .xl\:order-9 {
        order: 9
    }

    .xl\:start-9 {
        grid-column-start: 10
    }

    .xl\:order-10 {
        order: 10
    }

    .xl\:start-10 {
        grid-column-start: 11
    }

    .xl\:order-11 {
        order: 11
    }

    .xl\:start-11 {
        grid-column-start: 12
    }

    .xl\:order-first {
        order: -9999
    }

    .xl\:order-last {
        order: 9999
    }

    .xl\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .xl\:gap-x-0 {
        grid-column-gap: 0
    }

    .xl\:gap-y-0 {
        grid-row-gap: 0
    }

    .xl\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .xl\:gap-x-5 {
        grid-column-gap: 5px
    }

    .xl\:gap-y-5 {
        grid-row-gap: 5px
    }

    .xl\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .xl\:gap-x-10 {
        grid-column-gap: 10px
    }

    .xl\:gap-y-10 {
        grid-row-gap: 10px
    }

    .xl\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .xl\:gap-x-15 {
        grid-column-gap: 15px
    }

    .xl\:gap-y-15 {
        grid-row-gap: 15px
    }

    .xl\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .xl\:gap-x-20 {
        grid-column-gap: 20px
    }

    .xl\:gap-y-20 {
        grid-row-gap: 20px
    }

    .xl\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .xl\:gap-x-25 {
        grid-column-gap: 25px
    }

    .xl\:gap-y-25 {
        grid-row-gap: 25px
    }

    .xl\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .xl\:gap-x-30 {
        grid-column-gap: 30px
    }

    .xl\:gap-y-30 {
        grid-row-gap: 30px
    }

    .xl\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .xl\:gap-x-35 {
        grid-column-gap: 35px
    }

    .xl\:gap-y-35 {
        grid-row-gap: 35px
    }

    .xl\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .xl\:gap-x-40 {
        grid-column-gap: 40px
    }

    .xl\:gap-y-40 {
        grid-row-gap: 40px
    }

    .xl\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .xl\:gap-x-45 {
        grid-column-gap: 45px
    }

    .xl\:gap-y-45 {
        grid-row-gap: 45px
    }

    .xl\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .xl\:gap-x-50 {
        grid-column-gap: 50px
    }

    .xl\:gap-y-50 {
        grid-row-gap: 50px
    }

    .xl\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .xl\:gap-x-60 {
        grid-column-gap: 60px
    }

    .xl\:gap-y-60 {
        grid-row-gap: 60px
    }

    .xl\:hide {
        display: none
    }

    .xl\:m-0 {
        margin: 0
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .xl\:m-5 {
        margin: 5px
    }

    .xl\:mt-5 {
        margin-top: 5px
    }

    .xl\:mr-5 {
        margin-right: 5px
    }

    .xl\:mb-5 {
        margin-bottom: 5px
    }

    .xl\:ml-5 {
        margin-left: 5px
    }

    .xl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .xl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .xl\:m-10 {
        margin: 10px
    }

    .xl\:mt-10 {
        margin-top: 10px
    }

    .xl\:mr-10 {
        margin-right: 10px
    }

    .xl\:mb-10 {
        margin-bottom: 10px
    }

    .xl\:ml-10 {
        margin-left: 10px
    }

    .xl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .xl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .xl\:m-15 {
        margin: 15px
    }

    .xl\:mt-15 {
        margin-top: 15px
    }

    .xl\:mr-15 {
        margin-right: 15px
    }

    .xl\:mb-15 {
        margin-bottom: 15px
    }

    .xl\:ml-15 {
        margin-left: 15px
    }

    .xl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .xl\:m-20 {
        margin: 20px
    }

    .xl\:mt-20 {
        margin-top: 20px
    }

    .xl\:mr-20 {
        margin-right: 20px
    }

    .xl\:mb-20 {
        margin-bottom: 20px
    }

    .xl\:ml-20 {
        margin-left: 20px
    }

    .xl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .xl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .xl\:m-25 {
        margin: 25px
    }

    .xl\:mt-25 {
        margin-top: 25px
    }

    .xl\:mr-25 {
        margin-right: 25px
    }

    .xl\:mb-25 {
        margin-bottom: 25px
    }

    .xl\:ml-25 {
        margin-left: 25px
    }

    .xl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .xl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .xl\:m-30 {
        margin: 30px
    }

    .xl\:mt-30 {
        margin-top: 30px
    }

    .xl\:mr-30 {
        margin-right: 30px
    }

    .xl\:mb-30 {
        margin-bottom: 30px
    }

    .xl\:ml-30 {
        margin-left: 30px
    }

    .xl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .xl\:m-35 {
        margin: 35px
    }

    .xl\:mt-35 {
        margin-top: 35px
    }

    .xl\:mr-35 {
        margin-right: 35px
    }

    .xl\:mb-35 {
        margin-bottom: 35px
    }

    .xl\:ml-35 {
        margin-left: 35px
    }

    .xl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .xl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .xl\:m-40 {
        margin: 40px
    }

    .xl\:mt-40 {
        margin-top: 40px
    }

    .xl\:mr-40 {
        margin-right: 40px
    }

    .xl\:mb-40 {
        margin-bottom: 40px
    }

    .xl\:ml-40 {
        margin-left: 40px
    }

    .xl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .xl\:m-45 {
        margin: 45px
    }

    .xl\:mt-45 {
        margin-top: 45px
    }

    .xl\:mr-45 {
        margin-right: 45px
    }

    .xl\:mb-45 {
        margin-bottom: 45px
    }

    .xl\:ml-45 {
        margin-left: 45px
    }

    .xl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .xl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .xl\:m-50 {
        margin: 50px
    }

    .xl\:mt-50 {
        margin-top: 50px
    }

    .xl\:mr-50 {
        margin-right: 50px
    }

    .xl\:mb-50 {
        margin-bottom: 50px
    }

    .xl\:ml-50 {
        margin-left: 50px
    }

    .xl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .xl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .xl\:m-60 {
        margin: 60px
    }

    .xl\:mt-60 {
        margin-top: 60px
    }

    .xl\:mr-60 {
        margin-right: 60px
    }

    .xl\:mb-60 {
        margin-bottom: 60px
    }

    .xl\:ml-60 {
        margin-left: 60px
    }

    .xl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .xl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .xl\:m-70 {
        margin: 70px
    }

    .xl\:mt-70 {
        margin-top: 70px
    }

    .xl\:mr-70 {
        margin-right: 70px
    }

    .xl\:mb-70 {
        margin-bottom: 70px
    }

    .xl\:ml-70 {
        margin-left: 70px
    }

    .xl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .xl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .xl\:m-80 {
        margin: 80px
    }

    .xl\:mt-80 {
        margin-top: 80px
    }

    .xl\:mr-80 {
        margin-right: 80px
    }

    .xl\:mb-80 {
        margin-bottom: 80px
    }

    .xl\:ml-80 {
        margin-left: 80px
    }

    .xl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .xl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .xl\:m-90 {
        margin: 90px
    }

    .xl\:mt-90 {
        margin-top: 90px
    }

    .xl\:mr-90 {
        margin-right: 90px
    }

    .xl\:mb-90 {
        margin-bottom: 90px
    }

    .xl\:ml-90 {
        margin-left: 90px
    }

    .xl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .xl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .xl\:m-100 {
        margin: 100px
    }

    .xl\:mt-100 {
        margin-top: 100px
    }

    .xl\:mr-100 {
        margin-right: 100px
    }

    .xl\:mb-100 {
        margin-bottom: 100px
    }

    .xl\:ml-100 {
        margin-left: 100px
    }

    .xl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .xl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .xl\:m-120 {
        margin: 120px
    }

    .xl\:mt-120 {
        margin-top: 120px
    }

    .xl\:mr-120 {
        margin-right: 120px
    }

    .xl\:mb-120 {
        margin-bottom: 120px
    }

    .xl\:ml-120 {
        margin-left: 120px
    }

    .xl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .xl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .xl\:m-140 {
        margin: 140px
    }

    .xl\:mt-140 {
        margin-top: 140px
    }

    .xl\:mr-140 {
        margin-right: 140px
    }

    .xl\:mb-140 {
        margin-bottom: 140px
    }

    .xl\:ml-140 {
        margin-left: 140px
    }

    .xl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .xl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .xl\:m-160 {
        margin: 160px
    }

    .xl\:mt-160 {
        margin-top: 160px
    }

    .xl\:mr-160 {
        margin-right: 160px
    }

    .xl\:mb-160 {
        margin-bottom: 160px
    }

    .xl\:ml-160 {
        margin-left: 160px
    }

    .xl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .xl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .xl\:m-180 {
        margin: 180px
    }

    .xl\:mt-180 {
        margin-top: 180px
    }

    .xl\:mr-180 {
        margin-right: 180px
    }

    .xl\:mb-180 {
        margin-bottom: 180px
    }

    .xl\:ml-180 {
        margin-left: 180px
    }

    .xl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .xl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .xl\:m-200 {
        margin: 200px
    }

    .xl\:mt-200 {
        margin-top: 200px
    }

    .xl\:mr-200 {
        margin-right: 200px
    }

    .xl\:mb-200 {
        margin-bottom: 200px
    }

    .xl\:ml-200 {
        margin-left: 200px
    }

    .xl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .xl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .xl\:p-5 {
        padding: 5px
    }

    .xl\:pt-5 {
        padding-top: 5px
    }

    .xl\:pr-5 {
        padding-right: 5px
    }

    .xl\:pb-5 {
        padding-bottom: 5px
    }

    .xl\:pl-5 {
        padding-left: 5px
    }

    .xl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .xl\:p-10 {
        padding: 10px
    }

    .xl\:pt-10 {
        padding-top: 10px
    }

    .xl\:pr-10 {
        padding-right: 10px
    }

    .xl\:pb-10 {
        padding-bottom: 10px
    }

    .xl\:pl-10 {
        padding-left: 10px
    }

    .xl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .xl\:p-15 {
        padding: 15px
    }

    .xl\:pt-15 {
        padding-top: 15px
    }

    .xl\:pr-15 {
        padding-right: 15px
    }

    .xl\:pb-15 {
        padding-bottom: 15px
    }

    .xl\:pl-15 {
        padding-left: 15px
    }

    .xl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .xl\:p-20 {
        padding: 20px
    }

    .xl\:pt-20 {
        padding-top: 20px
    }

    .xl\:pr-20 {
        padding-right: 20px
    }

    .xl\:pb-20 {
        padding-bottom: 20px
    }

    .xl\:pl-20 {
        padding-left: 20px
    }

    .xl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .xl\:p-25 {
        padding: 25px
    }

    .xl\:pt-25 {
        padding-top: 25px
    }

    .xl\:pr-25 {
        padding-right: 25px
    }

    .xl\:pb-25 {
        padding-bottom: 25px
    }

    .xl\:pl-25 {
        padding-left: 25px
    }

    .xl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .xl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .xl\:p-30 {
        padding: 30px
    }

    .xl\:pt-30 {
        padding-top: 30px
    }

    .xl\:pr-30 {
        padding-right: 30px
    }

    .xl\:pb-30 {
        padding-bottom: 30px
    }

    .xl\:pl-30 {
        padding-left: 30px
    }

    .xl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .xl\:p-35 {
        padding: 35px
    }

    .xl\:pt-35 {
        padding-top: 35px
    }

    .xl\:pr-35 {
        padding-right: 35px
    }

    .xl\:pb-35 {
        padding-bottom: 35px
    }

    .xl\:pl-35 {
        padding-left: 35px
    }

    .xl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .xl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .xl\:p-40 {
        padding: 40px
    }

    .xl\:pt-40 {
        padding-top: 40px
    }

    .xl\:pr-40 {
        padding-right: 40px
    }

    .xl\:pb-40 {
        padding-bottom: 40px
    }

    .xl\:pl-40 {
        padding-left: 40px
    }

    .xl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .xl\:p-45 {
        padding: 45px
    }

    .xl\:pt-45 {
        padding-top: 45px
    }

    .xl\:pr-45 {
        padding-right: 45px
    }

    .xl\:pb-45 {
        padding-bottom: 45px
    }

    .xl\:pl-45 {
        padding-left: 45px
    }

    .xl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .xl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .xl\:p-50 {
        padding: 50px
    }

    .xl\:pt-50 {
        padding-top: 50px
    }

    .xl\:pr-50 {
        padding-right: 50px
    }

    .xl\:pb-50 {
        padding-bottom: 50px
    }

    .xl\:pl-50 {
        padding-left: 50px
    }

    .xl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .xl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .xl\:p-60 {
        padding: 60px
    }

    .xl\:pt-60 {
        padding-top: 60px
    }

    .xl\:pr-60 {
        padding-right: 60px
    }

    .xl\:pb-60 {
        padding-bottom: 60px
    }

    .xl\:pl-60 {
        padding-left: 60px
    }

    .xl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .xl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .xl\:p-70 {
        padding: 70px
    }

    .xl\:pt-70 {
        padding-top: 70px
    }

    .xl\:pr-70 {
        padding-right: 70px
    }

    .xl\:pb-70 {
        padding-bottom: 70px
    }

    .xl\:pl-70 {
        padding-left: 70px
    }

    .xl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .xl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .xl\:p-80 {
        padding: 80px
    }

    .xl\:pt-80 {
        padding-top: 80px
    }

    .xl\:pr-80 {
        padding-right: 80px
    }

    .xl\:pb-80 {
        padding-bottom: 80px
    }

    .xl\:pl-80 {
        padding-left: 80px
    }

    .xl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .xl\:p-90 {
        padding: 90px
    }

    .xl\:pt-90 {
        padding-top: 90px
    }

    .xl\:pr-90 {
        padding-right: 90px
    }

    .xl\:pb-90 {
        padding-bottom: 90px
    }

    .xl\:pl-90 {
        padding-left: 90px
    }

    .xl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .xl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .xl\:p-100 {
        padding: 100px
    }

    .xl\:pt-100 {
        padding-top: 100px
    }

    .xl\:pr-100 {
        padding-right: 100px
    }

    .xl\:pb-100 {
        padding-bottom: 100px
    }

    .xl\:pl-100 {
        padding-left: 100px
    }

    .xl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .xl\:p-120 {
        padding: 120px
    }

    .xl\:pt-120 {
        padding-top: 120px
    }

    .xl\:pr-120 {
        padding-right: 120px
    }

    .xl\:pb-120 {
        padding-bottom: 120px
    }

    .xl\:pl-120 {
        padding-left: 120px
    }

    .xl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .xl\:p-140 {
        padding: 140px
    }

    .xl\:pt-140 {
        padding-top: 140px
    }

    .xl\:pr-140 {
        padding-right: 140px
    }

    .xl\:pb-140 {
        padding-bottom: 140px
    }

    .xl\:pl-140 {
        padding-left: 140px
    }

    .xl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .xl\:p-160 {
        padding: 160px
    }

    .xl\:pt-160 {
        padding-top: 160px
    }

    .xl\:pr-160 {
        padding-right: 160px
    }

    .xl\:pb-160 {
        padding-bottom: 160px
    }

    .xl\:pl-160 {
        padding-left: 160px
    }

    .xl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .xl\:p-180 {
        padding: 180px
    }

    .xl\:pt-180 {
        padding-top: 180px
    }

    .xl\:pr-180 {
        padding-right: 180px
    }

    .xl\:pb-180 {
        padding-bottom: 180px
    }

    .xl\:pl-180 {
        padding-left: 180px
    }

    .xl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .xl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .xl\:p-200 {
        padding: 200px
    }

    .xl\:pt-200 {
        padding-top: 200px
    }

    .xl\:pr-200 {
        padding-right: 200px
    }

    .xl\:pb-200 {
        padding-bottom: 200px
    }

    .xl\:pl-200 {
        padding-left: 200px
    }

    .xl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .xl\:m-auto {
        margin: auto
    }

    .xl\:mt-auto,
    .xl\:my-auto {
        margin-top: auto
    }

    .xl\:mr-auto,
    .xl\:mx-auto {
        margin-right: auto
    }

    .xl\:mb-auto,
    .xl\:my-auto {
        margin-bottom: auto
    }

    .xl\:ml-auto,
    .xl\:mx-auto {
        margin-left: auto
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-right {
        text-align: right
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 1400px) {
    .container {
        width: 1360px
    }

    .container-overflow-right,
    .container-overflow-left {
        width: min(1360px + (100vw - 1360px) / 2, 100%)
    }

    .\32xl\:flex-column {
        flex-direction: column
    }

    .\32xl\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .\32xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .\32xl\:flex-row {
        flex-direction: row
    }

    .\32xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .\32xl\:flex-wrap {
        flex-wrap: wrap
    }

    .\32xl\:justify-content-start {
        justify-content: flex-start
    }

    .\32xl\:justify-content-end {
        justify-content: flex-end
    }

    .\32xl\:justify-content-center {
        justify-content: center
    }

    .\32xl\:justify-content-between {
        justify-content: space-between
    }

    .\32xl\:justify-content-around {
        justify-content: space-around
    }

    .\32xl\:justify-content-evenly {
        justify-content: space-evenly
    }

    .\32xl\:align-items-start {
        align-items: flex-start
    }

    .\32xl\:align-items-end {
        align-items: flex-end
    }

    .\32xl\:align-items-center {
        align-items: center
    }

    .\32xl\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .\32xl\:cols-1>* {
        grid-column: auto
    }

    .\32xl\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .\32xl\:cols-2>* {
        grid-column: auto
    }

    .\32xl\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .\32xl\:cols-3>* {
        grid-column: auto
    }

    .\32xl\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .\32xl\:cols-4>* {
        grid-column: auto
    }

    .\32xl\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .\32xl\:cols-5>* {
        grid-column: auto
    }

    .\32xl\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .\32xl\:cols-6>* {
        grid-column: auto
    }

    .\32xl\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .\32xl\:cols-7>* {
        grid-column: auto
    }

    .\32xl\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .\32xl\:cols-8>* {
        grid-column: auto
    }

    .\32xl\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .\32xl\:cols-9>* {
        grid-column: auto
    }

    .\32xl\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .\32xl\:cols-10>* {
        grid-column: auto
    }

    .\32xl\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .\32xl\:cols-11>* {
        grid-column: auto
    }

    .\32xl\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .\32xl\:cols-12>* {
        grid-column: auto
    }

    .\32xl\:col-1 {
        grid-column: auto/span 1
    }

    .\32xl\:row-1 {
        grid-row: auto/span 1
    }

    .\32xl\:col-2 {
        grid-column: auto/span 2
    }

    .\32xl\:row-2 {
        grid-row: auto/span 2
    }

    .\32xl\:col-3 {
        grid-column: auto/span 3
    }

    .\32xl\:row-3 {
        grid-row: auto/span 3
    }

    .\32xl\:col-4 {
        grid-column: auto/span 4
    }

    .\32xl\:row-4 {
        grid-row: auto/span 4
    }

    .\32xl\:col-5 {
        grid-column: auto/span 5
    }

    .\32xl\:row-5 {
        grid-row: auto/span 5
    }

    .\32xl\:col-6 {
        grid-column: auto/span 6
    }

    .\32xl\:row-6 {
        grid-row: auto/span 6
    }

    .\32xl\:col-7 {
        grid-column: auto/span 7
    }

    .\32xl\:row-7 {
        grid-row: auto/span 7
    }

    .\32xl\:col-8 {
        grid-column: auto/span 8
    }

    .\32xl\:row-8 {
        grid-row: auto/span 8
    }

    .\32xl\:col-9 {
        grid-column: auto/span 9
    }

    .\32xl\:row-9 {
        grid-row: auto/span 9
    }

    .\32xl\:col-10 {
        grid-column: auto/span 10
    }

    .\32xl\:row-10 {
        grid-row: auto/span 10
    }

    .\32xl\:col-11 {
        grid-column: auto/span 11
    }

    .\32xl\:row-11 {
        grid-row: auto/span 11
    }

    .\32xl\:col-12 {
        grid-column: auto/span 12
    }

    .\32xl\:row-12 {
        grid-row: auto/span 12
    }

    .\32xl\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }

    .\32xl\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .\32xl\:order-1 {
        order: 1
    }

    .\32xl\:start-1 {
        grid-column-start: 2
    }

    .\32xl\:order-2 {
        order: 2
    }

    .\32xl\:start-2 {
        grid-column-start: 3
    }

    .\32xl\:order-3 {
        order: 3
    }

    .\32xl\:start-3 {
        grid-column-start: 4
    }

    .\32xl\:order-4 {
        order: 4
    }

    .\32xl\:start-4 {
        grid-column-start: 5
    }

    .\32xl\:order-5 {
        order: 5
    }

    .\32xl\:start-5 {
        grid-column-start: 6
    }

    .\32xl\:order-6 {
        order: 6
    }

    .\32xl\:start-6 {
        grid-column-start: 7
    }

    .\32xl\:order-7 {
        order: 7
    }

    .\32xl\:start-7 {
        grid-column-start: 8
    }

    .\32xl\:order-8 {
        order: 8
    }

    .\32xl\:start-8 {
        grid-column-start: 9
    }

    .\32xl\:order-9 {
        order: 9
    }

    .\32xl\:start-9 {
        grid-column-start: 10
    }

    .\32xl\:order-10 {
        order: 10
    }

    .\32xl\:start-10 {
        grid-column-start: 11
    }

    .\32xl\:order-11 {
        order: 11
    }

    .\32xl\:start-11 {
        grid-column-start: 12
    }

    .\32xl\:order-first {
        order: -9999
    }

    .\32xl\:order-last {
        order: 9999
    }

    .\32xl\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .\32xl\:gap-x-0 {
        grid-column-gap: 0
    }

    .\32xl\:gap-y-0 {
        grid-row-gap: 0
    }

    .\32xl\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .\32xl\:gap-x-5 {
        grid-column-gap: 5px
    }

    .\32xl\:gap-y-5 {
        grid-row-gap: 5px
    }

    .\32xl\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .\32xl\:gap-x-10 {
        grid-column-gap: 10px
    }

    .\32xl\:gap-y-10 {
        grid-row-gap: 10px
    }

    .\32xl\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .\32xl\:gap-x-15 {
        grid-column-gap: 15px
    }

    .\32xl\:gap-y-15 {
        grid-row-gap: 15px
    }

    .\32xl\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .\32xl\:gap-x-20 {
        grid-column-gap: 20px
    }

    .\32xl\:gap-y-20 {
        grid-row-gap: 20px
    }

    .\32xl\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }

    .\32xl\:gap-x-25 {
        grid-column-gap: 25px
    }

    .\32xl\:gap-y-25 {
        grid-row-gap: 25px
    }

    .\32xl\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .\32xl\:gap-x-30 {
        grid-column-gap: 30px
    }

    .\32xl\:gap-y-30 {
        grid-row-gap: 30px
    }

    .\32xl\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }

    .\32xl\:gap-x-35 {
        grid-column-gap: 35px
    }

    .\32xl\:gap-y-35 {
        grid-row-gap: 35px
    }

    .\32xl\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .\32xl\:gap-x-40 {
        grid-column-gap: 40px
    }

    .\32xl\:gap-y-40 {
        grid-row-gap: 40px
    }

    .\32xl\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }

    .\32xl\:gap-x-45 {
        grid-column-gap: 45px
    }

    .\32xl\:gap-y-45 {
        grid-row-gap: 45px
    }

    .\32xl\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .\32xl\:gap-x-50 {
        grid-column-gap: 50px
    }

    .\32xl\:gap-y-50 {
        grid-row-gap: 50px
    }

    .\32xl\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .\32xl\:gap-x-60 {
        grid-column-gap: 60px
    }

    .\32xl\:gap-y-60 {
        grid-row-gap: 60px
    }

    .\32xl\:hide,
    .\32xl\:only-hide {
        display: none
    }

    .\32xl\:m-0 {
        margin: 0
    }

    .\32xl\:mt-0 {
        margin-top: 0
    }

    .\32xl\:mr-0 {
        margin-right: 0
    }

    .\32xl\:mb-0 {
        margin-bottom: 0
    }

    .\32xl\:ml-0 {
        margin-left: 0
    }

    .\32xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .\32xl\:m-5 {
        margin: 5px
    }

    .\32xl\:mt-5 {
        margin-top: 5px
    }

    .\32xl\:mr-5 {
        margin-right: 5px
    }

    .\32xl\:mb-5 {
        margin-bottom: 5px
    }

    .\32xl\:ml-5 {
        margin-left: 5px
    }

    .\32xl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .\32xl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .\32xl\:m-10 {
        margin: 10px
    }

    .\32xl\:mt-10 {
        margin-top: 10px
    }

    .\32xl\:mr-10 {
        margin-right: 10px
    }

    .\32xl\:mb-10 {
        margin-bottom: 10px
    }

    .\32xl\:ml-10 {
        margin-left: 10px
    }

    .\32xl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .\32xl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .\32xl\:m-15 {
        margin: 15px
    }

    .\32xl\:mt-15 {
        margin-top: 15px
    }

    .\32xl\:mr-15 {
        margin-right: 15px
    }

    .\32xl\:mb-15 {
        margin-bottom: 15px
    }

    .\32xl\:ml-15 {
        margin-left: 15px
    }

    .\32xl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .\32xl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .\32xl\:m-20 {
        margin: 20px
    }

    .\32xl\:mt-20 {
        margin-top: 20px
    }

    .\32xl\:mr-20 {
        margin-right: 20px
    }

    .\32xl\:mb-20 {
        margin-bottom: 20px
    }

    .\32xl\:ml-20 {
        margin-left: 20px
    }

    .\32xl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .\32xl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .\32xl\:m-25 {
        margin: 25px
    }

    .\32xl\:mt-25 {
        margin-top: 25px
    }

    .\32xl\:mr-25 {
        margin-right: 25px
    }

    .\32xl\:mb-25 {
        margin-bottom: 25px
    }

    .\32xl\:ml-25 {
        margin-left: 25px
    }

    .\32xl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .\32xl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .\32xl\:m-30 {
        margin: 30px
    }

    .\32xl\:mt-30 {
        margin-top: 30px
    }

    .\32xl\:mr-30 {
        margin-right: 30px
    }

    .\32xl\:mb-30 {
        margin-bottom: 30px
    }

    .\32xl\:ml-30 {
        margin-left: 30px
    }

    .\32xl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .\32xl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .\32xl\:m-35 {
        margin: 35px
    }

    .\32xl\:mt-35 {
        margin-top: 35px
    }

    .\32xl\:mr-35 {
        margin-right: 35px
    }

    .\32xl\:mb-35 {
        margin-bottom: 35px
    }

    .\32xl\:ml-35 {
        margin-left: 35px
    }

    .\32xl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .\32xl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .\32xl\:m-40 {
        margin: 40px
    }

    .\32xl\:mt-40 {
        margin-top: 40px
    }

    .\32xl\:mr-40 {
        margin-right: 40px
    }

    .\32xl\:mb-40 {
        margin-bottom: 40px
    }

    .\32xl\:ml-40 {
        margin-left: 40px
    }

    .\32xl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .\32xl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .\32xl\:m-45 {
        margin: 45px
    }

    .\32xl\:mt-45 {
        margin-top: 45px
    }

    .\32xl\:mr-45 {
        margin-right: 45px
    }

    .\32xl\:mb-45 {
        margin-bottom: 45px
    }

    .\32xl\:ml-45 {
        margin-left: 45px
    }

    .\32xl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .\32xl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .\32xl\:m-50 {
        margin: 50px
    }

    .\32xl\:mt-50 {
        margin-top: 50px
    }

    .\32xl\:mr-50 {
        margin-right: 50px
    }

    .\32xl\:mb-50 {
        margin-bottom: 50px
    }

    .\32xl\:ml-50 {
        margin-left: 50px
    }

    .\32xl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .\32xl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .\32xl\:m-60 {
        margin: 60px
    }

    .\32xl\:mt-60 {
        margin-top: 60px
    }

    .\32xl\:mr-60 {
        margin-right: 60px
    }

    .\32xl\:mb-60 {
        margin-bottom: 60px
    }

    .\32xl\:ml-60 {
        margin-left: 60px
    }

    .\32xl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .\32xl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .\32xl\:m-70 {
        margin: 70px
    }

    .\32xl\:mt-70 {
        margin-top: 70px
    }

    .\32xl\:mr-70 {
        margin-right: 70px
    }

    .\32xl\:mb-70 {
        margin-bottom: 70px
    }

    .\32xl\:ml-70 {
        margin-left: 70px
    }

    .\32xl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .\32xl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .\32xl\:m-80 {
        margin: 80px
    }

    .\32xl\:mt-80 {
        margin-top: 80px
    }

    .\32xl\:mr-80 {
        margin-right: 80px
    }

    .\32xl\:mb-80 {
        margin-bottom: 80px
    }

    .\32xl\:ml-80 {
        margin-left: 80px
    }

    .\32xl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .\32xl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .\32xl\:m-90 {
        margin: 90px
    }

    .\32xl\:mt-90 {
        margin-top: 90px
    }

    .\32xl\:mr-90 {
        margin-right: 90px
    }

    .\32xl\:mb-90 {
        margin-bottom: 90px
    }

    .\32xl\:ml-90 {
        margin-left: 90px
    }

    .\32xl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .\32xl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .\32xl\:m-100 {
        margin: 100px
    }

    .\32xl\:mt-100 {
        margin-top: 100px
    }

    .\32xl\:mr-100 {
        margin-right: 100px
    }

    .\32xl\:mb-100 {
        margin-bottom: 100px
    }

    .\32xl\:ml-100 {
        margin-left: 100px
    }

    .\32xl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .\32xl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .\32xl\:m-120 {
        margin: 120px
    }

    .\32xl\:mt-120 {
        margin-top: 120px
    }

    .\32xl\:mr-120 {
        margin-right: 120px
    }

    .\32xl\:mb-120 {
        margin-bottom: 120px
    }

    .\32xl\:ml-120 {
        margin-left: 120px
    }

    .\32xl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .\32xl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .\32xl\:m-140 {
        margin: 140px
    }

    .\32xl\:mt-140 {
        margin-top: 140px
    }

    .\32xl\:mr-140 {
        margin-right: 140px
    }

    .\32xl\:mb-140 {
        margin-bottom: 140px
    }

    .\32xl\:ml-140 {
        margin-left: 140px
    }

    .\32xl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .\32xl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .\32xl\:m-160 {
        margin: 160px
    }

    .\32xl\:mt-160 {
        margin-top: 160px
    }

    .\32xl\:mr-160 {
        margin-right: 160px
    }

    .\32xl\:mb-160 {
        margin-bottom: 160px
    }

    .\32xl\:ml-160 {
        margin-left: 160px
    }

    .\32xl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .\32xl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .\32xl\:m-180 {
        margin: 180px
    }

    .\32xl\:mt-180 {
        margin-top: 180px
    }

    .\32xl\:mr-180 {
        margin-right: 180px
    }

    .\32xl\:mb-180 {
        margin-bottom: 180px
    }

    .\32xl\:ml-180 {
        margin-left: 180px
    }

    .\32xl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .\32xl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .\32xl\:m-200 {
        margin: 200px
    }

    .\32xl\:mt-200 {
        margin-top: 200px
    }

    .\32xl\:mr-200 {
        margin-right: 200px
    }

    .\32xl\:mb-200 {
        margin-bottom: 200px
    }

    .\32xl\:ml-200 {
        margin-left: 200px
    }

    .\32xl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .\32xl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .\32xl\:p-0 {
        padding: 0
    }

    .\32xl\:pt-0 {
        padding-top: 0
    }

    .\32xl\:pr-0 {
        padding-right: 0
    }

    .\32xl\:pb-0 {
        padding-bottom: 0
    }

    .\32xl\:pl-0 {
        padding-left: 0
    }

    .\32xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .\32xl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .\32xl\:p-5 {
        padding: 5px
    }

    .\32xl\:pt-5 {
        padding-top: 5px
    }

    .\32xl\:pr-5 {
        padding-right: 5px
    }

    .\32xl\:pb-5 {
        padding-bottom: 5px
    }

    .\32xl\:pl-5 {
        padding-left: 5px
    }

    .\32xl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .\32xl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .\32xl\:p-10 {
        padding: 10px
    }

    .\32xl\:pt-10 {
        padding-top: 10px
    }

    .\32xl\:pr-10 {
        padding-right: 10px
    }

    .\32xl\:pb-10 {
        padding-bottom: 10px
    }

    .\32xl\:pl-10 {
        padding-left: 10px
    }

    .\32xl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .\32xl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .\32xl\:p-15 {
        padding: 15px
    }

    .\32xl\:pt-15 {
        padding-top: 15px
    }

    .\32xl\:pr-15 {
        padding-right: 15px
    }

    .\32xl\:pb-15 {
        padding-bottom: 15px
    }

    .\32xl\:pl-15 {
        padding-left: 15px
    }

    .\32xl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .\32xl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .\32xl\:p-20 {
        padding: 20px
    }

    .\32xl\:pt-20 {
        padding-top: 20px
    }

    .\32xl\:pr-20 {
        padding-right: 20px
    }

    .\32xl\:pb-20 {
        padding-bottom: 20px
    }

    .\32xl\:pl-20 {
        padding-left: 20px
    }

    .\32xl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .\32xl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .\32xl\:p-25 {
        padding: 25px
    }

    .\32xl\:pt-25 {
        padding-top: 25px
    }

    .\32xl\:pr-25 {
        padding-right: 25px
    }

    .\32xl\:pb-25 {
        padding-bottom: 25px
    }

    .\32xl\:pl-25 {
        padding-left: 25px
    }

    .\32xl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .\32xl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .\32xl\:p-30 {
        padding: 30px
    }

    .\32xl\:pt-30 {
        padding-top: 30px
    }

    .\32xl\:pr-30 {
        padding-right: 30px
    }

    .\32xl\:pb-30 {
        padding-bottom: 30px
    }

    .\32xl\:pl-30 {
        padding-left: 30px
    }

    .\32xl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .\32xl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .\32xl\:p-35 {
        padding: 35px
    }

    .\32xl\:pt-35 {
        padding-top: 35px
    }

    .\32xl\:pr-35 {
        padding-right: 35px
    }

    .\32xl\:pb-35 {
        padding-bottom: 35px
    }

    .\32xl\:pl-35 {
        padding-left: 35px
    }

    .\32xl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .\32xl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .\32xl\:p-40 {
        padding: 40px
    }

    .\32xl\:pt-40 {
        padding-top: 40px
    }

    .\32xl\:pr-40 {
        padding-right: 40px
    }

    .\32xl\:pb-40 {
        padding-bottom: 40px
    }

    .\32xl\:pl-40 {
        padding-left: 40px
    }

    .\32xl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .\32xl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .\32xl\:p-45 {
        padding: 45px
    }

    .\32xl\:pt-45 {
        padding-top: 45px
    }

    .\32xl\:pr-45 {
        padding-right: 45px
    }

    .\32xl\:pb-45 {
        padding-bottom: 45px
    }

    .\32xl\:pl-45 {
        padding-left: 45px
    }

    .\32xl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .\32xl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .\32xl\:p-50 {
        padding: 50px
    }

    .\32xl\:pt-50 {
        padding-top: 50px
    }

    .\32xl\:pr-50 {
        padding-right: 50px
    }

    .\32xl\:pb-50 {
        padding-bottom: 50px
    }

    .\32xl\:pl-50 {
        padding-left: 50px
    }

    .\32xl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .\32xl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .\32xl\:p-60 {
        padding: 60px
    }

    .\32xl\:pt-60 {
        padding-top: 60px
    }

    .\32xl\:pr-60 {
        padding-right: 60px
    }

    .\32xl\:pb-60 {
        padding-bottom: 60px
    }

    .\32xl\:pl-60 {
        padding-left: 60px
    }

    .\32xl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .\32xl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .\32xl\:p-70 {
        padding: 70px
    }

    .\32xl\:pt-70 {
        padding-top: 70px
    }

    .\32xl\:pr-70 {
        padding-right: 70px
    }

    .\32xl\:pb-70 {
        padding-bottom: 70px
    }

    .\32xl\:pl-70 {
        padding-left: 70px
    }

    .\32xl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .\32xl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .\32xl\:p-80 {
        padding: 80px
    }

    .\32xl\:pt-80 {
        padding-top: 80px
    }

    .\32xl\:pr-80 {
        padding-right: 80px
    }

    .\32xl\:pb-80 {
        padding-bottom: 80px
    }

    .\32xl\:pl-80 {
        padding-left: 80px
    }

    .\32xl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .\32xl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .\32xl\:p-90 {
        padding: 90px
    }

    .\32xl\:pt-90 {
        padding-top: 90px
    }

    .\32xl\:pr-90 {
        padding-right: 90px
    }

    .\32xl\:pb-90 {
        padding-bottom: 90px
    }

    .\32xl\:pl-90 {
        padding-left: 90px
    }

    .\32xl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .\32xl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .\32xl\:p-100 {
        padding: 100px
    }

    .\32xl\:pt-100 {
        padding-top: 100px
    }

    .\32xl\:pr-100 {
        padding-right: 100px
    }

    .\32xl\:pb-100 {
        padding-bottom: 100px
    }

    .\32xl\:pl-100 {
        padding-left: 100px
    }

    .\32xl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .\32xl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .\32xl\:p-120 {
        padding: 120px
    }

    .\32xl\:pt-120 {
        padding-top: 120px
    }

    .\32xl\:pr-120 {
        padding-right: 120px
    }

    .\32xl\:pb-120 {
        padding-bottom: 120px
    }

    .\32xl\:pl-120 {
        padding-left: 120px
    }

    .\32xl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .\32xl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .\32xl\:p-140 {
        padding: 140px
    }

    .\32xl\:pt-140 {
        padding-top: 140px
    }

    .\32xl\:pr-140 {
        padding-right: 140px
    }

    .\32xl\:pb-140 {
        padding-bottom: 140px
    }

    .\32xl\:pl-140 {
        padding-left: 140px
    }

    .\32xl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .\32xl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .\32xl\:p-160 {
        padding: 160px
    }

    .\32xl\:pt-160 {
        padding-top: 160px
    }

    .\32xl\:pr-160 {
        padding-right: 160px
    }

    .\32xl\:pb-160 {
        padding-bottom: 160px
    }

    .\32xl\:pl-160 {
        padding-left: 160px
    }

    .\32xl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .\32xl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .\32xl\:p-180 {
        padding: 180px
    }

    .\32xl\:pt-180 {
        padding-top: 180px
    }

    .\32xl\:pr-180 {
        padding-right: 180px
    }

    .\32xl\:pb-180 {
        padding-bottom: 180px
    }

    .\32xl\:pl-180 {
        padding-left: 180px
    }

    .\32xl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .\32xl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .\32xl\:p-200 {
        padding: 200px
    }

    .\32xl\:pt-200 {
        padding-top: 200px
    }

    .\32xl\:pr-200 {
        padding-right: 200px
    }

    .\32xl\:pb-200 {
        padding-bottom: 200px
    }

    .\32xl\:pl-200 {
        padding-left: 200px
    }

    .\32xl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .\32xl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .\32xl\:m-auto {
        margin: auto
    }

    .\32xl\:mt-auto,
    .\32xl\:my-auto {
        margin-top: auto
    }

    .\32xl\:mr-auto,
    .\32xl\:mx-auto {
        margin-right: auto
    }

    .\32xl\:mb-auto,
    .\32xl\:my-auto {
        margin-bottom: auto
    }

    .\32xl\:ml-auto,
    .\32xl\:mx-auto {
        margin-left: auto
    }

    .\32xl\:text-left {
        text-align: left
    }

    .\32xl\:text-right {
        text-align: right
    }

    .\32xl\:text-center {
        text-align: center
    }

    .\32xl\:text-justify {
        text-align: justify
    }
}

@media screen and (max-width: 1399.98px) {
    .\-2xl\:flex-column {
        flex-direction: column
    }

    .\-2xl\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .\-2xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .\-2xl\:flex-row {
        flex-direction: row
    }

    .\-2xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .\-2xl\:flex-wrap {
        flex-wrap: wrap
    }

    .\-2xl\:justify-content-start {
        justify-content: flex-start
    }

    .\-2xl\:justify-content-end {
        justify-content: flex-end
    }

    .\-2xl\:justify-content-center {
        justify-content: center
    }

    .\-2xl\:justify-content-between {
        justify-content: space-between
    }

    .\-2xl\:justify-content-around {
        justify-content: space-around
    }

    .\-2xl\:justify-content-evenly {
        justify-content: space-evenly
    }

    .\-2xl\:align-items-start {
        align-items: flex-start
    }

    .\-2xl\:align-items-end {
        align-items: flex-end
    }

    .\-2xl\:align-items-center {
        align-items: center
    }

    .\-2xl\:hide {
        display: none
    }

    .\-2xl\:m-0 {
        margin: 0
    }

    .\-2xl\:mt-0 {
        margin-top: 0
    }

    .\-2xl\:mr-0 {
        margin-right: 0
    }

    .\-2xl\:mb-0 {
        margin-bottom: 0
    }

    .\-2xl\:ml-0 {
        margin-left: 0
    }

    .\-2xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .\-2xl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .\-2xl\:m-5 {
        margin: 5px
    }

    .\-2xl\:mt-5 {
        margin-top: 5px
    }

    .\-2xl\:mr-5 {
        margin-right: 5px
    }

    .\-2xl\:mb-5 {
        margin-bottom: 5px
    }

    .\-2xl\:ml-5 {
        margin-left: 5px
    }

    .\-2xl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .\-2xl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .\-2xl\:m-10 {
        margin: 10px
    }

    .\-2xl\:mt-10 {
        margin-top: 10px
    }

    .\-2xl\:mr-10 {
        margin-right: 10px
    }

    .\-2xl\:mb-10 {
        margin-bottom: 10px
    }

    .\-2xl\:ml-10 {
        margin-left: 10px
    }

    .\-2xl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .\-2xl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .\-2xl\:m-15 {
        margin: 15px
    }

    .\-2xl\:mt-15 {
        margin-top: 15px
    }

    .\-2xl\:mr-15 {
        margin-right: 15px
    }

    .\-2xl\:mb-15 {
        margin-bottom: 15px
    }

    .\-2xl\:ml-15 {
        margin-left: 15px
    }

    .\-2xl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .\-2xl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .\-2xl\:m-20 {
        margin: 20px
    }

    .\-2xl\:mt-20 {
        margin-top: 20px
    }

    .\-2xl\:mr-20 {
        margin-right: 20px
    }

    .\-2xl\:mb-20 {
        margin-bottom: 20px
    }

    .\-2xl\:ml-20 {
        margin-left: 20px
    }

    .\-2xl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .\-2xl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .\-2xl\:m-25 {
        margin: 25px
    }

    .\-2xl\:mt-25 {
        margin-top: 25px
    }

    .\-2xl\:mr-25 {
        margin-right: 25px
    }

    .\-2xl\:mb-25 {
        margin-bottom: 25px
    }

    .\-2xl\:ml-25 {
        margin-left: 25px
    }

    .\-2xl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .\-2xl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .\-2xl\:m-30 {
        margin: 30px
    }

    .\-2xl\:mt-30 {
        margin-top: 30px
    }

    .\-2xl\:mr-30 {
        margin-right: 30px
    }

    .\-2xl\:mb-30 {
        margin-bottom: 30px
    }

    .\-2xl\:ml-30 {
        margin-left: 30px
    }

    .\-2xl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .\-2xl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .\-2xl\:m-35 {
        margin: 35px
    }

    .\-2xl\:mt-35 {
        margin-top: 35px
    }

    .\-2xl\:mr-35 {
        margin-right: 35px
    }

    .\-2xl\:mb-35 {
        margin-bottom: 35px
    }

    .\-2xl\:ml-35 {
        margin-left: 35px
    }

    .\-2xl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .\-2xl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .\-2xl\:m-40 {
        margin: 40px
    }

    .\-2xl\:mt-40 {
        margin-top: 40px
    }

    .\-2xl\:mr-40 {
        margin-right: 40px
    }

    .\-2xl\:mb-40 {
        margin-bottom: 40px
    }

    .\-2xl\:ml-40 {
        margin-left: 40px
    }

    .\-2xl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .\-2xl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .\-2xl\:m-45 {
        margin: 45px
    }

    .\-2xl\:mt-45 {
        margin-top: 45px
    }

    .\-2xl\:mr-45 {
        margin-right: 45px
    }

    .\-2xl\:mb-45 {
        margin-bottom: 45px
    }

    .\-2xl\:ml-45 {
        margin-left: 45px
    }

    .\-2xl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .\-2xl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .\-2xl\:m-50 {
        margin: 50px
    }

    .\-2xl\:mt-50 {
        margin-top: 50px
    }

    .\-2xl\:mr-50 {
        margin-right: 50px
    }

    .\-2xl\:mb-50 {
        margin-bottom: 50px
    }

    .\-2xl\:ml-50 {
        margin-left: 50px
    }

    .\-2xl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .\-2xl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .\-2xl\:m-60 {
        margin: 60px
    }

    .\-2xl\:mt-60 {
        margin-top: 60px
    }

    .\-2xl\:mr-60 {
        margin-right: 60px
    }

    .\-2xl\:mb-60 {
        margin-bottom: 60px
    }

    .\-2xl\:ml-60 {
        margin-left: 60px
    }

    .\-2xl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .\-2xl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .\-2xl\:m-70 {
        margin: 70px
    }

    .\-2xl\:mt-70 {
        margin-top: 70px
    }

    .\-2xl\:mr-70 {
        margin-right: 70px
    }

    .\-2xl\:mb-70 {
        margin-bottom: 70px
    }

    .\-2xl\:ml-70 {
        margin-left: 70px
    }

    .\-2xl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .\-2xl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .\-2xl\:m-80 {
        margin: 80px
    }

    .\-2xl\:mt-80 {
        margin-top: 80px
    }

    .\-2xl\:mr-80 {
        margin-right: 80px
    }

    .\-2xl\:mb-80 {
        margin-bottom: 80px
    }

    .\-2xl\:ml-80 {
        margin-left: 80px
    }

    .\-2xl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .\-2xl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .\-2xl\:m-90 {
        margin: 90px
    }

    .\-2xl\:mt-90 {
        margin-top: 90px
    }

    .\-2xl\:mr-90 {
        margin-right: 90px
    }

    .\-2xl\:mb-90 {
        margin-bottom: 90px
    }

    .\-2xl\:ml-90 {
        margin-left: 90px
    }

    .\-2xl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .\-2xl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .\-2xl\:m-100 {
        margin: 100px
    }

    .\-2xl\:mt-100 {
        margin-top: 100px
    }

    .\-2xl\:mr-100 {
        margin-right: 100px
    }

    .\-2xl\:mb-100 {
        margin-bottom: 100px
    }

    .\-2xl\:ml-100 {
        margin-left: 100px
    }

    .\-2xl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .\-2xl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .\-2xl\:m-120 {
        margin: 120px
    }

    .\-2xl\:mt-120 {
        margin-top: 120px
    }

    .\-2xl\:mr-120 {
        margin-right: 120px
    }

    .\-2xl\:mb-120 {
        margin-bottom: 120px
    }

    .\-2xl\:ml-120 {
        margin-left: 120px
    }

    .\-2xl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .\-2xl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .\-2xl\:m-140 {
        margin: 140px
    }

    .\-2xl\:mt-140 {
        margin-top: 140px
    }

    .\-2xl\:mr-140 {
        margin-right: 140px
    }

    .\-2xl\:mb-140 {
        margin-bottom: 140px
    }

    .\-2xl\:ml-140 {
        margin-left: 140px
    }

    .\-2xl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .\-2xl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .\-2xl\:m-160 {
        margin: 160px
    }

    .\-2xl\:mt-160 {
        margin-top: 160px
    }

    .\-2xl\:mr-160 {
        margin-right: 160px
    }

    .\-2xl\:mb-160 {
        margin-bottom: 160px
    }

    .\-2xl\:ml-160 {
        margin-left: 160px
    }

    .\-2xl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .\-2xl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .\-2xl\:m-180 {
        margin: 180px
    }

    .\-2xl\:mt-180 {
        margin-top: 180px
    }

    .\-2xl\:mr-180 {
        margin-right: 180px
    }

    .\-2xl\:mb-180 {
        margin-bottom: 180px
    }

    .\-2xl\:ml-180 {
        margin-left: 180px
    }

    .\-2xl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .\-2xl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .\-2xl\:m-200 {
        margin: 200px
    }

    .\-2xl\:mt-200 {
        margin-top: 200px
    }

    .\-2xl\:mr-200 {
        margin-right: 200px
    }

    .\-2xl\:mb-200 {
        margin-bottom: 200px
    }

    .\-2xl\:ml-200 {
        margin-left: 200px
    }

    .\-2xl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .\-2xl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .\-2xl\:p-0 {
        padding: 0
    }

    .\-2xl\:pt-0 {
        padding-top: 0
    }

    .\-2xl\:pr-0 {
        padding-right: 0
    }

    .\-2xl\:pb-0 {
        padding-bottom: 0
    }

    .\-2xl\:pl-0 {
        padding-left: 0
    }

    .\-2xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .\-2xl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .\-2xl\:p-5 {
        padding: 5px
    }

    .\-2xl\:pt-5 {
        padding-top: 5px
    }

    .\-2xl\:pr-5 {
        padding-right: 5px
    }

    .\-2xl\:pb-5 {
        padding-bottom: 5px
    }

    .\-2xl\:pl-5 {
        padding-left: 5px
    }

    .\-2xl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .\-2xl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .\-2xl\:p-10 {
        padding: 10px
    }

    .\-2xl\:pt-10 {
        padding-top: 10px
    }

    .\-2xl\:pr-10 {
        padding-right: 10px
    }

    .\-2xl\:pb-10 {
        padding-bottom: 10px
    }

    .\-2xl\:pl-10 {
        padding-left: 10px
    }

    .\-2xl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .\-2xl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .\-2xl\:p-15 {
        padding: 15px
    }

    .\-2xl\:pt-15 {
        padding-top: 15px
    }

    .\-2xl\:pr-15 {
        padding-right: 15px
    }

    .\-2xl\:pb-15 {
        padding-bottom: 15px
    }

    .\-2xl\:pl-15 {
        padding-left: 15px
    }

    .\-2xl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .\-2xl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .\-2xl\:p-20 {
        padding: 20px
    }

    .\-2xl\:pt-20 {
        padding-top: 20px
    }

    .\-2xl\:pr-20 {
        padding-right: 20px
    }

    .\-2xl\:pb-20 {
        padding-bottom: 20px
    }

    .\-2xl\:pl-20 {
        padding-left: 20px
    }

    .\-2xl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .\-2xl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .\-2xl\:p-25 {
        padding: 25px
    }

    .\-2xl\:pt-25 {
        padding-top: 25px
    }

    .\-2xl\:pr-25 {
        padding-right: 25px
    }

    .\-2xl\:pb-25 {
        padding-bottom: 25px
    }

    .\-2xl\:pl-25 {
        padding-left: 25px
    }

    .\-2xl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .\-2xl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .\-2xl\:p-30 {
        padding: 30px
    }

    .\-2xl\:pt-30 {
        padding-top: 30px
    }

    .\-2xl\:pr-30 {
        padding-right: 30px
    }

    .\-2xl\:pb-30 {
        padding-bottom: 30px
    }

    .\-2xl\:pl-30 {
        padding-left: 30px
    }

    .\-2xl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .\-2xl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .\-2xl\:p-35 {
        padding: 35px
    }

    .\-2xl\:pt-35 {
        padding-top: 35px
    }

    .\-2xl\:pr-35 {
        padding-right: 35px
    }

    .\-2xl\:pb-35 {
        padding-bottom: 35px
    }

    .\-2xl\:pl-35 {
        padding-left: 35px
    }

    .\-2xl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .\-2xl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .\-2xl\:p-40 {
        padding: 40px
    }

    .\-2xl\:pt-40 {
        padding-top: 40px
    }

    .\-2xl\:pr-40 {
        padding-right: 40px
    }

    .\-2xl\:pb-40 {
        padding-bottom: 40px
    }

    .\-2xl\:pl-40 {
        padding-left: 40px
    }

    .\-2xl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .\-2xl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .\-2xl\:p-45 {
        padding: 45px
    }

    .\-2xl\:pt-45 {
        padding-top: 45px
    }

    .\-2xl\:pr-45 {
        padding-right: 45px
    }

    .\-2xl\:pb-45 {
        padding-bottom: 45px
    }

    .\-2xl\:pl-45 {
        padding-left: 45px
    }

    .\-2xl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .\-2xl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .\-2xl\:p-50 {
        padding: 50px
    }

    .\-2xl\:pt-50 {
        padding-top: 50px
    }

    .\-2xl\:pr-50 {
        padding-right: 50px
    }

    .\-2xl\:pb-50 {
        padding-bottom: 50px
    }

    .\-2xl\:pl-50 {
        padding-left: 50px
    }

    .\-2xl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .\-2xl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .\-2xl\:p-60 {
        padding: 60px
    }

    .\-2xl\:pt-60 {
        padding-top: 60px
    }

    .\-2xl\:pr-60 {
        padding-right: 60px
    }

    .\-2xl\:pb-60 {
        padding-bottom: 60px
    }

    .\-2xl\:pl-60 {
        padding-left: 60px
    }

    .\-2xl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .\-2xl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .\-2xl\:p-70 {
        padding: 70px
    }

    .\-2xl\:pt-70 {
        padding-top: 70px
    }

    .\-2xl\:pr-70 {
        padding-right: 70px
    }

    .\-2xl\:pb-70 {
        padding-bottom: 70px
    }

    .\-2xl\:pl-70 {
        padding-left: 70px
    }

    .\-2xl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .\-2xl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .\-2xl\:p-80 {
        padding: 80px
    }

    .\-2xl\:pt-80 {
        padding-top: 80px
    }

    .\-2xl\:pr-80 {
        padding-right: 80px
    }

    .\-2xl\:pb-80 {
        padding-bottom: 80px
    }

    .\-2xl\:pl-80 {
        padding-left: 80px
    }

    .\-2xl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .\-2xl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .\-2xl\:p-90 {
        padding: 90px
    }

    .\-2xl\:pt-90 {
        padding-top: 90px
    }

    .\-2xl\:pr-90 {
        padding-right: 90px
    }

    .\-2xl\:pb-90 {
        padding-bottom: 90px
    }

    .\-2xl\:pl-90 {
        padding-left: 90px
    }

    .\-2xl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .\-2xl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .\-2xl\:p-100 {
        padding: 100px
    }

    .\-2xl\:pt-100 {
        padding-top: 100px
    }

    .\-2xl\:pr-100 {
        padding-right: 100px
    }

    .\-2xl\:pb-100 {
        padding-bottom: 100px
    }

    .\-2xl\:pl-100 {
        padding-left: 100px
    }

    .\-2xl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .\-2xl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .\-2xl\:p-120 {
        padding: 120px
    }

    .\-2xl\:pt-120 {
        padding-top: 120px
    }

    .\-2xl\:pr-120 {
        padding-right: 120px
    }

    .\-2xl\:pb-120 {
        padding-bottom: 120px
    }

    .\-2xl\:pl-120 {
        padding-left: 120px
    }

    .\-2xl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .\-2xl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .\-2xl\:p-140 {
        padding: 140px
    }

    .\-2xl\:pt-140 {
        padding-top: 140px
    }

    .\-2xl\:pr-140 {
        padding-right: 140px
    }

    .\-2xl\:pb-140 {
        padding-bottom: 140px
    }

    .\-2xl\:pl-140 {
        padding-left: 140px
    }

    .\-2xl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .\-2xl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .\-2xl\:p-160 {
        padding: 160px
    }

    .\-2xl\:pt-160 {
        padding-top: 160px
    }

    .\-2xl\:pr-160 {
        padding-right: 160px
    }

    .\-2xl\:pb-160 {
        padding-bottom: 160px
    }

    .\-2xl\:pl-160 {
        padding-left: 160px
    }

    .\-2xl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .\-2xl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .\-2xl\:p-180 {
        padding: 180px
    }

    .\-2xl\:pt-180 {
        padding-top: 180px
    }

    .\-2xl\:pr-180 {
        padding-right: 180px
    }

    .\-2xl\:pb-180 {
        padding-bottom: 180px
    }

    .\-2xl\:pl-180 {
        padding-left: 180px
    }

    .\-2xl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .\-2xl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .\-2xl\:p-200 {
        padding: 200px
    }

    .\-2xl\:pt-200 {
        padding-top: 200px
    }

    .\-2xl\:pr-200 {
        padding-right: 200px
    }

    .\-2xl\:pb-200 {
        padding-bottom: 200px
    }

    .\-2xl\:pl-200 {
        padding-left: 200px
    }

    .\-2xl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .\-2xl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .\-2xl\:m-auto {
        margin: auto
    }

    .\-2xl\:mt-auto,
    .\-2xl\:my-auto {
        margin-top: auto
    }

    .\-2xl\:mr-auto,
    .\-2xl\:mx-auto {
        margin-right: auto
    }

    .\-2xl\:mb-auto,
    .\-2xl\:my-auto {
        margin-bottom: auto
    }

    .\-2xl\:ml-auto,
    .\-2xl\:mx-auto {
        margin-left: auto
    }

    .\-2xl\:text-left {
        text-align: left
    }

    .\-2xl\:text-right {
        text-align: right
    }

    .\-2xl\:text-center {
        text-align: center
    }

    .\-2xl\:text-justify {
        text-align: justify
    }
}

@media screen and (max-width: 1279.98px) {
    .-xl\:flex-column {
        flex-direction: column
    }

    .-xl\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .-xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .-xl\:flex-row {
        flex-direction: row
    }

    .-xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .-xl\:flex-wrap {
        flex-wrap: wrap
    }

    .-xl\:justify-content-start {
        justify-content: flex-start
    }

    .-xl\:justify-content-end {
        justify-content: flex-end
    }

    .-xl\:justify-content-center {
        justify-content: center
    }

    .-xl\:justify-content-between {
        justify-content: space-between
    }

    .-xl\:justify-content-around {
        justify-content: space-around
    }

    .-xl\:justify-content-evenly {
        justify-content: space-evenly
    }

    .-xl\:align-items-start {
        align-items: flex-start
    }

    .-xl\:align-items-end {
        align-items: flex-end
    }

    .-xl\:align-items-center {
        align-items: center
    }

    .-xl\:hide {
        display: none
    }

    .-xl\:m-0 {
        margin: 0
    }

    .-xl\:mt-0 {
        margin-top: 0
    }

    .-xl\:mr-0 {
        margin-right: 0
    }

    .-xl\:mb-0 {
        margin-bottom: 0
    }

    .-xl\:ml-0 {
        margin-left: 0
    }

    .-xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .-xl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .-xl\:m-5 {
        margin: 5px
    }

    .-xl\:mt-5 {
        margin-top: 5px
    }

    .-xl\:mr-5 {
        margin-right: 5px
    }

    .-xl\:mb-5 {
        margin-bottom: 5px
    }

    .-xl\:ml-5 {
        margin-left: 5px
    }

    .-xl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .-xl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .-xl\:m-10 {
        margin: 10px
    }

    .-xl\:mt-10 {
        margin-top: 10px
    }

    .-xl\:mr-10 {
        margin-right: 10px
    }

    .-xl\:mb-10 {
        margin-bottom: 10px
    }

    .-xl\:ml-10 {
        margin-left: 10px
    }

    .-xl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .-xl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .-xl\:m-15 {
        margin: 15px
    }

    .-xl\:mt-15 {
        margin-top: 15px
    }

    .-xl\:mr-15 {
        margin-right: 15px
    }

    .-xl\:mb-15 {
        margin-bottom: 15px
    }

    .-xl\:ml-15 {
        margin-left: 15px
    }

    .-xl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .-xl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .-xl\:m-20 {
        margin: 20px
    }

    .-xl\:mt-20 {
        margin-top: 20px
    }

    .-xl\:mr-20 {
        margin-right: 20px
    }

    .-xl\:mb-20 {
        margin-bottom: 20px
    }

    .-xl\:ml-20 {
        margin-left: 20px
    }

    .-xl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .-xl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .-xl\:m-25 {
        margin: 25px
    }

    .-xl\:mt-25 {
        margin-top: 25px
    }

    .-xl\:mr-25 {
        margin-right: 25px
    }

    .-xl\:mb-25 {
        margin-bottom: 25px
    }

    .-xl\:ml-25 {
        margin-left: 25px
    }

    .-xl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .-xl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .-xl\:m-30 {
        margin: 30px
    }

    .-xl\:mt-30 {
        margin-top: 30px
    }

    .-xl\:mr-30 {
        margin-right: 30px
    }

    .-xl\:mb-30 {
        margin-bottom: 30px
    }

    .-xl\:ml-30 {
        margin-left: 30px
    }

    .-xl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .-xl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .-xl\:m-35 {
        margin: 35px
    }

    .-xl\:mt-35 {
        margin-top: 35px
    }

    .-xl\:mr-35 {
        margin-right: 35px
    }

    .-xl\:mb-35 {
        margin-bottom: 35px
    }

    .-xl\:ml-35 {
        margin-left: 35px
    }

    .-xl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .-xl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .-xl\:m-40 {
        margin: 40px
    }

    .-xl\:mt-40 {
        margin-top: 40px
    }

    .-xl\:mr-40 {
        margin-right: 40px
    }

    .-xl\:mb-40 {
        margin-bottom: 40px
    }

    .-xl\:ml-40 {
        margin-left: 40px
    }

    .-xl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .-xl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .-xl\:m-45 {
        margin: 45px
    }

    .-xl\:mt-45 {
        margin-top: 45px
    }

    .-xl\:mr-45 {
        margin-right: 45px
    }

    .-xl\:mb-45 {
        margin-bottom: 45px
    }

    .-xl\:ml-45 {
        margin-left: 45px
    }

    .-xl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .-xl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .-xl\:m-50 {
        margin: 50px
    }

    .-xl\:mt-50 {
        margin-top: 50px
    }

    .-xl\:mr-50 {
        margin-right: 50px
    }

    .-xl\:mb-50 {
        margin-bottom: 50px
    }

    .-xl\:ml-50 {
        margin-left: 50px
    }

    .-xl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .-xl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .-xl\:m-60 {
        margin: 60px
    }

    .-xl\:mt-60 {
        margin-top: 60px
    }

    .-xl\:mr-60 {
        margin-right: 60px
    }

    .-xl\:mb-60 {
        margin-bottom: 60px
    }

    .-xl\:ml-60 {
        margin-left: 60px
    }

    .-xl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .-xl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .-xl\:m-70 {
        margin: 70px
    }

    .-xl\:mt-70 {
        margin-top: 70px
    }

    .-xl\:mr-70 {
        margin-right: 70px
    }

    .-xl\:mb-70 {
        margin-bottom: 70px
    }

    .-xl\:ml-70 {
        margin-left: 70px
    }

    .-xl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .-xl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .-xl\:m-80 {
        margin: 80px
    }

    .-xl\:mt-80 {
        margin-top: 80px
    }

    .-xl\:mr-80 {
        margin-right: 80px
    }

    .-xl\:mb-80 {
        margin-bottom: 80px
    }

    .-xl\:ml-80 {
        margin-left: 80px
    }

    .-xl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .-xl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .-xl\:m-90 {
        margin: 90px
    }

    .-xl\:mt-90 {
        margin-top: 90px
    }

    .-xl\:mr-90 {
        margin-right: 90px
    }

    .-xl\:mb-90 {
        margin-bottom: 90px
    }

    .-xl\:ml-90 {
        margin-left: 90px
    }

    .-xl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .-xl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .-xl\:m-100 {
        margin: 100px
    }

    .-xl\:mt-100 {
        margin-top: 100px
    }

    .-xl\:mr-100 {
        margin-right: 100px
    }

    .-xl\:mb-100 {
        margin-bottom: 100px
    }

    .-xl\:ml-100 {
        margin-left: 100px
    }

    .-xl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .-xl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .-xl\:m-120 {
        margin: 120px
    }

    .-xl\:mt-120 {
        margin-top: 120px
    }

    .-xl\:mr-120 {
        margin-right: 120px
    }

    .-xl\:mb-120 {
        margin-bottom: 120px
    }

    .-xl\:ml-120 {
        margin-left: 120px
    }

    .-xl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .-xl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .-xl\:m-140 {
        margin: 140px
    }

    .-xl\:mt-140 {
        margin-top: 140px
    }

    .-xl\:mr-140 {
        margin-right: 140px
    }

    .-xl\:mb-140 {
        margin-bottom: 140px
    }

    .-xl\:ml-140 {
        margin-left: 140px
    }

    .-xl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .-xl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .-xl\:m-160 {
        margin: 160px
    }

    .-xl\:mt-160 {
        margin-top: 160px
    }

    .-xl\:mr-160 {
        margin-right: 160px
    }

    .-xl\:mb-160 {
        margin-bottom: 160px
    }

    .-xl\:ml-160 {
        margin-left: 160px
    }

    .-xl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .-xl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .-xl\:m-180 {
        margin: 180px
    }

    .-xl\:mt-180 {
        margin-top: 180px
    }

    .-xl\:mr-180 {
        margin-right: 180px
    }

    .-xl\:mb-180 {
        margin-bottom: 180px
    }

    .-xl\:ml-180 {
        margin-left: 180px
    }

    .-xl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .-xl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .-xl\:m-200 {
        margin: 200px
    }

    .-xl\:mt-200 {
        margin-top: 200px
    }

    .-xl\:mr-200 {
        margin-right: 200px
    }

    .-xl\:mb-200 {
        margin-bottom: 200px
    }

    .-xl\:ml-200 {
        margin-left: 200px
    }

    .-xl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .-xl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .-xl\:p-0 {
        padding: 0
    }

    .-xl\:pt-0 {
        padding-top: 0
    }

    .-xl\:pr-0 {
        padding-right: 0
    }

    .-xl\:pb-0 {
        padding-bottom: 0
    }

    .-xl\:pl-0 {
        padding-left: 0
    }

    .-xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .-xl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .-xl\:p-5 {
        padding: 5px
    }

    .-xl\:pt-5 {
        padding-top: 5px
    }

    .-xl\:pr-5 {
        padding-right: 5px
    }

    .-xl\:pb-5 {
        padding-bottom: 5px
    }

    .-xl\:pl-5 {
        padding-left: 5px
    }

    .-xl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .-xl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .-xl\:p-10 {
        padding: 10px
    }

    .-xl\:pt-10 {
        padding-top: 10px
    }

    .-xl\:pr-10 {
        padding-right: 10px
    }

    .-xl\:pb-10 {
        padding-bottom: 10px
    }

    .-xl\:pl-10 {
        padding-left: 10px
    }

    .-xl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .-xl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .-xl\:p-15 {
        padding: 15px
    }

    .-xl\:pt-15 {
        padding-top: 15px
    }

    .-xl\:pr-15 {
        padding-right: 15px
    }

    .-xl\:pb-15 {
        padding-bottom: 15px
    }

    .-xl\:pl-15 {
        padding-left: 15px
    }

    .-xl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .-xl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .-xl\:p-20 {
        padding: 20px
    }

    .-xl\:pt-20 {
        padding-top: 20px
    }

    .-xl\:pr-20 {
        padding-right: 20px
    }

    .-xl\:pb-20 {
        padding-bottom: 20px
    }

    .-xl\:pl-20 {
        padding-left: 20px
    }

    .-xl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .-xl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .-xl\:p-25 {
        padding: 25px
    }

    .-xl\:pt-25 {
        padding-top: 25px
    }

    .-xl\:pr-25 {
        padding-right: 25px
    }

    .-xl\:pb-25 {
        padding-bottom: 25px
    }

    .-xl\:pl-25 {
        padding-left: 25px
    }

    .-xl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .-xl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .-xl\:p-30 {
        padding: 30px
    }

    .-xl\:pt-30 {
        padding-top: 30px
    }

    .-xl\:pr-30 {
        padding-right: 30px
    }

    .-xl\:pb-30 {
        padding-bottom: 30px
    }

    .-xl\:pl-30 {
        padding-left: 30px
    }

    .-xl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .-xl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .-xl\:p-35 {
        padding: 35px
    }

    .-xl\:pt-35 {
        padding-top: 35px
    }

    .-xl\:pr-35 {
        padding-right: 35px
    }

    .-xl\:pb-35 {
        padding-bottom: 35px
    }

    .-xl\:pl-35 {
        padding-left: 35px
    }

    .-xl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .-xl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .-xl\:p-40 {
        padding: 40px
    }

    .-xl\:pt-40 {
        padding-top: 40px
    }

    .-xl\:pr-40 {
        padding-right: 40px
    }

    .-xl\:pb-40 {
        padding-bottom: 40px
    }

    .-xl\:pl-40 {
        padding-left: 40px
    }

    .-xl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .-xl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .-xl\:p-45 {
        padding: 45px
    }

    .-xl\:pt-45 {
        padding-top: 45px
    }

    .-xl\:pr-45 {
        padding-right: 45px
    }

    .-xl\:pb-45 {
        padding-bottom: 45px
    }

    .-xl\:pl-45 {
        padding-left: 45px
    }

    .-xl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .-xl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .-xl\:p-50 {
        padding: 50px
    }

    .-xl\:pt-50 {
        padding-top: 50px
    }

    .-xl\:pr-50 {
        padding-right: 50px
    }

    .-xl\:pb-50 {
        padding-bottom: 50px
    }

    .-xl\:pl-50 {
        padding-left: 50px
    }

    .-xl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .-xl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .-xl\:p-60 {
        padding: 60px
    }

    .-xl\:pt-60 {
        padding-top: 60px
    }

    .-xl\:pr-60 {
        padding-right: 60px
    }

    .-xl\:pb-60 {
        padding-bottom: 60px
    }

    .-xl\:pl-60 {
        padding-left: 60px
    }

    .-xl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .-xl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .-xl\:p-70 {
        padding: 70px
    }

    .-xl\:pt-70 {
        padding-top: 70px
    }

    .-xl\:pr-70 {
        padding-right: 70px
    }

    .-xl\:pb-70 {
        padding-bottom: 70px
    }

    .-xl\:pl-70 {
        padding-left: 70px
    }

    .-xl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .-xl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .-xl\:p-80 {
        padding: 80px
    }

    .-xl\:pt-80 {
        padding-top: 80px
    }

    .-xl\:pr-80 {
        padding-right: 80px
    }

    .-xl\:pb-80 {
        padding-bottom: 80px
    }

    .-xl\:pl-80 {
        padding-left: 80px
    }

    .-xl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .-xl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .-xl\:p-90 {
        padding: 90px
    }

    .-xl\:pt-90 {
        padding-top: 90px
    }

    .-xl\:pr-90 {
        padding-right: 90px
    }

    .-xl\:pb-90 {
        padding-bottom: 90px
    }

    .-xl\:pl-90 {
        padding-left: 90px
    }

    .-xl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .-xl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .-xl\:p-100 {
        padding: 100px
    }

    .-xl\:pt-100 {
        padding-top: 100px
    }

    .-xl\:pr-100 {
        padding-right: 100px
    }

    .-xl\:pb-100 {
        padding-bottom: 100px
    }

    .-xl\:pl-100 {
        padding-left: 100px
    }

    .-xl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .-xl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .-xl\:p-120 {
        padding: 120px
    }

    .-xl\:pt-120 {
        padding-top: 120px
    }

    .-xl\:pr-120 {
        padding-right: 120px
    }

    .-xl\:pb-120 {
        padding-bottom: 120px
    }

    .-xl\:pl-120 {
        padding-left: 120px
    }

    .-xl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .-xl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .-xl\:p-140 {
        padding: 140px
    }

    .-xl\:pt-140 {
        padding-top: 140px
    }

    .-xl\:pr-140 {
        padding-right: 140px
    }

    .-xl\:pb-140 {
        padding-bottom: 140px
    }

    .-xl\:pl-140 {
        padding-left: 140px
    }

    .-xl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .-xl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .-xl\:p-160 {
        padding: 160px
    }

    .-xl\:pt-160 {
        padding-top: 160px
    }

    .-xl\:pr-160 {
        padding-right: 160px
    }

    .-xl\:pb-160 {
        padding-bottom: 160px
    }

    .-xl\:pl-160 {
        padding-left: 160px
    }

    .-xl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .-xl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .-xl\:p-180 {
        padding: 180px
    }

    .-xl\:pt-180 {
        padding-top: 180px
    }

    .-xl\:pr-180 {
        padding-right: 180px
    }

    .-xl\:pb-180 {
        padding-bottom: 180px
    }

    .-xl\:pl-180 {
        padding-left: 180px
    }

    .-xl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .-xl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .-xl\:p-200 {
        padding: 200px
    }

    .-xl\:pt-200 {
        padding-top: 200px
    }

    .-xl\:pr-200 {
        padding-right: 200px
    }

    .-xl\:pb-200 {
        padding-bottom: 200px
    }

    .-xl\:pl-200 {
        padding-left: 200px
    }

    .-xl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .-xl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .-xl\:m-auto {
        margin: auto
    }

    .-xl\:mt-auto,
    .-xl\:my-auto {
        margin-top: auto
    }

    .-xl\:mr-auto,
    .-xl\:mx-auto {
        margin-right: auto
    }

    .-xl\:mb-auto,
    .-xl\:my-auto {
        margin-bottom: auto
    }

    .-xl\:ml-auto,
    .-xl\:mx-auto {
        margin-left: auto
    }

    .-xl\:text-left {
        text-align: left
    }

    .-xl\:text-right {
        text-align: right
    }

    .-xl\:text-center {
        text-align: center
    }

    .-xl\:text-justify {
        text-align: justify
    }

    .c-card__cases {
        padding: 20px 20px 30px
    }

    .c-card__blog .c-card__main {
        gap: 40px
    }

    .l-footer__nav__child__link {
        font-size: .875rem
    }

    .l-footer__nav__link {
        font-size: 1.0625rem
    }

    .l-header__wrapper {
        grid-template-columns: 160px 1fr 134px;
        padding: 0 30px
    }

    .l-header__logo svg {
        width: 160px
    }

    .l-header__gnav__list {
        margin-left: 20px
    }

    .l-header__gnav__link {
        font-size: .875rem
    }

    .interview-contents__category li {
        padding: 4px 12px;
        font-size: .75rem
    }

    .interview-contents__title {
        font-size: 2rem
    }

    .interview-other__category li {
        padding: 4px 12px;
        font-size: .75rem
    }

    .number-data__item {
        min-height: 280px
    }

    .number-data__item__content {
        gap: 40px
    }

    .number-data__item__title {
        font-size: 1rem
    }

    .number-data__item__value span {
        font-size: 4.5rem
    }

    .number-data__item__button {
        width: 40px;
        height: 40px
    }

    .number-data__item .hometown-figure,
    .number-data__item .hiring-figure {
        margin-top: 0
    }

    .number-data__item .structure-item {
        width: 240px;
        height: 240px;
        font-size: 1.0625rem;
        line-height: 240px
    }

    .recruit-innumber {
        padding: 124px 40px
    }

    .recruit-innumber__main {
        margin: 0 auto
    }

    .recruit-innumber__item__title {
        font-size: 1rem
    }

    .recruit-innumber__item__body span {
        font-size: 4.5rem
    }

    .recruit-interview__card__category li {
        padding: 4px 12px;
        font-size: .75rem
    }

    .recruit-message__catch {
        margin-right: 40px;
        padding: 40px;
        font-size: 1.125rem
    }

    .top-business__main {
        gap: 70px
    }

    .top-gallery__item {
        --grid: calc(8.25vw - var(--margin) * 2 / 16 - var(--gap) * 15 / 16)
    }

    .top-kv__catch--en {
        margin-bottom: 40px;
        font-size: 5.625rem
    }

    .top-ship__button {
        display: flex;
        justify-content: flex-end;
        margin-top: 0
    }

    .top-ship__slide {
        width: 100%;
        margin-top: 40px;
        padding: 0 40px
    }

    .top-ship__slide .splide__arrows button {
        width: 80px;
        height: 80px
    }

    .top-ship__slide .splide__arrows button:before {
        width: 20px;
        height: 20px
    }

    .top-ship__slide .splide__arrows .splide__arrow--prev {
        margin-left: -60px
    }

    .top-ship__slide .splide__arrows .splide__arrow--next {
        margin-right: -60px
    }
}

@media screen and (max-width: 1023.98px) {
    .blog__cat__link {
        font-size: .8125rem
    }

    .blog__info,
    .blog__desc {
        padding: 50px 40px
    }

    .blog__eyecatch {
        margin: 40px 0
    }

    .blog__download {
        margin: 40px 0;
        gap: 20px
    }

    .blog__download__button {
        flex: 0 0 calc(50% - 10px)
    }

    .blog__download__button__link {
        font-size: 1.0625rem
    }

    .blog__share {
        top: 0;
        margin-top: 60px;
        margin-left: 0;
        padding: 30px 0
    }

    .blog__share__title {
        padding-left: 30px
    }

    .blog__share__buttons {
        justify-content: center;
        padding-right: 30px
    }

    .blog__pagenavi {
        padding-top: 60px;
        font-size: 1rem
    }

    .blog__pagenavi__link {
        gap: 20px
    }

    .blog__pagenavi__arrow {
        width: 20px
    }

    .blog__body .blog__slider,
    .edit-post-visual-editor__content-area .blog__slider {
        margin-right: -45px;
        margin-left: -45px
    }

    .c-pagination {
        padding-top: 40px
    }

    .-lg\:flex-column {
        flex-direction: column
    }

    .-lg\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .-lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .-lg\:flex-row {
        flex-direction: row
    }

    .-lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .-lg\:flex-wrap {
        flex-wrap: wrap
    }

    .-lg\:justify-content-start {
        justify-content: flex-start
    }

    .-lg\:justify-content-end {
        justify-content: flex-end
    }

    .-lg\:justify-content-center {
        justify-content: center
    }

    .-lg\:justify-content-between {
        justify-content: space-between
    }

    .-lg\:justify-content-around {
        justify-content: space-around
    }

    .-lg\:justify-content-evenly {
        justify-content: space-evenly
    }

    .-lg\:align-items-start {
        align-items: flex-start
    }

    .-lg\:align-items-end {
        align-items: flex-end
    }

    .-lg\:align-items-center {
        align-items: center
    }

    .-lg\:hide {
        display: none
    }

    .-lg\:m-0 {
        margin: 0
    }

    .-lg\:mt-0 {
        margin-top: 0
    }

    .-lg\:mr-0 {
        margin-right: 0
    }

    .-lg\:mb-0 {
        margin-bottom: 0
    }

    .-lg\:ml-0 {
        margin-left: 0
    }

    .-lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .-lg\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .-lg\:m-5 {
        margin: 5px
    }

    .-lg\:mt-5 {
        margin-top: 5px
    }

    .-lg\:mr-5 {
        margin-right: 5px
    }

    .-lg\:mb-5 {
        margin-bottom: 5px
    }

    .-lg\:ml-5 {
        margin-left: 5px
    }

    .-lg\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .-lg\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .-lg\:m-10 {
        margin: 10px
    }

    .-lg\:mt-10 {
        margin-top: 10px
    }

    .-lg\:mr-10 {
        margin-right: 10px
    }

    .-lg\:mb-10 {
        margin-bottom: 10px
    }

    .-lg\:ml-10 {
        margin-left: 10px
    }

    .-lg\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .-lg\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .-lg\:m-15 {
        margin: 15px
    }

    .-lg\:mt-15 {
        margin-top: 15px
    }

    .-lg\:mr-15 {
        margin-right: 15px
    }

    .-lg\:mb-15 {
        margin-bottom: 15px
    }

    .-lg\:ml-15 {
        margin-left: 15px
    }

    .-lg\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .-lg\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .-lg\:m-20 {
        margin: 20px
    }

    .-lg\:mt-20 {
        margin-top: 20px
    }

    .-lg\:mr-20 {
        margin-right: 20px
    }

    .-lg\:mb-20 {
        margin-bottom: 20px
    }

    .-lg\:ml-20 {
        margin-left: 20px
    }

    .-lg\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .-lg\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .-lg\:m-25 {
        margin: 25px
    }

    .-lg\:mt-25 {
        margin-top: 25px
    }

    .-lg\:mr-25 {
        margin-right: 25px
    }

    .-lg\:mb-25 {
        margin-bottom: 25px
    }

    .-lg\:ml-25 {
        margin-left: 25px
    }

    .-lg\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .-lg\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .-lg\:m-30 {
        margin: 30px
    }

    .-lg\:mt-30 {
        margin-top: 30px
    }

    .-lg\:mr-30 {
        margin-right: 30px
    }

    .-lg\:mb-30 {
        margin-bottom: 30px
    }

    .-lg\:ml-30 {
        margin-left: 30px
    }

    .-lg\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .-lg\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .-lg\:m-35 {
        margin: 35px
    }

    .-lg\:mt-35 {
        margin-top: 35px
    }

    .-lg\:mr-35 {
        margin-right: 35px
    }

    .-lg\:mb-35 {
        margin-bottom: 35px
    }

    .-lg\:ml-35 {
        margin-left: 35px
    }

    .-lg\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .-lg\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .-lg\:m-40 {
        margin: 40px
    }

    .-lg\:mt-40 {
        margin-top: 40px
    }

    .-lg\:mr-40 {
        margin-right: 40px
    }

    .-lg\:mb-40 {
        margin-bottom: 40px
    }

    .-lg\:ml-40 {
        margin-left: 40px
    }

    .-lg\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .-lg\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .-lg\:m-45 {
        margin: 45px
    }

    .-lg\:mt-45 {
        margin-top: 45px
    }

    .-lg\:mr-45 {
        margin-right: 45px
    }

    .-lg\:mb-45 {
        margin-bottom: 45px
    }

    .-lg\:ml-45 {
        margin-left: 45px
    }

    .-lg\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .-lg\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .-lg\:m-50 {
        margin: 50px
    }

    .-lg\:mt-50 {
        margin-top: 50px
    }

    .-lg\:mr-50 {
        margin-right: 50px
    }

    .-lg\:mb-50 {
        margin-bottom: 50px
    }

    .-lg\:ml-50 {
        margin-left: 50px
    }

    .-lg\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .-lg\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .-lg\:m-60 {
        margin: 60px
    }

    .-lg\:mt-60 {
        margin-top: 60px
    }

    .-lg\:mr-60 {
        margin-right: 60px
    }

    .-lg\:mb-60 {
        margin-bottom: 60px
    }

    .-lg\:ml-60 {
        margin-left: 60px
    }

    .-lg\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .-lg\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .-lg\:m-70 {
        margin: 70px
    }

    .-lg\:mt-70 {
        margin-top: 70px
    }

    .-lg\:mr-70 {
        margin-right: 70px
    }

    .-lg\:mb-70 {
        margin-bottom: 70px
    }

    .-lg\:ml-70 {
        margin-left: 70px
    }

    .-lg\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .-lg\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .-lg\:m-80 {
        margin: 80px
    }

    .-lg\:mt-80 {
        margin-top: 80px
    }

    .-lg\:mr-80 {
        margin-right: 80px
    }

    .-lg\:mb-80 {
        margin-bottom: 80px
    }

    .-lg\:ml-80 {
        margin-left: 80px
    }

    .-lg\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .-lg\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .-lg\:m-90 {
        margin: 90px
    }

    .-lg\:mt-90 {
        margin-top: 90px
    }

    .-lg\:mr-90 {
        margin-right: 90px
    }

    .-lg\:mb-90 {
        margin-bottom: 90px
    }

    .-lg\:ml-90 {
        margin-left: 90px
    }

    .-lg\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .-lg\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .-lg\:m-100 {
        margin: 100px
    }

    .-lg\:mt-100 {
        margin-top: 100px
    }

    .-lg\:mr-100 {
        margin-right: 100px
    }

    .-lg\:mb-100 {
        margin-bottom: 100px
    }

    .-lg\:ml-100 {
        margin-left: 100px
    }

    .-lg\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .-lg\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .-lg\:m-120 {
        margin: 120px
    }

    .-lg\:mt-120 {
        margin-top: 120px
    }

    .-lg\:mr-120 {
        margin-right: 120px
    }

    .-lg\:mb-120 {
        margin-bottom: 120px
    }

    .-lg\:ml-120 {
        margin-left: 120px
    }

    .-lg\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .-lg\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .-lg\:m-140 {
        margin: 140px
    }

    .-lg\:mt-140 {
        margin-top: 140px
    }

    .-lg\:mr-140 {
        margin-right: 140px
    }

    .-lg\:mb-140 {
        margin-bottom: 140px
    }

    .-lg\:ml-140 {
        margin-left: 140px
    }

    .-lg\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .-lg\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .-lg\:m-160 {
        margin: 160px
    }

    .-lg\:mt-160 {
        margin-top: 160px
    }

    .-lg\:mr-160 {
        margin-right: 160px
    }

    .-lg\:mb-160 {
        margin-bottom: 160px
    }

    .-lg\:ml-160 {
        margin-left: 160px
    }

    .-lg\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .-lg\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .-lg\:m-180 {
        margin: 180px
    }

    .-lg\:mt-180 {
        margin-top: 180px
    }

    .-lg\:mr-180 {
        margin-right: 180px
    }

    .-lg\:mb-180 {
        margin-bottom: 180px
    }

    .-lg\:ml-180 {
        margin-left: 180px
    }

    .-lg\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .-lg\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .-lg\:m-200 {
        margin: 200px
    }

    .-lg\:mt-200 {
        margin-top: 200px
    }

    .-lg\:mr-200 {
        margin-right: 200px
    }

    .-lg\:mb-200 {
        margin-bottom: 200px
    }

    .-lg\:ml-200 {
        margin-left: 200px
    }

    .-lg\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .-lg\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .-lg\:p-0 {
        padding: 0
    }

    .-lg\:pt-0 {
        padding-top: 0
    }

    .-lg\:pr-0 {
        padding-right: 0
    }

    .-lg\:pb-0 {
        padding-bottom: 0
    }

    .-lg\:pl-0 {
        padding-left: 0
    }

    .-lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .-lg\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .-lg\:p-5 {
        padding: 5px
    }

    .-lg\:pt-5 {
        padding-top: 5px
    }

    .-lg\:pr-5 {
        padding-right: 5px
    }

    .-lg\:pb-5 {
        padding-bottom: 5px
    }

    .-lg\:pl-5 {
        padding-left: 5px
    }

    .-lg\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .-lg\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .-lg\:p-10 {
        padding: 10px
    }

    .-lg\:pt-10 {
        padding-top: 10px
    }

    .-lg\:pr-10 {
        padding-right: 10px
    }

    .-lg\:pb-10 {
        padding-bottom: 10px
    }

    .-lg\:pl-10 {
        padding-left: 10px
    }

    .-lg\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .-lg\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .-lg\:p-15 {
        padding: 15px
    }

    .-lg\:pt-15 {
        padding-top: 15px
    }

    .-lg\:pr-15 {
        padding-right: 15px
    }

    .-lg\:pb-15 {
        padding-bottom: 15px
    }

    .-lg\:pl-15 {
        padding-left: 15px
    }

    .-lg\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .-lg\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .-lg\:p-20 {
        padding: 20px
    }

    .-lg\:pt-20 {
        padding-top: 20px
    }

    .-lg\:pr-20 {
        padding-right: 20px
    }

    .-lg\:pb-20 {
        padding-bottom: 20px
    }

    .-lg\:pl-20 {
        padding-left: 20px
    }

    .-lg\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .-lg\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .-lg\:p-25 {
        padding: 25px
    }

    .-lg\:pt-25 {
        padding-top: 25px
    }

    .-lg\:pr-25 {
        padding-right: 25px
    }

    .-lg\:pb-25 {
        padding-bottom: 25px
    }

    .-lg\:pl-25 {
        padding-left: 25px
    }

    .-lg\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .-lg\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .-lg\:p-30 {
        padding: 30px
    }

    .-lg\:pt-30 {
        padding-top: 30px
    }

    .-lg\:pr-30 {
        padding-right: 30px
    }

    .-lg\:pb-30 {
        padding-bottom: 30px
    }

    .-lg\:pl-30 {
        padding-left: 30px
    }

    .-lg\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .-lg\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .-lg\:p-35 {
        padding: 35px
    }

    .-lg\:pt-35 {
        padding-top: 35px
    }

    .-lg\:pr-35 {
        padding-right: 35px
    }

    .-lg\:pb-35 {
        padding-bottom: 35px
    }

    .-lg\:pl-35 {
        padding-left: 35px
    }

    .-lg\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .-lg\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .-lg\:p-40 {
        padding: 40px
    }

    .-lg\:pt-40 {
        padding-top: 40px
    }

    .-lg\:pr-40 {
        padding-right: 40px
    }

    .-lg\:pb-40 {
        padding-bottom: 40px
    }

    .-lg\:pl-40 {
        padding-left: 40px
    }

    .-lg\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .-lg\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .-lg\:p-45 {
        padding: 45px
    }

    .-lg\:pt-45 {
        padding-top: 45px
    }

    .-lg\:pr-45 {
        padding-right: 45px
    }

    .-lg\:pb-45 {
        padding-bottom: 45px
    }

    .-lg\:pl-45 {
        padding-left: 45px
    }

    .-lg\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .-lg\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .-lg\:p-50 {
        padding: 50px
    }

    .-lg\:pt-50 {
        padding-top: 50px
    }

    .-lg\:pr-50 {
        padding-right: 50px
    }

    .-lg\:pb-50 {
        padding-bottom: 50px
    }

    .-lg\:pl-50 {
        padding-left: 50px
    }

    .-lg\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .-lg\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .-lg\:p-60 {
        padding: 60px
    }

    .-lg\:pt-60 {
        padding-top: 60px
    }

    .-lg\:pr-60 {
        padding-right: 60px
    }

    .-lg\:pb-60 {
        padding-bottom: 60px
    }

    .-lg\:pl-60 {
        padding-left: 60px
    }

    .-lg\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .-lg\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .-lg\:p-70 {
        padding: 70px
    }

    .-lg\:pt-70 {
        padding-top: 70px
    }

    .-lg\:pr-70 {
        padding-right: 70px
    }

    .-lg\:pb-70 {
        padding-bottom: 70px
    }

    .-lg\:pl-70 {
        padding-left: 70px
    }

    .-lg\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .-lg\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .-lg\:p-80 {
        padding: 80px
    }

    .-lg\:pt-80 {
        padding-top: 80px
    }

    .-lg\:pr-80 {
        padding-right: 80px
    }

    .-lg\:pb-80 {
        padding-bottom: 80px
    }

    .-lg\:pl-80 {
        padding-left: 80px
    }

    .-lg\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .-lg\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .-lg\:p-90 {
        padding: 90px
    }

    .-lg\:pt-90 {
        padding-top: 90px
    }

    .-lg\:pr-90 {
        padding-right: 90px
    }

    .-lg\:pb-90 {
        padding-bottom: 90px
    }

    .-lg\:pl-90 {
        padding-left: 90px
    }

    .-lg\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .-lg\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .-lg\:p-100 {
        padding: 100px
    }

    .-lg\:pt-100 {
        padding-top: 100px
    }

    .-lg\:pr-100 {
        padding-right: 100px
    }

    .-lg\:pb-100 {
        padding-bottom: 100px
    }

    .-lg\:pl-100 {
        padding-left: 100px
    }

    .-lg\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .-lg\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .-lg\:p-120 {
        padding: 120px
    }

    .-lg\:pt-120 {
        padding-top: 120px
    }

    .-lg\:pr-120 {
        padding-right: 120px
    }

    .-lg\:pb-120 {
        padding-bottom: 120px
    }

    .-lg\:pl-120 {
        padding-left: 120px
    }

    .-lg\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .-lg\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .-lg\:p-140 {
        padding: 140px
    }

    .-lg\:pt-140 {
        padding-top: 140px
    }

    .-lg\:pr-140 {
        padding-right: 140px
    }

    .-lg\:pb-140 {
        padding-bottom: 140px
    }

    .-lg\:pl-140 {
        padding-left: 140px
    }

    .-lg\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .-lg\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .-lg\:p-160 {
        padding: 160px
    }

    .-lg\:pt-160 {
        padding-top: 160px
    }

    .-lg\:pr-160 {
        padding-right: 160px
    }

    .-lg\:pb-160 {
        padding-bottom: 160px
    }

    .-lg\:pl-160 {
        padding-left: 160px
    }

    .-lg\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .-lg\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .-lg\:p-180 {
        padding: 180px
    }

    .-lg\:pt-180 {
        padding-top: 180px
    }

    .-lg\:pr-180 {
        padding-right: 180px
    }

    .-lg\:pb-180 {
        padding-bottom: 180px
    }

    .-lg\:pl-180 {
        padding-left: 180px
    }

    .-lg\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .-lg\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .-lg\:p-200 {
        padding: 200px
    }

    .-lg\:pt-200 {
        padding-top: 200px
    }

    .-lg\:pr-200 {
        padding-right: 200px
    }

    .-lg\:pb-200 {
        padding-bottom: 200px
    }

    .-lg\:pl-200 {
        padding-left: 200px
    }

    .-lg\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .-lg\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .-lg\:m-auto {
        margin: auto
    }

    .-lg\:mt-auto,
    .-lg\:my-auto {
        margin-top: auto
    }

    .-lg\:mr-auto,
    .-lg\:mx-auto {
        margin-right: auto
    }

    .-lg\:mb-auto,
    .-lg\:my-auto {
        margin-bottom: auto
    }

    .-lg\:ml-auto,
    .-lg\:mx-auto {
        margin-left: auto
    }

    .-lg\:text-left {
        text-align: left
    }

    .-lg\:text-right {
        text-align: right
    }

    .-lg\:text-center {
        text-align: center
    }

    .-lg\:text-justify {
        text-align: justify
    }

    .c-modal .modal__content.number {
        padding: 64px 40px
    }

    .c-modal .modal__content.number .modal__title {
        margin-bottom: 40px;
        font-size: 1.5rem
    }

    .c-modal .modal__content.number .modal__body {
        padding: 40px 20px;
        font-size: .875rem
    }

    .js-mouse-stalker {
        display: none
    }

    .c-button__primary__link:after {
        right: 20px
    }

    .c-button__primary__link {
        min-width: 160px;
        padding: 16px 40px 16px 20px;
        font-size: .875rem
    }

    .c-button__primary--more .c-button__primary__link .icon-plus {
        right: 18px;
        width: 12px;
        height: 12px
    }

    .c-card__cases .c-card__top {
        margin-top: 17px
    }

    .c-card__cases .c-card__time,
    .c-card__cases .c-card__cat__link {
        font-size: .8125rem
    }

    .c-card__blog .c-card__content {
        padding-right: 80px
    }

    .c-card__blog .c-card__cat__link {
        font-size: .8125rem
    }

    .c-card__blog .c-card__time {
        font-weight: var(--font-regular);
        font-size: .8125rem
    }

    .c-card__blog .c-card__arrow {
        width: 28px;
        height: 28px
    }

    .c-card__lowerblog .c-card__cat__link {
        font-size: .8125rem
    }

    .c-card__lowerblog .c-card__time {
        font-weight: var(--font-regular);
        font-size: .8125rem
    }

    .c-card__ship .c-card__cat__link {
        font-size: .8125rem
    }

    .c-card__ship .c-card__time {
        font-weight: var(--font-regular);
        font-size: .8125rem
    }

    .lower__header--picture__catch {
        font-size: 1.5rem
    }

    .lower__header--picture__figure {
        height: 500px;
        min-height: auto
    }

    .lower__header--business__subtitle {
        margin-top: 30px;
        margin-bottom: 50px
    }

    .c-news-list {
        padding: 1.7rem 0
    }

    .c-news-list__cat__link {
        font-size: .8125rem
    }

    .c-news-list__title {
        padding-top: 20px
    }

    .c-news-list__arrow {
        width: 28px;
        height: 28px
    }

    .c-table__dt {
        flex: 0 0 160px
    }

    .c-table__dd {
        flex: 0 0 calc(100% - 160px)
    }

    .c-title__primary--en {
        font-size: 3.75rem
    }

    .c-title__primary--ja {
        font-size: .875rem
    }

    .c-title__secondary {
        font-size: 1.5rem
    }

    .l-aside-blog__title {
        margin-bottom: 30px
    }

    .l-aside-blog__button {
        position: absolute;
        top: 50px;
        right: 0;
        margin-top: 0
    }

    .l-aside-blog__button {
        top: 30px
    }

    .l-aside-business__str {
        font-size: 1.0625rem
    }

    .l-aside-business__arrow {
        display: none;
        flex: 0 0 18px;
        width: 18px;
        height: 18px
    }

    .l-aside-entry {
        height: 0;
        padding-top: 68%
    }

    .l-aside-entry__link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .l-aside-entry__str {
        margin-top: -50px;
        font-size: 5.625rem
    }

    .l-aside-entry__button {
        -webkit-transform: translate(-50%, -50%);
        z-index: 10;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 50px;
        transform: translate(-50%, -50%)
    }

    .l-aside-news__title {
        margin-bottom: 30px
    }

    .l-aside-news__button {
        position: absolute;
        top: 50px;
        right: 0;
        margin-top: 0
    }

    .l-aside-news__button {
        top: 30px
    }

    .l-aside-recruit__str {
        font-size: 1.0625rem
    }

    .l-aside-recruit__arrow {
        display: none;
        flex: 0 0 18px;
        width: 18px;
        height: 18px
    }

    .l-drawer__header {
        grid-template-columns: 1fr var(--header-height-lg);
        padding: 0 30px
    }

    .l-drawer__hamburger {
        top: 0;
        right: 5px
    }

    .l-footer__image,
    .l-footer__nav {
        display: none
    }

    .l-header__wrapper {
        grid-template-columns: 1fr 134px 40px;
        grid-template-areas: "logo contact hamburger";
        padding: 0 30px;
        gap: 20px
    }

    .l-header__gnav {
        display: none
    }

    .sidebar__title {
        padding-bottom: 10px;
        font-size: 1.125rem
    }

    .sidebar .cat-item {
        font-size: .875rem
    }

    .about-intro__figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .about-intro__main {
        width: 100%;
        margin-top: 80px
    }

    .about-intro__catch {
        font-size: 1.875rem
    }

    .about-intro__text {
        font-size: 1rem
    }

    .about-strenghts__title {
        margin-bottom: 20px;
        font-size: 1.5rem
    }

    .about-strenghts__item {
        padding: 30px 0
    }

    .about-strenghts__item__title {
        margin-bottom: 20px;
        font-size: 1.125rem
    }

    .blog__main {
        flex: 0 0 100%
    }

    .blog__sidebar {
        flex: 0 0 100%;
        margin-right: auto;
        margin-left: auto
    }

    .civil-list__title {
        margin-bottom: 40px
    }

    .civil-list__logo {
        position: relative;
        top: inherit;
        left: inherit;
        margin-top: 30px
    }

    .civil-list__main {
        margin-top: 40px
    }

    .company-greeting__title {
        margin-bottom: 40px
    }

    .company-greeting__text {
        font-size: 1rem
    }

    .company-philosophy__title {
        margin-bottom: 40px
    }

    .company-philosophy__item {
        margin-top: 80px
    }

    .company-philosophy__item__title {
        margin-bottom: 30px;
        font-size: 1.5rem
    }

    .company-philosophy__item__title span {
        font-size: 1.25rem
    }

    .company-philosophy__item__body {
        font-size: 1.0625rem
    }

    .company-philosophy__imagewrap {
        height: auto
    }

    .company-philosophy__image {
        width: 100%;
        max-width: 500px;
        height: 100%
    }

    .company-history__title {
        margin-bottom: 40px
    }

    .company-history__item {
        font-size: 1.0625rem
    }

    .company-history__item__year {
        flex: 0 0 70px;
        margin-right: 30px
    }

    .company-history__item__body {
        padding-bottom: 30px;
        padding-left: 40px
    }

    .company-history__item__body:before {
        width: 8px;
        height: 8px
    }

    .company-history__item__body:after {
        left: 3px
    }

    .company-overview__title {
        margin-bottom: 40px
    }

    .company-overview__dl .dl-row {
        padding: 20px 40px;
        font-size: 1rem
    }

    .company-overview__dt {
        flex: 0 0 160px
    }

    .company-overview__dd {
        flex: 0 0 calc(100% - 160px)
    }

    .company-overview__declaration__title {
        font-size: 1.0625rem
    }

    .company-access__title {
        margin-bottom: 40px
    }

    .contact-header {
        height: 500px
    }

    .ground-list__title {
        margin-bottom: 40px
    }

    .ground-list__item {
        padding: 40px 0
    }

    .ground-list__item__title,
    .interview-contents__block__title {
        margin-bottom: 20px;
        font-size: 1.25rem
    }

    .interview-contents__block__body {
        font-size: .9375rem
    }

    .interview-dayoff__title {
        margin-bottom: 40px
    }

    .interview-dayoff__catch {
        margin-top: 20px;
        font-size: .9375rem
    }

    .interview-recruitment__link {
        padding: 80px 40px;
        font-size: 1.0625rem;
        text-align: left
    }

    .interview-recruitment__link {
        padding: 60px 20px;
        font-size: .9375rem
    }

    .interview-recruitment__arrow {
        right: 40px;
        width: 80px;
        height: 80px
    }

    .interview-recruitment__arrow__inner {
        width: 20px;
        height: 20px
    }

    .notfound-main__body {
        font-size: .9375rem
    }

    .number-data__item .hometown-figure {
        max-width: 400px;
        margin: 0 auto
    }

    .number-data__item .hiring-title {
        align-self: center
    }

    .number-data__item .hiring-figure {
        max-width: 400px;
        margin: 0 auto;
        text-align: center
    }

    .number-data__item .hiring-value {
        display: inline-block;
        width: 45%
    }

    .overseas-feature__title {
        margin-bottom: 40px;
        font-size: 1.5rem
    }

    .overseas-feature__item {
        padding: 30px 0
    }

    .overseas-feature__item__title {
        margin-bottom: 20px;
        font-size: 1.125rem
    }

    .overseas-subsidiary__item {
        gap: 40px
    }

    .overseas-subsidiary__item__logo {
        flex: 0 0 240px;
        width: 240px;
        height: 240px
    }

    .overseas-subsidiary__item__figure {
        width: 100px
    }

    .overseas-subsidiary__item__title {
        font-size: 2rem
    }

    .recruit .lower__header--picture__figure {
        min-height: 600px
    }

    .recruit-innumber__main {
        max-width: 600px;
        margin-top: 40px
    }

    .recruit-innumber__item {
        width: 280px;
        height: 280px
    }

    .recruit-innumber__item.item02 {
        margin-top: -160px
    }

    .recruit-innumber__item__title {
        font-size: .875rem
    }

    .recruit-style__body {
        max-width: 100%;
        margin-top: 30px
    }

    .recruit-interview__title {
        margin-bottom: 40px
    }

    .recruit-interview .splide .splide__slide.is-active {
        width: 85% !important
    }

    .recruit-interview .splide .splide__arrow {
        width: 80px;
        height: 80px
    }

    .recruit-interview .splide .splide__arrow--prev:before {
        width: 30px;
        height: 30px
    }

    .recruit-interview .splide .splide__arrow--next:before {
        width: 30px;
        height: 30px
    }

    .recruit-message__title {
        margin-bottom: 40px
    }

    .recruit-message__catch {
        width: 100%
    }

    .recruit-message__body {
        width: 100%;
        max-width: 100%;
        padding-top: 60px
    }

    .recruitment-main__body {
        flex: 0 0 100%
    }

    .recruitment-main__sidebar {
        flex: 0 0 100%;
        margin-right: auto;
        margin-left: auto
    }

    .recruitment-main__title {
        margin-bottom: 40px
    }

    .recruitment-main__sidebar__li,
    .recruitment-main__sidebar .cat-item {
        font-size: .875rem
    }

    .ship-list__item {
        padding: 40px 0
    }

    .ship-list__title {
        margin-bottom: 40px;
        font-size: 1.5rem
    }

    .ship-list__title {
        margin-bottom: 20px;
        font-size: 1.25rem
    }

    .style-training__table .dl-row {
        padding: 40px 0
    }

    .style-training__table__dt {
        flex: 0 0 200px
    }

    .style-training__table__dd {
        flex: 0 0 calc(100% - 200px);
        font-size: .9375rem
    }

    .style-plan__intro__body {
        max-width: 100%;
        margin-top: 30px
    }

    .style-plan__career__item:not(:last-child):before {
        left: 60px
    }

    .style-plan__career__year {
        flex: 0 0 120px;
        width: 120px;
        height: 120px;
        line-height: 120px
    }

    .style-plan__career__main {
        flex: 0 0 calc(100% - 120px);
        padding-top: 40px;
        padding-left: 40px
    }

    .style-plan__career__title {
        font-size: 2rem
    }

    .style-plan__career__subtitle {
        font-size: 1.0625rem
    }

    .style-benefits__li {
        flex-direction: column;
        padding: 40px 0;
        gap: 40px
    }

    .style-benefits__li__title {
        margin-bottom: 20px;
        font-size: 1.25rem
    }

    .style-benefits__li__body {
        font-size: .9375rem
    }

    .top-about {
        padding: 130px 0
    }

    .top-about__catch--en {
        margin-bottom: 40px;
        font-size: 4.5rem
    }

    .top-about__body {
        margin-left: 0
    }

    .top-about__text {
        font-size: .875rem
    }

    .top-blog__title {
        margin-bottom: 30px
    }

    .top-blog__button {
        position: absolute;
        top: 50px;
        right: 0;
        margin-top: 0
    }

    .top-blog__button {
        top: 30px
    }

    .top-business__main {
        gap: 30px
    }

    .top-business__main__str {
        font-size: 1.0625rem
    }

    .top-business__main__arrow {
        display: none;
        flex: 0 0 18px;
        width: 18px;
        height: 18px
    }

    .top-business__left,
    .top-business__right {
        flex: 0 0 100%
    }

    .top-business__imagewrapper {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 80%
    }

    .top-business__title {
        margin-bottom: 40px
    }

    .top-business__li__link {
        padding: 20px 0
    }

    .top-cases__slide .top-cases-progress {
        margin-top: 34px
    }

    .top-company__main__left {
        flex: 0 0 100%;
        max-width: 600px;
        margin: 0 auto
    }

    .top-company__main__right {
        flex: 0 0 100%
    }

    .top-company__image {
        max-width: 60%;
        margin: 0 auto
    }

    .top-company__title {
        margin-bottom: 40px
    }

    .top-company__button {
        display: flex;
        justify-content: flex-end
    }

    .top-kv__catch--en {
        margin-bottom: 40px;
        font-size: 4.5rem
    }

    .top-recruit__title {
        position: relative;
        height: auto;
        margin-bottom: 74px
    }

    .top-recruit__title__inner {
        position: relative;
        height: auto
    }

    .top-recruit__item {
        width: 85%
    }

    .top-recruit__item:not(:last-of-type) {
        margin-bottom: 56px
    }

    .top-recruit__item__title {
        justify-content: space-between;
        margin-top: 15px;
        font-size: .9375rem
    }

    .top-recruit__message {
        padding: 86px 0 60px
    }

    .top-recruit__entry {
        height: 0;
        padding-top: 80%
    }

    .top-recruit__entry__link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .top-recruit__entry__str {
        margin-top: -30px;
        font-size: 5rem
    }

    .top-recruit__entry__button {
        -webkit-transform: translate(-50%, -50%);
        z-index: 10;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 50px;
        transform: translate(-50%, -50%)
    }

    .top-ship__item__name {
        top: 20px;
        left: 20px;
        font-size: 1rem
    }

    .top-ship__item__arrow {
        right: 20px;
        bottom: 20px;
        width: 20px;
        height: 20px
    }
}

@media (max-width: 767.98px) {
    .top-recruit__bgtext .loop-wrap {
        bottom: 115px
    }
}

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

    .blog__body .blog__slider .splide__slide img,
    .edit-post-visual-editor__content-area .blog__slider .splide__slide img {
        max-width: 100vw
    }

    .-md\:flex-column {
        flex-direction: column
    }

    .-md\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .-md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .-md\:flex-row {
        flex-direction: row
    }

    .-md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .-md\:flex-wrap {
        flex-wrap: wrap
    }

    .-md\:justify-content-start {
        justify-content: flex-start
    }

    .-md\:justify-content-end {
        justify-content: flex-end
    }

    .-md\:justify-content-center {
        justify-content: center
    }

    .-md\:justify-content-between {
        justify-content: space-between
    }

    .-md\:justify-content-around {
        justify-content: space-around
    }

    .-md\:justify-content-evenly {
        justify-content: space-evenly
    }

    .-md\:align-items-start {
        align-items: flex-start
    }

    .-md\:align-items-end {
        align-items: flex-end
    }

    .-md\:align-items-center {
        align-items: center
    }

    .-md\:hide {
        display: none
    }

    .-md\:m-0 {
        margin: 0
    }

    .-md\:mt-0 {
        margin-top: 0
    }

    .-md\:mr-0 {
        margin-right: 0
    }

    .-md\:mb-0 {
        margin-bottom: 0
    }

    .-md\:ml-0 {
        margin-left: 0
    }

    .-md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .-md\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .-md\:m-5 {
        margin: 5px
    }

    .-md\:mt-5 {
        margin-top: 5px
    }

    .-md\:mr-5 {
        margin-right: 5px
    }

    .-md\:mb-5 {
        margin-bottom: 5px
    }

    .-md\:ml-5 {
        margin-left: 5px
    }

    .-md\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .-md\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .-md\:m-10 {
        margin: 10px
    }

    .-md\:mt-10 {
        margin-top: 10px
    }

    .-md\:mr-10 {
        margin-right: 10px
    }

    .-md\:mb-10 {
        margin-bottom: 10px
    }

    .-md\:ml-10 {
        margin-left: 10px
    }

    .-md\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .-md\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .-md\:m-15 {
        margin: 15px
    }

    .-md\:mt-15 {
        margin-top: 15px
    }

    .-md\:mr-15 {
        margin-right: 15px
    }

    .-md\:mb-15 {
        margin-bottom: 15px
    }

    .-md\:ml-15 {
        margin-left: 15px
    }

    .-md\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .-md\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .-md\:m-20 {
        margin: 20px
    }

    .-md\:mt-20 {
        margin-top: 20px
    }

    .-md\:mr-20 {
        margin-right: 20px
    }

    .-md\:mb-20 {
        margin-bottom: 20px
    }

    .-md\:ml-20 {
        margin-left: 20px
    }

    .-md\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .-md\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .-md\:m-25 {
        margin: 25px
    }

    .-md\:mt-25 {
        margin-top: 25px
    }

    .-md\:mr-25 {
        margin-right: 25px
    }

    .-md\:mb-25 {
        margin-bottom: 25px
    }

    .-md\:ml-25 {
        margin-left: 25px
    }

    .-md\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .-md\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .-md\:m-30 {
        margin: 30px
    }

    .-md\:mt-30 {
        margin-top: 30px
    }

    .-md\:mr-30 {
        margin-right: 30px
    }

    .-md\:mb-30 {
        margin-bottom: 30px
    }

    .-md\:ml-30 {
        margin-left: 30px
    }

    .-md\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .-md\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .-md\:m-35 {
        margin: 35px
    }

    .-md\:mt-35 {
        margin-top: 35px
    }

    .-md\:mr-35 {
        margin-right: 35px
    }

    .-md\:mb-35 {
        margin-bottom: 35px
    }

    .-md\:ml-35 {
        margin-left: 35px
    }

    .-md\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .-md\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .-md\:m-40 {
        margin: 40px
    }

    .-md\:mt-40 {
        margin-top: 40px
    }

    .-md\:mr-40 {
        margin-right: 40px
    }

    .-md\:mb-40 {
        margin-bottom: 40px
    }

    .-md\:ml-40 {
        margin-left: 40px
    }

    .-md\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .-md\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .-md\:m-45 {
        margin: 45px
    }

    .-md\:mt-45 {
        margin-top: 45px
    }

    .-md\:mr-45 {
        margin-right: 45px
    }

    .-md\:mb-45 {
        margin-bottom: 45px
    }

    .-md\:ml-45 {
        margin-left: 45px
    }

    .-md\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .-md\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .-md\:m-50 {
        margin: 50px
    }

    .-md\:mt-50 {
        margin-top: 50px
    }

    .-md\:mr-50 {
        margin-right: 50px
    }

    .-md\:mb-50 {
        margin-bottom: 50px
    }

    .-md\:ml-50 {
        margin-left: 50px
    }

    .-md\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .-md\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .-md\:m-60 {
        margin: 60px
    }

    .-md\:mt-60 {
        margin-top: 60px
    }

    .-md\:mr-60 {
        margin-right: 60px
    }

    .-md\:mb-60 {
        margin-bottom: 60px
    }

    .-md\:ml-60 {
        margin-left: 60px
    }

    .-md\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .-md\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .-md\:m-70 {
        margin: 70px
    }

    .-md\:mt-70 {
        margin-top: 70px
    }

    .-md\:mr-70 {
        margin-right: 70px
    }

    .-md\:mb-70 {
        margin-bottom: 70px
    }

    .-md\:ml-70 {
        margin-left: 70px
    }

    .-md\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .-md\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .-md\:m-80 {
        margin: 80px
    }

    .-md\:mt-80 {
        margin-top: 80px
    }

    .-md\:mr-80 {
        margin-right: 80px
    }

    .-md\:mb-80 {
        margin-bottom: 80px
    }

    .-md\:ml-80 {
        margin-left: 80px
    }

    .-md\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .-md\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .-md\:m-90 {
        margin: 90px
    }

    .-md\:mt-90 {
        margin-top: 90px
    }

    .-md\:mr-90 {
        margin-right: 90px
    }

    .-md\:mb-90 {
        margin-bottom: 90px
    }

    .-md\:ml-90 {
        margin-left: 90px
    }

    .-md\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .-md\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .-md\:m-100 {
        margin: 100px
    }

    .-md\:mt-100 {
        margin-top: 100px
    }

    .-md\:mr-100 {
        margin-right: 100px
    }

    .-md\:mb-100 {
        margin-bottom: 100px
    }

    .-md\:ml-100 {
        margin-left: 100px
    }

    .-md\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .-md\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .-md\:m-120 {
        margin: 120px
    }

    .-md\:mt-120 {
        margin-top: 120px
    }

    .-md\:mr-120 {
        margin-right: 120px
    }

    .-md\:mb-120 {
        margin-bottom: 120px
    }

    .-md\:ml-120 {
        margin-left: 120px
    }

    .-md\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .-md\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .-md\:m-140 {
        margin: 140px
    }

    .-md\:mt-140 {
        margin-top: 140px
    }

    .-md\:mr-140 {
        margin-right: 140px
    }

    .-md\:mb-140 {
        margin-bottom: 140px
    }

    .-md\:ml-140 {
        margin-left: 140px
    }

    .-md\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .-md\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .-md\:m-160 {
        margin: 160px
    }

    .-md\:mt-160 {
        margin-top: 160px
    }

    .-md\:mr-160 {
        margin-right: 160px
    }

    .-md\:mb-160 {
        margin-bottom: 160px
    }

    .-md\:ml-160 {
        margin-left: 160px
    }

    .-md\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .-md\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .-md\:m-180 {
        margin: 180px
    }

    .-md\:mt-180 {
        margin-top: 180px
    }

    .-md\:mr-180 {
        margin-right: 180px
    }

    .-md\:mb-180 {
        margin-bottom: 180px
    }

    .-md\:ml-180 {
        margin-left: 180px
    }

    .-md\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .-md\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .-md\:m-200 {
        margin: 200px
    }

    .-md\:mt-200 {
        margin-top: 200px
    }

    .-md\:mr-200 {
        margin-right: 200px
    }

    .-md\:mb-200 {
        margin-bottom: 200px
    }

    .-md\:ml-200 {
        margin-left: 200px
    }

    .-md\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .-md\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .-md\:p-0 {
        padding: 0
    }

    .-md\:pt-0 {
        padding-top: 0
    }

    .-md\:pr-0 {
        padding-right: 0
    }

    .-md\:pb-0 {
        padding-bottom: 0
    }

    .-md\:pl-0 {
        padding-left: 0
    }

    .-md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .-md\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .-md\:p-5 {
        padding: 5px
    }

    .-md\:pt-5 {
        padding-top: 5px
    }

    .-md\:pr-5 {
        padding-right: 5px
    }

    .-md\:pb-5 {
        padding-bottom: 5px
    }

    .-md\:pl-5 {
        padding-left: 5px
    }

    .-md\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .-md\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .-md\:p-10 {
        padding: 10px
    }

    .-md\:pt-10 {
        padding-top: 10px
    }

    .-md\:pr-10 {
        padding-right: 10px
    }

    .-md\:pb-10 {
        padding-bottom: 10px
    }

    .-md\:pl-10 {
        padding-left: 10px
    }

    .-md\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .-md\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .-md\:p-15 {
        padding: 15px
    }

    .-md\:pt-15 {
        padding-top: 15px
    }

    .-md\:pr-15 {
        padding-right: 15px
    }

    .-md\:pb-15 {
        padding-bottom: 15px
    }

    .-md\:pl-15 {
        padding-left: 15px
    }

    .-md\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .-md\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .-md\:p-20 {
        padding: 20px
    }

    .-md\:pt-20 {
        padding-top: 20px
    }

    .-md\:pr-20 {
        padding-right: 20px
    }

    .-md\:pb-20 {
        padding-bottom: 20px
    }

    .-md\:pl-20 {
        padding-left: 20px
    }

    .-md\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .-md\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .-md\:p-25 {
        padding: 25px
    }

    .-md\:pt-25 {
        padding-top: 25px
    }

    .-md\:pr-25 {
        padding-right: 25px
    }

    .-md\:pb-25 {
        padding-bottom: 25px
    }

    .-md\:pl-25 {
        padding-left: 25px
    }

    .-md\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .-md\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .-md\:p-30 {
        padding: 30px
    }

    .-md\:pt-30 {
        padding-top: 30px
    }

    .-md\:pr-30 {
        padding-right: 30px
    }

    .-md\:pb-30 {
        padding-bottom: 30px
    }

    .-md\:pl-30 {
        padding-left: 30px
    }

    .-md\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .-md\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .-md\:p-35 {
        padding: 35px
    }

    .-md\:pt-35 {
        padding-top: 35px
    }

    .-md\:pr-35 {
        padding-right: 35px
    }

    .-md\:pb-35 {
        padding-bottom: 35px
    }

    .-md\:pl-35 {
        padding-left: 35px
    }

    .-md\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .-md\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .-md\:p-40 {
        padding: 40px
    }

    .-md\:pt-40 {
        padding-top: 40px
    }

    .-md\:pr-40 {
        padding-right: 40px
    }

    .-md\:pb-40 {
        padding-bottom: 40px
    }

    .-md\:pl-40 {
        padding-left: 40px
    }

    .-md\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .-md\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .-md\:p-45 {
        padding: 45px
    }

    .-md\:pt-45 {
        padding-top: 45px
    }

    .-md\:pr-45 {
        padding-right: 45px
    }

    .-md\:pb-45 {
        padding-bottom: 45px
    }

    .-md\:pl-45 {
        padding-left: 45px
    }

    .-md\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .-md\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .-md\:p-50 {
        padding: 50px
    }

    .-md\:pt-50 {
        padding-top: 50px
    }

    .-md\:pr-50 {
        padding-right: 50px
    }

    .-md\:pb-50 {
        padding-bottom: 50px
    }

    .-md\:pl-50 {
        padding-left: 50px
    }

    .-md\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .-md\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .-md\:p-60 {
        padding: 60px
    }

    .-md\:pt-60 {
        padding-top: 60px
    }

    .-md\:pr-60 {
        padding-right: 60px
    }

    .-md\:pb-60 {
        padding-bottom: 60px
    }

    .-md\:pl-60 {
        padding-left: 60px
    }

    .-md\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .-md\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .-md\:p-70 {
        padding: 70px
    }

    .-md\:pt-70 {
        padding-top: 70px
    }

    .-md\:pr-70 {
        padding-right: 70px
    }

    .-md\:pb-70 {
        padding-bottom: 70px
    }

    .-md\:pl-70 {
        padding-left: 70px
    }

    .-md\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .-md\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .-md\:p-80 {
        padding: 80px
    }

    .-md\:pt-80 {
        padding-top: 80px
    }

    .-md\:pr-80 {
        padding-right: 80px
    }

    .-md\:pb-80 {
        padding-bottom: 80px
    }

    .-md\:pl-80 {
        padding-left: 80px
    }

    .-md\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .-md\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .-md\:p-90 {
        padding: 90px
    }

    .-md\:pt-90 {
        padding-top: 90px
    }

    .-md\:pr-90 {
        padding-right: 90px
    }

    .-md\:pb-90 {
        padding-bottom: 90px
    }

    .-md\:pl-90 {
        padding-left: 90px
    }

    .-md\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .-md\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .-md\:p-100 {
        padding: 100px
    }

    .-md\:pt-100 {
        padding-top: 100px
    }

    .-md\:pr-100 {
        padding-right: 100px
    }

    .-md\:pb-100 {
        padding-bottom: 100px
    }

    .-md\:pl-100 {
        padding-left: 100px
    }

    .-md\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .-md\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .-md\:p-120 {
        padding: 120px
    }

    .-md\:pt-120 {
        padding-top: 120px
    }

    .-md\:pr-120 {
        padding-right: 120px
    }

    .-md\:pb-120 {
        padding-bottom: 120px
    }

    .-md\:pl-120 {
        padding-left: 120px
    }

    .-md\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .-md\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .-md\:p-140 {
        padding: 140px
    }

    .-md\:pt-140 {
        padding-top: 140px
    }

    .-md\:pr-140 {
        padding-right: 140px
    }

    .-md\:pb-140 {
        padding-bottom: 140px
    }

    .-md\:pl-140 {
        padding-left: 140px
    }

    .-md\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .-md\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .-md\:p-160 {
        padding: 160px
    }

    .-md\:pt-160 {
        padding-top: 160px
    }

    .-md\:pr-160 {
        padding-right: 160px
    }

    .-md\:pb-160 {
        padding-bottom: 160px
    }

    .-md\:pl-160 {
        padding-left: 160px
    }

    .-md\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .-md\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .-md\:p-180 {
        padding: 180px
    }

    .-md\:pt-180 {
        padding-top: 180px
    }

    .-md\:pr-180 {
        padding-right: 180px
    }

    .-md\:pb-180 {
        padding-bottom: 180px
    }

    .-md\:pl-180 {
        padding-left: 180px
    }

    .-md\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .-md\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .-md\:p-200 {
        padding: 200px
    }

    .-md\:pt-200 {
        padding-top: 200px
    }

    .-md\:pr-200 {
        padding-right: 200px
    }

    .-md\:pb-200 {
        padding-bottom: 200px
    }

    .-md\:pl-200 {
        padding-left: 200px
    }

    .-md\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .-md\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .-md\:m-auto {
        margin: auto
    }

    .-md\:mt-auto,
    .-md\:my-auto {
        margin-top: auto
    }

    .-md\:mr-auto,
    .-md\:mx-auto {
        margin-right: auto
    }

    .-md\:mb-auto,
    .-md\:my-auto {
        margin-bottom: auto
    }

    .-md\:ml-auto,
    .-md\:mx-auto {
        margin-left: auto
    }

    .-md\:text-left {
        text-align: left
    }

    .-md\:text-right {
        text-align: right
    }

    .-md\:text-center {
        text-align: center
    }

    .-md\:text-justify {
        text-align: justify
    }

    .hamburger {
        height: var(--header-height-md)
    }

    .aside-contact__content {
        margin-left: auto
    }

    .aside-contact__link__circle {
        right: 0;
        width: 140px;
        height: 140px
    }

    .aside-contact__link__arrow {
        width: 20px;
        height: auto
    }

    .l-drawer__header {
        height: var(--header-height-md)
    }

    .l-footer__bottom {
        justify-content: center
    }

    .l-footer__info {
        display: none
    }

    .l-header__wrapper {
        grid-template-columns: 1fr 40px;
        grid-template-areas: "logo hamburger";
        height: var(--header-height-md)
    }

    .l-header__logo svg {
        width: 126px;
        height: 26px
    }

    .l-header__contact {
        display: none
    }

    .civil-list__button {
        margin-top: 40px
    }

    .number-data__item__content.-large {
        padding: 50px
    }

    .number-data__item__value {
        font-size: .75rem
    }

    .overseas-subsidiary__item {
        flex-direction: column
    }

    .overseas-subsidiary__item__title {
        margin-bottom: 20px;
        font-size: 1.5rem
    }

    .recruit-innumber__item.item02 {
        margin-top: 40px
    }

    .recruit-innumber__item.item03 {
        top: 40px
    }

    .recruit-interview .splide .splide__slide.is-active {
        width: 100% !important
    }

    .recruit-interview .splide .splide__slide.is-active .recruit-interview__card__bottom {
        white-space: wrap
    }

    .recruit-interview .splide .splide__slide.is-active .recruit-interview__card__figure {
        flex: 0 0 40%
    }

    .recruit-interview .splide .splide__arrow--prev {
        left: -1rem
    }

    .recruit-interview .splide .splide__arrow--next {
        right: -1rem
    }

    .recruit-interview__card__catch {
        padding-left: 20px;
        font-size: 1.25rem
    }

    .recruit-interview__card__year {
        margin-top: 15px;
        padding-top: 15px;
        font-size: .75rem
    }

    .top-gallery__bgtext {
        width: 100%
    }

    .top-gallery .splide__slide.vertical {
        width: 180px !important
    }

    .top-gallery .splide__slide.horizontal {
        width: 240px !important
    }

    .top-recruit__bgtext .loop-wrap .text {
        padding: 0 60px;
        font-size: 18.75rem
    }
}

@media (max-width: 575.98px) {
    .top-recruit__bgtext .loop-wrap {
        bottom: 50px
    }
}

@media screen and (max-width: 575.98px) {
    .blog__header__top {
        gap: 12px
    }

    .blog__time {
        font-size: .8125rem
    }

    .blog__info {
        padding: 30px 20px
    }

    .blog__info .dl-row:not(:first-child) {
        margin-top: 10px
    }

    .blog__info__dt {
        flex: 0 0 100%;
        margin-bottom: 10px
    }

    .blog__info__dd {
        flex: 0 0 100%
    }

    .blog__desc {
        padding: 30px 20px
    }

    .blog__download {
        gap: 0
    }

    .blog__download__button {
        flex: 0 0 100%;
        border-bottom: none
    }

    .blog__download__button:last-child {
        border-bottom: 1px solid rgba(var(--color-base-rgb), .2)
    }

    .blog__download__button__link {
        padding: 20px 0;
        font-size: .9375rem
    }

    .blog__share {
        justify-content: center;
        text-align: center
    }

    .blog__share__title {
        flex: 0 0 100%;
        margin-bottom: 10px;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 1.25rem
    }

    .blog__share__buttons {
        flex: 0 0 100%;
        padding-right: 20px;
        padding-left: 20px
    }

    .blog__pagenavi {
        font-size: .875rem
    }

    .blog__pagenavi__link {
        gap: 10px
    }

    .blog__pagenavi__arrow {
        width: 14px
    }

    .blog__body .blog__slider,
    .edit-post-visual-editor__content-area .blog__slider {
        margin-right: -25px;
        margin-left: -25px
    }

    .-sm\:flex-column {
        flex-direction: column
    }

    .-sm\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .-sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .-sm\:flex-row {
        flex-direction: row
    }

    .-sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .-sm\:flex-wrap {
        flex-wrap: wrap
    }

    .-sm\:justify-content-start {
        justify-content: flex-start
    }

    .-sm\:justify-content-end {
        justify-content: flex-end
    }

    .-sm\:justify-content-center {
        justify-content: center
    }

    .-sm\:justify-content-between {
        justify-content: space-between
    }

    .-sm\:justify-content-around {
        justify-content: space-around
    }

    .-sm\:justify-content-evenly {
        justify-content: space-evenly
    }

    .-sm\:align-items-start {
        align-items: flex-start
    }

    .-sm\:align-items-end {
        align-items: flex-end
    }

    .-sm\:align-items-center {
        align-items: center
    }

    .-sm\:hide {
        display: none
    }

    .-sm\:m-0 {
        margin: 0
    }

    .-sm\:mt-0 {
        margin-top: 0
    }

    .-sm\:mr-0 {
        margin-right: 0
    }

    .-sm\:mb-0 {
        margin-bottom: 0
    }

    .-sm\:ml-0 {
        margin-left: 0
    }

    .-sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .-sm\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .-sm\:m-5 {
        margin: 5px
    }

    .-sm\:mt-5 {
        margin-top: 5px
    }

    .-sm\:mr-5 {
        margin-right: 5px
    }

    .-sm\:mb-5 {
        margin-bottom: 5px
    }

    .-sm\:ml-5 {
        margin-left: 5px
    }

    .-sm\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .-sm\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .-sm\:m-10 {
        margin: 10px
    }

    .-sm\:mt-10 {
        margin-top: 10px
    }

    .-sm\:mr-10 {
        margin-right: 10px
    }

    .-sm\:mb-10 {
        margin-bottom: 10px
    }

    .-sm\:ml-10 {
        margin-left: 10px
    }

    .-sm\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .-sm\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .-sm\:m-15 {
        margin: 15px
    }

    .-sm\:mt-15 {
        margin-top: 15px
    }

    .-sm\:mr-15 {
        margin-right: 15px
    }

    .-sm\:mb-15 {
        margin-bottom: 15px
    }

    .-sm\:ml-15 {
        margin-left: 15px
    }

    .-sm\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .-sm\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .-sm\:m-20 {
        margin: 20px
    }

    .-sm\:mt-20 {
        margin-top: 20px
    }

    .-sm\:mr-20 {
        margin-right: 20px
    }

    .-sm\:mb-20 {
        margin-bottom: 20px
    }

    .-sm\:ml-20 {
        margin-left: 20px
    }

    .-sm\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .-sm\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .-sm\:m-25 {
        margin: 25px
    }

    .-sm\:mt-25 {
        margin-top: 25px
    }

    .-sm\:mr-25 {
        margin-right: 25px
    }

    .-sm\:mb-25 {
        margin-bottom: 25px
    }

    .-sm\:ml-25 {
        margin-left: 25px
    }

    .-sm\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .-sm\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .-sm\:m-30 {
        margin: 30px
    }

    .-sm\:mt-30 {
        margin-top: 30px
    }

    .-sm\:mr-30 {
        margin-right: 30px
    }

    .-sm\:mb-30 {
        margin-bottom: 30px
    }

    .-sm\:ml-30 {
        margin-left: 30px
    }

    .-sm\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .-sm\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .-sm\:m-35 {
        margin: 35px
    }

    .-sm\:mt-35 {
        margin-top: 35px
    }

    .-sm\:mr-35 {
        margin-right: 35px
    }

    .-sm\:mb-35 {
        margin-bottom: 35px
    }

    .-sm\:ml-35 {
        margin-left: 35px
    }

    .-sm\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .-sm\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .-sm\:m-40 {
        margin: 40px
    }

    .-sm\:mt-40 {
        margin-top: 40px
    }

    .-sm\:mr-40 {
        margin-right: 40px
    }

    .-sm\:mb-40 {
        margin-bottom: 40px
    }

    .-sm\:ml-40 {
        margin-left: 40px
    }

    .-sm\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .-sm\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .-sm\:m-45 {
        margin: 45px
    }

    .-sm\:mt-45 {
        margin-top: 45px
    }

    .-sm\:mr-45 {
        margin-right: 45px
    }

    .-sm\:mb-45 {
        margin-bottom: 45px
    }

    .-sm\:ml-45 {
        margin-left: 45px
    }

    .-sm\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .-sm\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .-sm\:m-50 {
        margin: 50px
    }

    .-sm\:mt-50 {
        margin-top: 50px
    }

    .-sm\:mr-50 {
        margin-right: 50px
    }

    .-sm\:mb-50 {
        margin-bottom: 50px
    }

    .-sm\:ml-50 {
        margin-left: 50px
    }

    .-sm\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .-sm\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .-sm\:m-60 {
        margin: 60px
    }

    .-sm\:mt-60 {
        margin-top: 60px
    }

    .-sm\:mr-60 {
        margin-right: 60px
    }

    .-sm\:mb-60 {
        margin-bottom: 60px
    }

    .-sm\:ml-60 {
        margin-left: 60px
    }

    .-sm\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .-sm\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .-sm\:m-70 {
        margin: 70px
    }

    .-sm\:mt-70 {
        margin-top: 70px
    }

    .-sm\:mr-70 {
        margin-right: 70px
    }

    .-sm\:mb-70 {
        margin-bottom: 70px
    }

    .-sm\:ml-70 {
        margin-left: 70px
    }

    .-sm\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .-sm\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .-sm\:m-80 {
        margin: 80px
    }

    .-sm\:mt-80 {
        margin-top: 80px
    }

    .-sm\:mr-80 {
        margin-right: 80px
    }

    .-sm\:mb-80 {
        margin-bottom: 80px
    }

    .-sm\:ml-80 {
        margin-left: 80px
    }

    .-sm\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .-sm\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .-sm\:m-90 {
        margin: 90px
    }

    .-sm\:mt-90 {
        margin-top: 90px
    }

    .-sm\:mr-90 {
        margin-right: 90px
    }

    .-sm\:mb-90 {
        margin-bottom: 90px
    }

    .-sm\:ml-90 {
        margin-left: 90px
    }

    .-sm\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .-sm\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .-sm\:m-100 {
        margin: 100px
    }

    .-sm\:mt-100 {
        margin-top: 100px
    }

    .-sm\:mr-100 {
        margin-right: 100px
    }

    .-sm\:mb-100 {
        margin-bottom: 100px
    }

    .-sm\:ml-100 {
        margin-left: 100px
    }

    .-sm\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .-sm\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .-sm\:m-120 {
        margin: 120px
    }

    .-sm\:mt-120 {
        margin-top: 120px
    }

    .-sm\:mr-120 {
        margin-right: 120px
    }

    .-sm\:mb-120 {
        margin-bottom: 120px
    }

    .-sm\:ml-120 {
        margin-left: 120px
    }

    .-sm\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .-sm\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .-sm\:m-140 {
        margin: 140px
    }

    .-sm\:mt-140 {
        margin-top: 140px
    }

    .-sm\:mr-140 {
        margin-right: 140px
    }

    .-sm\:mb-140 {
        margin-bottom: 140px
    }

    .-sm\:ml-140 {
        margin-left: 140px
    }

    .-sm\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .-sm\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .-sm\:m-160 {
        margin: 160px
    }

    .-sm\:mt-160 {
        margin-top: 160px
    }

    .-sm\:mr-160 {
        margin-right: 160px
    }

    .-sm\:mb-160 {
        margin-bottom: 160px
    }

    .-sm\:ml-160 {
        margin-left: 160px
    }

    .-sm\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .-sm\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .-sm\:m-180 {
        margin: 180px
    }

    .-sm\:mt-180 {
        margin-top: 180px
    }

    .-sm\:mr-180 {
        margin-right: 180px
    }

    .-sm\:mb-180 {
        margin-bottom: 180px
    }

    .-sm\:ml-180 {
        margin-left: 180px
    }

    .-sm\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .-sm\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .-sm\:m-200 {
        margin: 200px
    }

    .-sm\:mt-200 {
        margin-top: 200px
    }

    .-sm\:mr-200 {
        margin-right: 200px
    }

    .-sm\:mb-200 {
        margin-bottom: 200px
    }

    .-sm\:ml-200 {
        margin-left: 200px
    }

    .-sm\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .-sm\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .-sm\:p-0 {
        padding: 0
    }

    .-sm\:pt-0 {
        padding-top: 0
    }

    .-sm\:pr-0 {
        padding-right: 0
    }

    .-sm\:pb-0 {
        padding-bottom: 0
    }

    .-sm\:pl-0 {
        padding-left: 0
    }

    .-sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .-sm\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .-sm\:p-5 {
        padding: 5px
    }

    .-sm\:pt-5 {
        padding-top: 5px
    }

    .-sm\:pr-5 {
        padding-right: 5px
    }

    .-sm\:pb-5 {
        padding-bottom: 5px
    }

    .-sm\:pl-5 {
        padding-left: 5px
    }

    .-sm\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .-sm\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .-sm\:p-10 {
        padding: 10px
    }

    .-sm\:pt-10 {
        padding-top: 10px
    }

    .-sm\:pr-10 {
        padding-right: 10px
    }

    .-sm\:pb-10 {
        padding-bottom: 10px
    }

    .-sm\:pl-10 {
        padding-left: 10px
    }

    .-sm\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .-sm\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .-sm\:p-15 {
        padding: 15px
    }

    .-sm\:pt-15 {
        padding-top: 15px
    }

    .-sm\:pr-15 {
        padding-right: 15px
    }

    .-sm\:pb-15 {
        padding-bottom: 15px
    }

    .-sm\:pl-15 {
        padding-left: 15px
    }

    .-sm\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .-sm\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .-sm\:p-20 {
        padding: 20px
    }

    .-sm\:pt-20 {
        padding-top: 20px
    }

    .-sm\:pr-20 {
        padding-right: 20px
    }

    .-sm\:pb-20 {
        padding-bottom: 20px
    }

    .-sm\:pl-20 {
        padding-left: 20px
    }

    .-sm\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .-sm\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .-sm\:p-25 {
        padding: 25px
    }

    .-sm\:pt-25 {
        padding-top: 25px
    }

    .-sm\:pr-25 {
        padding-right: 25px
    }

    .-sm\:pb-25 {
        padding-bottom: 25px
    }

    .-sm\:pl-25 {
        padding-left: 25px
    }

    .-sm\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .-sm\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .-sm\:p-30 {
        padding: 30px
    }

    .-sm\:pt-30 {
        padding-top: 30px
    }

    .-sm\:pr-30 {
        padding-right: 30px
    }

    .-sm\:pb-30 {
        padding-bottom: 30px
    }

    .-sm\:pl-30 {
        padding-left: 30px
    }

    .-sm\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .-sm\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .-sm\:p-35 {
        padding: 35px
    }

    .-sm\:pt-35 {
        padding-top: 35px
    }

    .-sm\:pr-35 {
        padding-right: 35px
    }

    .-sm\:pb-35 {
        padding-bottom: 35px
    }

    .-sm\:pl-35 {
        padding-left: 35px
    }

    .-sm\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .-sm\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .-sm\:p-40 {
        padding: 40px
    }

    .-sm\:pt-40 {
        padding-top: 40px
    }

    .-sm\:pr-40 {
        padding-right: 40px
    }

    .-sm\:pb-40 {
        padding-bottom: 40px
    }

    .-sm\:pl-40 {
        padding-left: 40px
    }

    .-sm\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .-sm\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .-sm\:p-45 {
        padding: 45px
    }

    .-sm\:pt-45 {
        padding-top: 45px
    }

    .-sm\:pr-45 {
        padding-right: 45px
    }

    .-sm\:pb-45 {
        padding-bottom: 45px
    }

    .-sm\:pl-45 {
        padding-left: 45px
    }

    .-sm\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .-sm\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .-sm\:p-50 {
        padding: 50px
    }

    .-sm\:pt-50 {
        padding-top: 50px
    }

    .-sm\:pr-50 {
        padding-right: 50px
    }

    .-sm\:pb-50 {
        padding-bottom: 50px
    }

    .-sm\:pl-50 {
        padding-left: 50px
    }

    .-sm\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .-sm\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .-sm\:p-60 {
        padding: 60px
    }

    .-sm\:pt-60 {
        padding-top: 60px
    }

    .-sm\:pr-60 {
        padding-right: 60px
    }

    .-sm\:pb-60 {
        padding-bottom: 60px
    }

    .-sm\:pl-60 {
        padding-left: 60px
    }

    .-sm\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .-sm\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .-sm\:p-70 {
        padding: 70px
    }

    .-sm\:pt-70 {
        padding-top: 70px
    }

    .-sm\:pr-70 {
        padding-right: 70px
    }

    .-sm\:pb-70 {
        padding-bottom: 70px
    }

    .-sm\:pl-70 {
        padding-left: 70px
    }

    .-sm\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .-sm\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .-sm\:p-80 {
        padding: 80px
    }

    .-sm\:pt-80 {
        padding-top: 80px
    }

    .-sm\:pr-80 {
        padding-right: 80px
    }

    .-sm\:pb-80 {
        padding-bottom: 80px
    }

    .-sm\:pl-80 {
        padding-left: 80px
    }

    .-sm\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .-sm\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .-sm\:p-90 {
        padding: 90px
    }

    .-sm\:pt-90 {
        padding-top: 90px
    }

    .-sm\:pr-90 {
        padding-right: 90px
    }

    .-sm\:pb-90 {
        padding-bottom: 90px
    }

    .-sm\:pl-90 {
        padding-left: 90px
    }

    .-sm\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .-sm\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .-sm\:p-100 {
        padding: 100px
    }

    .-sm\:pt-100 {
        padding-top: 100px
    }

    .-sm\:pr-100 {
        padding-right: 100px
    }

    .-sm\:pb-100 {
        padding-bottom: 100px
    }

    .-sm\:pl-100 {
        padding-left: 100px
    }

    .-sm\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .-sm\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .-sm\:p-120 {
        padding: 120px
    }

    .-sm\:pt-120 {
        padding-top: 120px
    }

    .-sm\:pr-120 {
        padding-right: 120px
    }

    .-sm\:pb-120 {
        padding-bottom: 120px
    }

    .-sm\:pl-120 {
        padding-left: 120px
    }

    .-sm\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .-sm\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .-sm\:p-140 {
        padding: 140px
    }

    .-sm\:pt-140 {
        padding-top: 140px
    }

    .-sm\:pr-140 {
        padding-right: 140px
    }

    .-sm\:pb-140 {
        padding-bottom: 140px
    }

    .-sm\:pl-140 {
        padding-left: 140px
    }

    .-sm\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .-sm\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .-sm\:p-160 {
        padding: 160px
    }

    .-sm\:pt-160 {
        padding-top: 160px
    }

    .-sm\:pr-160 {
        padding-right: 160px
    }

    .-sm\:pb-160 {
        padding-bottom: 160px
    }

    .-sm\:pl-160 {
        padding-left: 160px
    }

    .-sm\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .-sm\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .-sm\:p-180 {
        padding: 180px
    }

    .-sm\:pt-180 {
        padding-top: 180px
    }

    .-sm\:pr-180 {
        padding-right: 180px
    }

    .-sm\:pb-180 {
        padding-bottom: 180px
    }

    .-sm\:pl-180 {
        padding-left: 180px
    }

    .-sm\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .-sm\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .-sm\:p-200 {
        padding: 200px
    }

    .-sm\:pt-200 {
        padding-top: 200px
    }

    .-sm\:pr-200 {
        padding-right: 200px
    }

    .-sm\:pb-200 {
        padding-bottom: 200px
    }

    .-sm\:pl-200 {
        padding-left: 200px
    }

    .-sm\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .-sm\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .-sm\:m-auto {
        margin: auto
    }

    .-sm\:mt-auto,
    .-sm\:my-auto {
        margin-top: auto
    }

    .-sm\:mr-auto,
    .-sm\:mx-auto {
        margin-right: auto
    }

    .-sm\:mb-auto,
    .-sm\:my-auto {
        margin-bottom: auto
    }

    .-sm\:ml-auto,
    .-sm\:mx-auto {
        margin-left: auto
    }

    .-sm\:text-left {
        text-align: left
    }

    .-sm\:text-right {
        text-align: right
    }

    .-sm\:text-center {
        text-align: center
    }

    .-sm\:text-justify {
        text-align: justify
    }

    .form__wrapper {
        padding: 80px 0
    }

    .c-modal .modal__content.number {
        padding: 60px 20px 40px
    }

    .c-modal .modal__content.number .modal__title {
        margin-bottom: 20px;
        font-size: 1.125rem
    }

    .c-modal .modal__content.number .modal__title small {
        font-size: .8125rem
    }

    .c-modal .modal__close {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px
    }

    body:not(.wp-admin),
    .editor-styles-wrapper {
        font-size: .875rem
    }

    .c-accordion__icon {
        flex: 0 0 16px;
        width: 16px;
        height: 16px
    }

    .c-accordion__summary {
        padding: 24px 0;
        gap: 16px
    }

    .c-accordion__inner {
        padding: 0 0 24px
    }

    .c-accordion__faq .c-accordion__summary {
        padding-left: 32px
    }

    .c-accordion__faq .c-accordion__summary:before {
        top: 23px
    }

    .c-accordion__faq .c-accordion__inner {
        padding-left: 32px;
        font-size: .875rem
    }

    .c-accordion__civil .c-accordion__summary {
        padding: 24px 0
    }

    .c-accordion__civil .c-accordion__inner {
        padding: 0 0 24px
    }

    .c-button__primary__link {
        padding: 16px 40px 16px 14px;
        font-size: .75rem
    }

    .c-card__cases .c-card__title {
        margin-top: 12px;
        font-size: .875rem;
		color:#000;
    }

    .c-card__blog {
        padding: 20px 0
    }

    .c-card__blog .c-card__main {
        gap: 26px
    }

    .c-card__blog .c-card__left {
        flex: 0 0 28%
    }

    .c-card__blog .c-card__right {
        flex: calc(72% - 26px)
    }

    .c-card__blog .c-card__content {
        padding-right: 0
    }

    .c-card__blog .c-card__top {
        gap: 20px
    }

    .c-card__blog .c-card__figure {
        padding-top: 100%
    }

    .c-card__blog .c-card__arrow {
        display: none
    }

    .c-card__lowerblog .c-card__top {
        gap: 20px
    }

    .c-card__lowerblog .c-card__title {
        font-size: .875rem
    }

    .c-card__ship .c-card__top {
        gap: 20px
    }

    .c-card__ship .c-card__title {
        font-size: .875rem
    }

    .hamburger {
        height: var(--header-height-sm)
    }

    .lower__header--picture__catch {
        font-size: 1rem
    }

    .lower__header--picture__figure {
        height: 440px
    }

    .lower__header--business__subtitle {
        margin-bottom: 10px
    }

    .lower__header--business__subtitle:before {
        top: -5px;
        width: 30px;
        margin-right: 10px
    }

    .lower__header--business__body {
        font-size: .875rem
    }

    .c-news-list {
        padding-right: 20px
    }

    .c-news-list__top {
        gap: 20px
    }

    .c-news-list__time {
        font-size: .8125rem
    }

    .c-news-list__arrow {
        width: 16px;
        height: 16px
    }

    .c-table .dl-row {
        padding: 24px 0
    }

    .c-table__dt {
        flex: 0 0 100%;
        margin-bottom: 16px;
        font-size: 1rem
    }

    .c-table__dd {
        flex: 0 0 100%;
        font-size: .875rem
    }

    .c-title__primary--en {
        font-size: 2.5rem
    }

    .c-title__secondary {
        font-size: 1.25rem
    }

    .l-aside-business__link {
        padding: 16px 0
    }

    .l-aside-business__str {
        font-size: .875rem
    }

    .l-aside-business__str span {
        padding-right: 10px
    }

    .l-aside-entry__str {
        margin-top: -30px;
        font-size: 3.125rem
    }

    .l-aside-entry__button {
        margin-top: 30px
    }

    .l-aside-recruit__link {
        padding: 16px 0
    }

    .l-aside-recruit__str {
        font-size: .8125rem
    }

    .l-drawer__header {
        height: var(--header-height-sm);
        padding: 0 25px
    }

    .l-drawer__hamburger {
        right: 0
    }

    .l-footer__contact {
        padding-bottom: 117px
    }

    .l-footer__contact__link {
        font-size: 2.5rem
    }

    .l-footer__contact__arrow {
        width: 34px;
        height: 34px
    }

    .l-footer__contact__text {
        margin-top: 40px;
        font-size: .875rem
    }

    .l-footer__logo {
        margin-bottom: 30px
    }

    .l-header__wrapper {
        height: var(--header-height-sm);
        padding: 0 25px
    }

    .about-intro__catch {
        font-size: 1.5rem
    }

    .about-strenghts__title {
        margin-bottom: 0
    }

    .about-strenghts__item__logo {
        height: 48px
    }

    .about-strenghts__body {
        margin-bottom: 20px;
        font-size: .875rem
    }

    .civil-list__title {
        margin-bottom: 24px
    }

    .civil-list__logo {
        width: 64px
    }

    .civil-list__accordion__body {
        font-size: .875rem
    }

    .civil-interval {
        height: 60vh
    }

    .civil-interval__bg:before {
        background-image: url("../images/civil-construction-business/bg-sp.jpg")
    }

    .company-greeting__name {
        font-size: 1.125rem
    }

    .company-greeting__name span {
        padding-right: 10px;
        font-size: .875rem
    }

    .company-philosophy__item {
        margin-top: 40px
    }

    .company-philosophy__item__body {
        font-size: .9375rem
    }

    .company-history__item {
        font-size: .875rem
    }

    .company-history__item__year {
        flex: 0 0 50px;
        margin-right: 20px
    }

    .company-history__item__body {
        padding-left: 30px
    }

    .company-history__button {
        margin-top: 30px
    }

    .company-overview__dl .dl-row {
        padding: 20px 0;
        font-size: .875rem
    }

    .company-overview__dt {
        flex: 0 0 100%;
        margin-bottom: 5px
    }

    .company-overview__dd {
        flex: 0 0 100%
    }

    .company-access:before {
        background-image: url("../images/company/bg-sp.jpg")
    }

    .company-access__item__title {
        font-size: 1rem
    }

    .company-access__item__body {
        font-size: .875rem
    }

    .company-access__item__dl dt {
        flex: 0 0 40px
    }

    .company-access__item__dl dd {
        flex: 0 0 calc(100% - 40px)
    }

    .ground-list__item__body {
        margin-top: 20px;
        font-size: .875rem
    }

    .interview-contents__top {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 10px
    }

    .interview-contents__page {
        flex: 0 0 100%;
        font-size: .875rem
    }

    .interview-contents__title {
        margin-top: 20px;
        font-size: 1.75rem
    }

    .interview-contents__title:before {
        left: -10px
    }

    .interview-contents__title:after {
        right: -10px
    }

    .interview-contents__personal {
        font-size: .875rem
    }

    .interview-contents__name {
        font-size: 1.25rem
    }

    .interview-recruitment__arrow {
        right: 20px;
        width: 40px;
        height: 40px
    }

    .interview-recruitment__arrow__inner {
        width: 16px;
        height: 16px
    }

    .interview-other__bottom {
        margin-top: 15px;
        padding-top: 15px
    }

    .interview-other__year {
        font-size: .75rem
    }

    .interview-other__name--en {
        font-size: 1.125rem
    }

    .interview-other__name--ja {
        margin-top: 0;
        font-size: .875rem
    }

    .notfound-main {
        padding: 80px 0
    }

    .notfound-main__body {
        text-align: left
    }

    .number-data__item__content.-large {
        padding: 50px 20px
    }

    .number-data__item__value.-sm {
        font-size: .8125rem
    }

    .number-data__item__value.-sm span {
        font-size: 2.5rem
    }

    .number-data__item .hiring-value:before {
        width: 10px;
        height: 10px;
        margin-right: 5px
    }

    .number-data__item .structure-item {
        width: 180px;
        height: 180px;
        font-size: 1rem;
        line-height: 180px
    }

    .overseas-feature__body {
        margin-bottom: 20px;
        font-size: .875rem
    }

    .recruit .lower__header--picture__figure {
        min-height: 500px
    }

    .recruit-link__buttonwrap {
        gap: 10px
    }

    .recruit-innumber {
        padding: 60px 20px
    }

    .recruit-innumber__item {
        width: 240px;
        height: 240px;
        margin: 0 auto
    }

    .recruit-innumber__item.item01 {
        top: 0
    }

    .recruit-innumber__item.item02 {
        margin-top: 20px
    }

    .recruit-innumber__item.item03 {
        top: 0;
        left: 0;
        margin-top: 20px
    }

    .recruit-interview .splide .splide__list {
        align-items: flex-start
    }

    .recruit-interview .splide .splide__slide,
    .recruit-interview .splide .splide__slide.is-active {
        width: 90% !important
    }

    .recruit-interview .splide .splide__slide.is-active .recruit-interview__card__figure {
        flex: 0 0 100%
    }

    .recruit-interview .splide .splide__arrow {
        width: 48px;
        height: 48px
    }

    .recruit-interview .splide .splide__arrow--prev:before {
        width: 16px;
        height: 16px
    }

    .recruit-interview .splide .splide__arrow--next:before {
        width: 16px;
        height: 16px
    }

    .recruit-interview .splide .recruit-interview-progress {
        margin-top: 40px
    }

    .recruit-interview__card__link {
        flex-wrap: wrap;
        gap: 20px
    }

    .recruit-interview__card__bottom {
        display: block;
        flex: 0 0 100%;
        opacity: 1
    }

    .recruit-interview__card__figure {
        flex: 0 0 100%
    }

    .recruit-interview__card__name--en {
        font-size: 1.125rem
    }

    .recruit-interview__card__name--ja {
        margin-top: 0;
        font-size: .875rem
    }

    .recruit-message__top {
        max-width: 100%
    }

    .recruit-message__catch {
        padding: 20px;
        font-size: 1rem
    }

    .recruit-message__body {
        padding-top: 40px
    }

    .recruit-message__name {
        font-size: 1.25rem
    }

    .recruit-message__name span {
        font-size: .9375rem
    }

    .recruitment-top__title {
        font-size: 1rem
    }

    .recruitment-top__buttonwrap {
        gap: 10px
    }

    .ship-list__body {
        margin-bottom: 20px;
        font-size: .875rem
    }

    .style-training__table .dl-row {
        padding: 24px 0
    }

    .style-training__table__dt {
        flex: 0 0 100%;
        margin-bottom: 16px
    }

    .style-training__table__dd {
        flex: 0 0 100%
    }

    .style-plan__career__item:not(:last-child) {
        padding-bottom: 40px
    }

    .style-plan__career__item:not(:last-child):before {
        left: 40px
    }

    .style-plan__career__year {
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
        font-size: .875rem;
        line-height: 80px
    }

    .style-plan__career__main {
        flex: 0 0 calc(100% - 80px);
        padding-top: 20px;
        padding-left: 20px
    }

    .style-plan__career__title {
        font-size: 1.5rem
    }

    .style-plan__career__body {
        margin-top: 10px;
        font-size: .875rem
    }

    .style-plan__career__qualification {
        font-size: .875rem
    }

    .style-benefits__li {
        padding: 24px 0
    }

    .top-about {
        padding: 130px 0 75px
    }

    .top-about__catch--en {
        margin-bottom: 24px;
        font-size: 2.875rem;
        line-height: 1.2
    }

    .top-about__catch--ja {
        font-size: 1.25rem
    }

    .top-business__main__link {
        padding: 16px 0
    }

    .top-business__main__str {
        font-size: .875rem
    }

    .top-business__main__str span {
        padding-right: 10px
    }

    .top-business__li {
        font-size: 1rem
    }

    .top-business__li__num {
        flex: 0 0 40px
    }

    .top-business__li__str {
        flex: 0 0 calc(100% - 40px)
    }

    .top-company__main {
        gap: 40px
    }

    .top-company__desc {
        margin-top: 30px;
        line-height: 180%
    }

    .top-company__button {
        margin-top: 30px
    }

    .top-gallery .splide {
        height: 240px
    }

    .top-gallery .splide__slide.vertical {
        width: 100px !important
    }

    .top-gallery .splide__slide.horizontal {
        width: 140px !important
    }

    .top-kv__catch {
        padding: 0 20px
    }

    .top-kv__catch--en {
        margin-bottom: 24px;
        font-size: 2.875rem;
        line-height: 1.2
    }

    .top-kv__catch--ja {
        font-size: 1.25rem
    }

    .top-news__list__title {
        font-size: .8125rem
    }

    .top-recruit {
        padding-bottom: 0
    }

    .top-recruit__bgtext .loop-wrap .text {
        padding: 0 20px;
        font-size: 7.5rem
    }

    .top-recruit__message {
        font-size: .9375rem
    }

    .top-recruit__entry {
        height: 0;
        padding-top: 100%
    }

    .top-recruit__entry__str {
        margin-top: -30px;
        font-size: 3.125rem
    }

    .top-recruit__entry__button {
        margin-top: 30px
    }

    .top-ship:before {
        height: 40px
    }

    .top-ship__slide {
        padding: 0 20px
    }

    .top-ship__slide .splide__arrows button {
        width: 40px;
        height: 40px
    }

    .top-ship__slide .splide__arrows button:before {
        width: 10px;
        height: 10px
    }

    .top-ship__slide .splide__arrows .splide__arrow--prev {
        margin-left: -30px
    }

    .top-ship__slide .splide__arrows .splide__arrow--next {
        margin-right: -30px
    }

    .top-ship__item__name {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 10px;
        color: var(--color-base);
        font-size: .875rem
    }

    .top-ship__item__arrow {
        right: 14px;
        bottom: 14px;
        width: 16px;
        height: 16px
    }
}

@media (max-width: 575px) {

    .wp-block-cover-image,
    .wp-block-cover {
        min-height: 300px;
        margin-right: -25px;
        margin-left: -25px;
        border-radius: 0
    }

    .wp-block-embed.is-type-wp-embed .wp-embedded-content {
        width: 98%
    }
}

@media screen and (max-width: 413.98px) {
    .-xs\:flex-column {
        flex-direction: column
    }

    .-xs\:flex-column-reverse {
        flex-direction: column-reverse
    }

    .-xs\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .-xs\:flex-row {
        flex-direction: row
    }

    .-xs\:flex-nowrap {
        flex-wrap: nowrap
    }

    .-xs\:flex-wrap {
        flex-wrap: wrap
    }

    .-xs\:justify-content-start {
        justify-content: flex-start
    }

    .-xs\:justify-content-end {
        justify-content: flex-end
    }

    .-xs\:justify-content-center {
        justify-content: center
    }

    .-xs\:justify-content-between {
        justify-content: space-between
    }

    .-xs\:justify-content-around {
        justify-content: space-around
    }

    .-xs\:justify-content-evenly {
        justify-content: space-evenly
    }

    .-xs\:align-items-start {
        align-items: flex-start
    }

    .-xs\:align-items-end {
        align-items: flex-end
    }

    .-xs\:align-items-center {
        align-items: center
    }

    .-xs\:hide {
        display: none
    }

    .-xs\:m-0 {
        margin: 0
    }

    .-xs\:mt-0 {
        margin-top: 0
    }

    .-xs\:mr-0 {
        margin-right: 0
    }

    .-xs\:mb-0 {
        margin-bottom: 0
    }

    .-xs\:ml-0 {
        margin-left: 0
    }

    .-xs\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .-xs\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }

    .-xs\:m-5 {
        margin: 5px
    }

    .-xs\:mt-5 {
        margin-top: 5px
    }

    .-xs\:mr-5 {
        margin-right: 5px
    }

    .-xs\:mb-5 {
        margin-bottom: 5px
    }

    .-xs\:ml-5 {
        margin-left: 5px
    }

    .-xs\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .-xs\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }

    .-xs\:m-10 {
        margin: 10px
    }

    .-xs\:mt-10 {
        margin-top: 10px
    }

    .-xs\:mr-10 {
        margin-right: 10px
    }

    .-xs\:mb-10 {
        margin-bottom: 10px
    }

    .-xs\:ml-10 {
        margin-left: 10px
    }

    .-xs\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .-xs\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .-xs\:m-15 {
        margin: 15px
    }

    .-xs\:mt-15 {
        margin-top: 15px
    }

    .-xs\:mr-15 {
        margin-right: 15px
    }

    .-xs\:mb-15 {
        margin-bottom: 15px
    }

    .-xs\:ml-15 {
        margin-left: 15px
    }

    .-xs\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .-xs\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .-xs\:m-20 {
        margin: 20px
    }

    .-xs\:mt-20 {
        margin-top: 20px
    }

    .-xs\:mr-20 {
        margin-right: 20px
    }

    .-xs\:mb-20 {
        margin-bottom: 20px
    }

    .-xs\:ml-20 {
        margin-left: 20px
    }

    .-xs\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .-xs\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .-xs\:m-25 {
        margin: 25px
    }

    .-xs\:mt-25 {
        margin-top: 25px
    }

    .-xs\:mr-25 {
        margin-right: 25px
    }

    .-xs\:mb-25 {
        margin-bottom: 25px
    }

    .-xs\:ml-25 {
        margin-left: 25px
    }

    .-xs\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .-xs\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }

    .-xs\:m-30 {
        margin: 30px
    }

    .-xs\:mt-30 {
        margin-top: 30px
    }

    .-xs\:mr-30 {
        margin-right: 30px
    }

    .-xs\:mb-30 {
        margin-bottom: 30px
    }

    .-xs\:ml-30 {
        margin-left: 30px
    }

    .-xs\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .-xs\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .-xs\:m-35 {
        margin: 35px
    }

    .-xs\:mt-35 {
        margin-top: 35px
    }

    .-xs\:mr-35 {
        margin-right: 35px
    }

    .-xs\:mb-35 {
        margin-bottom: 35px
    }

    .-xs\:ml-35 {
        margin-left: 35px
    }

    .-xs\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .-xs\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }

    .-xs\:m-40 {
        margin: 40px
    }

    .-xs\:mt-40 {
        margin-top: 40px
    }

    .-xs\:mr-40 {
        margin-right: 40px
    }

    .-xs\:mb-40 {
        margin-bottom: 40px
    }

    .-xs\:ml-40 {
        margin-left: 40px
    }

    .-xs\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .-xs\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }

    .-xs\:m-45 {
        margin: 45px
    }

    .-xs\:mt-45 {
        margin-top: 45px
    }

    .-xs\:mr-45 {
        margin-right: 45px
    }

    .-xs\:mb-45 {
        margin-bottom: 45px
    }

    .-xs\:ml-45 {
        margin-left: 45px
    }

    .-xs\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .-xs\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }

    .-xs\:m-50 {
        margin: 50px
    }

    .-xs\:mt-50 {
        margin-top: 50px
    }

    .-xs\:mr-50 {
        margin-right: 50px
    }

    .-xs\:mb-50 {
        margin-bottom: 50px
    }

    .-xs\:ml-50 {
        margin-left: 50px
    }

    .-xs\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .-xs\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }

    .-xs\:m-60 {
        margin: 60px
    }

    .-xs\:mt-60 {
        margin-top: 60px
    }

    .-xs\:mr-60 {
        margin-right: 60px
    }

    .-xs\:mb-60 {
        margin-bottom: 60px
    }

    .-xs\:ml-60 {
        margin-left: 60px
    }

    .-xs\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .-xs\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .-xs\:m-70 {
        margin: 70px
    }

    .-xs\:mt-70 {
        margin-top: 70px
    }

    .-xs\:mr-70 {
        margin-right: 70px
    }

    .-xs\:mb-70 {
        margin-bottom: 70px
    }

    .-xs\:ml-70 {
        margin-left: 70px
    }

    .-xs\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .-xs\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }

    .-xs\:m-80 {
        margin: 80px
    }

    .-xs\:mt-80 {
        margin-top: 80px
    }

    .-xs\:mr-80 {
        margin-right: 80px
    }

    .-xs\:mb-80 {
        margin-bottom: 80px
    }

    .-xs\:ml-80 {
        margin-left: 80px
    }

    .-xs\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .-xs\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }

    .-xs\:m-90 {
        margin: 90px
    }

    .-xs\:mt-90 {
        margin-top: 90px
    }

    .-xs\:mr-90 {
        margin-right: 90px
    }

    .-xs\:mb-90 {
        margin-bottom: 90px
    }

    .-xs\:ml-90 {
        margin-left: 90px
    }

    .-xs\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .-xs\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }

    .-xs\:m-100 {
        margin: 100px
    }

    .-xs\:mt-100 {
        margin-top: 100px
    }

    .-xs\:mr-100 {
        margin-right: 100px
    }

    .-xs\:mb-100 {
        margin-bottom: 100px
    }

    .-xs\:ml-100 {
        margin-left: 100px
    }

    .-xs\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .-xs\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .-xs\:m-120 {
        margin: 120px
    }

    .-xs\:mt-120 {
        margin-top: 120px
    }

    .-xs\:mr-120 {
        margin-right: 120px
    }

    .-xs\:mb-120 {
        margin-bottom: 120px
    }

    .-xs\:ml-120 {
        margin-left: 120px
    }

    .-xs\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .-xs\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }

    .-xs\:m-140 {
        margin: 140px
    }

    .-xs\:mt-140 {
        margin-top: 140px
    }

    .-xs\:mr-140 {
        margin-right: 140px
    }

    .-xs\:mb-140 {
        margin-bottom: 140px
    }

    .-xs\:ml-140 {
        margin-left: 140px
    }

    .-xs\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }

    .-xs\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }

    .-xs\:m-160 {
        margin: 160px
    }

    .-xs\:mt-160 {
        margin-top: 160px
    }

    .-xs\:mr-160 {
        margin-right: 160px
    }

    .-xs\:mb-160 {
        margin-bottom: 160px
    }

    .-xs\:ml-160 {
        margin-left: 160px
    }

    .-xs\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }

    .-xs\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }

    .-xs\:m-180 {
        margin: 180px
    }

    .-xs\:mt-180 {
        margin-top: 180px
    }

    .-xs\:mr-180 {
        margin-right: 180px
    }

    .-xs\:mb-180 {
        margin-bottom: 180px
    }

    .-xs\:ml-180 {
        margin-left: 180px
    }

    .-xs\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }

    .-xs\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }

    .-xs\:m-200 {
        margin: 200px
    }

    .-xs\:mt-200 {
        margin-top: 200px
    }

    .-xs\:mr-200 {
        margin-right: 200px
    }

    .-xs\:mb-200 {
        margin-bottom: 200px
    }

    .-xs\:ml-200 {
        margin-left: 200px
    }

    .-xs\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .-xs\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }

    .-xs\:p-0 {
        padding: 0
    }

    .-xs\:pt-0 {
        padding-top: 0
    }

    .-xs\:pr-0 {
        padding-right: 0
    }

    .-xs\:pb-0 {
        padding-bottom: 0
    }

    .-xs\:pl-0 {
        padding-left: 0
    }

    .-xs\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .-xs\:px-0 {
        padding-right: 0;
        padding-left: 0
    }

    .-xs\:p-5 {
        padding: 5px
    }

    .-xs\:pt-5 {
        padding-top: 5px
    }

    .-xs\:pr-5 {
        padding-right: 5px
    }

    .-xs\:pb-5 {
        padding-bottom: 5px
    }

    .-xs\:pl-5 {
        padding-left: 5px
    }

    .-xs\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .-xs\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .-xs\:p-10 {
        padding: 10px
    }

    .-xs\:pt-10 {
        padding-top: 10px
    }

    .-xs\:pr-10 {
        padding-right: 10px
    }

    .-xs\:pb-10 {
        padding-bottom: 10px
    }

    .-xs\:pl-10 {
        padding-left: 10px
    }

    .-xs\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .-xs\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .-xs\:p-15 {
        padding: 15px
    }

    .-xs\:pt-15 {
        padding-top: 15px
    }

    .-xs\:pr-15 {
        padding-right: 15px
    }

    .-xs\:pb-15 {
        padding-bottom: 15px
    }

    .-xs\:pl-15 {
        padding-left: 15px
    }

    .-xs\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .-xs\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .-xs\:p-20 {
        padding: 20px
    }

    .-xs\:pt-20 {
        padding-top: 20px
    }

    .-xs\:pr-20 {
        padding-right: 20px
    }

    .-xs\:pb-20 {
        padding-bottom: 20px
    }

    .-xs\:pl-20 {
        padding-left: 20px
    }

    .-xs\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .-xs\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .-xs\:p-25 {
        padding: 25px
    }

    .-xs\:pt-25 {
        padding-top: 25px
    }

    .-xs\:pr-25 {
        padding-right: 25px
    }

    .-xs\:pb-25 {
        padding-bottom: 25px
    }

    .-xs\:pl-25 {
        padding-left: 25px
    }

    .-xs\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .-xs\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }

    .-xs\:p-30 {
        padding: 30px
    }

    .-xs\:pt-30 {
        padding-top: 30px
    }

    .-xs\:pr-30 {
        padding-right: 30px
    }

    .-xs\:pb-30 {
        padding-bottom: 30px
    }

    .-xs\:pl-30 {
        padding-left: 30px
    }

    .-xs\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .-xs\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .-xs\:p-35 {
        padding: 35px
    }

    .-xs\:pt-35 {
        padding-top: 35px
    }

    .-xs\:pr-35 {
        padding-right: 35px
    }

    .-xs\:pb-35 {
        padding-bottom: 35px
    }

    .-xs\:pl-35 {
        padding-left: 35px
    }

    .-xs\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .-xs\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }

    .-xs\:p-40 {
        padding: 40px
    }

    .-xs\:pt-40 {
        padding-top: 40px
    }

    .-xs\:pr-40 {
        padding-right: 40px
    }

    .-xs\:pb-40 {
        padding-bottom: 40px
    }

    .-xs\:pl-40 {
        padding-left: 40px
    }

    .-xs\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .-xs\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }

    .-xs\:p-45 {
        padding: 45px
    }

    .-xs\:pt-45 {
        padding-top: 45px
    }

    .-xs\:pr-45 {
        padding-right: 45px
    }

    .-xs\:pb-45 {
        padding-bottom: 45px
    }

    .-xs\:pl-45 {
        padding-left: 45px
    }

    .-xs\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .-xs\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }

    .-xs\:p-50 {
        padding: 50px
    }

    .-xs\:pt-50 {
        padding-top: 50px
    }

    .-xs\:pr-50 {
        padding-right: 50px
    }

    .-xs\:pb-50 {
        padding-bottom: 50px
    }

    .-xs\:pl-50 {
        padding-left: 50px
    }

    .-xs\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .-xs\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }

    .-xs\:p-60 {
        padding: 60px
    }

    .-xs\:pt-60 {
        padding-top: 60px
    }

    .-xs\:pr-60 {
        padding-right: 60px
    }

    .-xs\:pb-60 {
        padding-bottom: 60px
    }

    .-xs\:pl-60 {
        padding-left: 60px
    }

    .-xs\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .-xs\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .-xs\:p-70 {
        padding: 70px
    }

    .-xs\:pt-70 {
        padding-top: 70px
    }

    .-xs\:pr-70 {
        padding-right: 70px
    }

    .-xs\:pb-70 {
        padding-bottom: 70px
    }

    .-xs\:pl-70 {
        padding-left: 70px
    }

    .-xs\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .-xs\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }

    .-xs\:p-80 {
        padding: 80px
    }

    .-xs\:pt-80 {
        padding-top: 80px
    }

    .-xs\:pr-80 {
        padding-right: 80px
    }

    .-xs\:pb-80 {
        padding-bottom: 80px
    }

    .-xs\:pl-80 {
        padding-left: 80px
    }

    .-xs\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .-xs\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }

    .-xs\:p-90 {
        padding: 90px
    }

    .-xs\:pt-90 {
        padding-top: 90px
    }

    .-xs\:pr-90 {
        padding-right: 90px
    }

    .-xs\:pb-90 {
        padding-bottom: 90px
    }

    .-xs\:pl-90 {
        padding-left: 90px
    }

    .-xs\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .-xs\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }

    .-xs\:p-100 {
        padding: 100px
    }

    .-xs\:pt-100 {
        padding-top: 100px
    }

    .-xs\:pr-100 {
        padding-right: 100px
    }

    .-xs\:pb-100 {
        padding-bottom: 100px
    }

    .-xs\:pl-100 {
        padding-left: 100px
    }

    .-xs\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .-xs\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .-xs\:p-120 {
        padding: 120px
    }

    .-xs\:pt-120 {
        padding-top: 120px
    }

    .-xs\:pr-120 {
        padding-right: 120px
    }

    .-xs\:pb-120 {
        padding-bottom: 120px
    }

    .-xs\:pl-120 {
        padding-left: 120px
    }

    .-xs\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .-xs\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }

    .-xs\:p-140 {
        padding: 140px
    }

    .-xs\:pt-140 {
        padding-top: 140px
    }

    .-xs\:pr-140 {
        padding-right: 140px
    }

    .-xs\:pb-140 {
        padding-bottom: 140px
    }

    .-xs\:pl-140 {
        padding-left: 140px
    }

    .-xs\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .-xs\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }

    .-xs\:p-160 {
        padding: 160px
    }

    .-xs\:pt-160 {
        padding-top: 160px
    }

    .-xs\:pr-160 {
        padding-right: 160px
    }

    .-xs\:pb-160 {
        padding-bottom: 160px
    }

    .-xs\:pl-160 {
        padding-left: 160px
    }

    .-xs\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .-xs\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }

    .-xs\:p-180 {
        padding: 180px
    }

    .-xs\:pt-180 {
        padding-top: 180px
    }

    .-xs\:pr-180 {
        padding-right: 180px
    }

    .-xs\:pb-180 {
        padding-bottom: 180px
    }

    .-xs\:pl-180 {
        padding-left: 180px
    }

    .-xs\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .-xs\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }

    .-xs\:p-200 {
        padding: 200px
    }

    .-xs\:pt-200 {
        padding-top: 200px
    }

    .-xs\:pr-200 {
        padding-right: 200px
    }

    .-xs\:pb-200 {
        padding-bottom: 200px
    }

    .-xs\:pl-200 {
        padding-left: 200px
    }

    .-xs\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .-xs\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }

    .-xs\:m-auto {
        margin: auto
    }

    .-xs\:mt-auto,
    .-xs\:my-auto {
        margin-top: auto
    }

    .-xs\:mr-auto,
    .-xs\:mx-auto {
        margin-right: auto
    }

    .-xs\:mb-auto,
    .-xs\:my-auto {
        margin-bottom: auto
    }

    .-xs\:ml-auto,
    .-xs\:mx-auto {
        margin-left: auto
    }

    .-xs\:text-left {
        text-align: left
    }

    .-xs\:text-right {
        text-align: right
    }

    .-xs\:text-center {
        text-align: center
    }

    .-xs\:text-justify {
        text-align: justify
    }

    .top-gallery .splide {
        height: 180px
    }

    .top-ship__slide {
        padding: 0
    }

    .top-ship__slide .splide__arrows .splide__arrow--prev {
        margin-left: -20px
    }

    .top-ship__slide .splide__arrows .splide__arrow--next {
        margin-right: -20px
    }

    .top-ship__item__name {
        font-size: .75rem
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
        zoom: .8;
        width: 1191px
}




/* --- Apple風 ミニマムデザイン & 最終調整 CSS V7.0 --- */

/* 全体設定 */
.car-detail-page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #1d1d1f; 
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* タイトル */
.car-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 1px solid #d2d2d7; 
    padding-bottom: 10px;
}

/* メインフレックスコンテナ */
.car-main-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}
.car-image-column {
    flex: 2;
    min-width: 300px;
}
.car-info-column {
    flex: 1;
    min-width: 300px;
}

/* ギャラリー修復用スタイル */
.main-car-image {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    object-fit: cover;
}
.car-gallery-thumbs {
    padding-top: 10px;
    display: flex;
    overflow-x: auto;
}
.car-thumb {
    border: 1px solid #ccc;
    object-fit: cover;
}


/* --- 価格エリア（最終バランス調整） --- */
.price-box-wrapper {
    border: none;
    margin-bottom: 40px;
}
/* 価格全体を上下中央揃えにするためのラッパー */
.price-top-row {
    display: flex;
    align-items: center; /* 値を中央揃え */
    border-bottom: 1px solid #f5f5f7; 
    padding-bottom: 20px;
}

/* 支払総額エリア */
.price-total-box {
    padding: 0;
    flex: 1;
    border-right: 1px solid #f5f5f7;
    padding-right: 20px;
}
/* 車両本体価格エリア */
.price-body-box {
    padding: 0;
    flex: 1;
    padding-left: 20px;
}

.price-label {
    display: block;
    font-size: 13px;
    color: #6e6e73; 
    margin-bottom: 5px;
    font-weight: 500;
}

/* 値と単位の縦揃え（最重要） */
.price-value-wrap {
    display: flex;
    align-items: flex-end; /* 値と単位を下揃え */
    line-height: 1;
    margin-bottom: 5px;
}

/* 支払総額の整数部分 */
.price-value-main-large {
    font-size: 3.0em; 
    font-weight: 800;
    color: #1d1d1f; 
}
.price-value-decimal {
    font-size: 1.5em; /* 小数点部分のサイズ調整 */
    font-weight: 800;
    color: #1d1d1f;
    margin-right: 5px;
    /* 垂直位置を微調整して揃える */
    padding-bottom: 0.25em; 
    line-height: 1.0;
}
.price-unit {
    font-size: 1.0em;
    color: #6e6e73;
    font-weight: 500;
    margin-left: 3px;
    padding-bottom: 2px;
}

/* 車両本体価格の値 */
.price-value-sub {
    font-size: 1.8em;
    font-weight: 700;
    color: #1d1d1f;
}
.price-value-decimal-sub {
    font-size: 1.2em;
    font-weight: 700;
    color: #1d1d1f;
    margin-right: 5px;
    /* 垂直位置を微調整して揃える */
    padding-bottom: 0.15em;
    line-height: 1.0;
}
.price-unit-sub {
    font-size: 1.0em;
    color: #6e6e73;
    font-weight: 500;
    margin-left: 3px;
    padding-bottom: 2px;
}

.price-sub-info {
    font-size: 13px;
    color: #86868b;
    margin-top: 10px;
    display: block;
}

/* --- 問い合わせボタン（アイコンと色統一） --- */
.contact-box {
    margin-top: 40px;
    padding: 0;
    text-align: center;
}
.contact-box-phone {
    padding: 20px 15px;
    background: #123458; 
    color: white;
    border-radius: 10px;
    margin-bottom: 15px;
}
.contact-button {
    background: #f5f5f7;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 12px;
    border: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #123458;
}
.contact-line-btn {
    background: #00c300; 
    color: white;
}
.contact-email-btn {
    background: #f5f5f7;
    color: #6e6e73;
}

/* アイコン（シンプルなピクトグラム） */
.icon-line::before {
    content: '\1F4F1'; /* Mobile phone Unicode (reliable pictogram) */
    font-family: Arial, sans-serif;
    font-size: 1.2em;
}
.icon-mail::before {
    content: '\2709'; /* Envelope Unicode */
    font-family: Arial, sans-serif;
    font-size: 1.2em;
}
.contact-line-btn .icon-line::before {
    content: '\1F4AC'; /* Speech bubble/chat icon */
}


/* --- その他のスタイル --- */
.basic-status-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 15px;
    border: none;
}
.status-item {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #f5f5f7;
}
.status-label {
    font-size: 14px;
    color: #6e6e73;
    font-weight: 500;
}
.status-value {
    font-weight: 600;
    color: #1d1d1f;
    margin-top: 3px;
    font-size: 15px;
}
.section-title {
    border-bottom: 1px solid #d2d2d7;
    padding-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    margin-top: 40px;
}
.specs-table th, .specs-table td {
    border: none;
    border-bottom: 1px solid #f5f5f7;
    padding: 15px 0;
}
.specs-table th {
    font-weight: 500;
    color: #6e6e73;
    width: 30%;
}
.equipment-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    border: 1px solid #f5f5f7; 
    margin-bottom: 30px;
    border-radius: 6px;
}
.equipment-item-minimal-grid {
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #f5f5f7;
    border-bottom: 1px solid #f5f5f7;
    background: #fff;
}
.equipment-item-minimal-grid:nth-child(3n) {
    border-right: none;
}

/* ライトボックス調整 */
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
    text-align: center;
}
#lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 768px) {
    .car-main-flex-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .car-image-column, .car-info-column {
        width: 100%;
        min-width: 100%;
    }
    .equipment-list {
        grid-template-columns: 1fr; 
    }
    .equipment-item-minimal-grid {
        border-right: none;
    }
}