@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
}

@font-face {
    font-style: normal;
    font-weight: 400 500;
    src: url(../webfonts/ClashGrotesk-Variable.ttf) format("truetype");
    font-family: ClashGrotesk-Variable;
    font-display: swap
}

:root {
    --color-base: #28282c;
    --color-base-rgb: 40, 40, 44;
    --color-bg: #fff;
    --color-bg-rgb: 255, 255, 255;
    --color-primary: #3f99c4;
    --color-primary-rgb: 63, 153, 196;
    --color-secondary: #f7941d;
    --color-secondary-rgb: 223, 255, 23;
    --color-blue-7D: #7db9d6;
    --color-blue-7D-rgb: 125, 185, 214;
    --color-blue-92: #92b4c5;
    --color-blue-92-rgb: 146, 180, 197;
    --color-blue-B5: #b5c5cd;
    --color-blue-B5-rgb: 181, 197, 205;
    --color-danger: #db1717;
    --color-danger-rgb: 219, 23, 23;
    --color-black-0F: #0f181c;
    --color-black-0F-rgb: 15, 24, 28;
    --color-black: #10181c;
    --color-black-rgb: 16, 24, 28;
    --color-gray: #8f8b98;
    --color-gray-rgb: 143, 139, 152;
    --color-gray-55: #556972;
    --color-gray-55-rgb: 85, 105, 114;
    --color-gray-9F: #9fa3a4;
    --color-gray-9F-rgb: 159, 163, 164;
    --color-gray-A4: #a4a7aa;
    --color-gray-A4-rgb: 164, 167, 170;
    --color-gray-EB: #ebf1f4;
    --color-gray-EB-rgb: 235, 241, 244;
    --color-gray-light: #eee;
    --color-gray-light-rgb: 238, 238, 238;
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-input-active: #3f99c4;
    --color-input-active-rgb: 63, 153, 196;
    --color-input-focus: #ccc;
    --color-input-focus-rgb: 204, 204, 204;
    --color-submit-bg: #3f99c4;
    --color-submit-bg-rgb: 63, 153, 196;
    --color-submit-bg-hover: #3f99c4;
    --color-submit-bg-hover-rgb: 63, 153, 196;
    --gr-circle: radial-gradient( circle, rgba(255, 255, 255, .1) 43%, rgba(255, 255, 255, .6) 83%, rgba(255, 255, 255, 1) 100%);
    --gr-circle02: radial-gradient( circle, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .6) 88%, rgba(255, 255, 255, .8) 100%);
    --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 Sans JP", yakuhanjp, -apple-system, blinkmacsystemfont, "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;
    --ff-ja: "Noto Sans JP", yakuhanjp, -apple-system, blinkmacsystemfont, "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;
    --font-bold: 600;
    --font-regular: 400;
    --font-nm: 400;
    --font-mid: 500;
    --icon-font-family: "Material Symbols Outlined";
    --header-height-top: 110px;
    --header-height-top-lg: 90px;
    --header-height: 110px;
    --header-height-lg: 100px;
    --header-height-md: 90px;
    --header-height-nottop: 90px;
    --header-height-nottop-md: 70px;
    --input-height: 45px;
    --input-border-color: var(--color-gray-light);
    --input-submit-disabled-bg: #aaa;
    --link-color: var(--color-primary);
    --link-hover-color: var(--color-gray);
    --pagination-justify-content: center;

    --font-size-body-lg: 16px;
    --font-size-body-md: 14px;
    --font-size-body-sm: 13px;
    --font-size-body-xs: 12px;
    --font-size-heading-xl: 40px;
    --font-size-heading-lg: 32px;
    --font-size-heading-md: 24px;
    --font-size-heading-sm: 18px;
    --font-size-heading-xs: 15px;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --line-height-body: 2;
    --line-height-body-sm: 1.8;
    --line-height-heading: 1.6;
    --line-height-heading-eng: 1.1;
    --letter-spaceing-body: 0.8px;
    --letter-spaceing-heading: 0.8px;
    --letter-spacing-xxl: 0.2em;
    --letter-spacing-xl: 0.16em;
    --letter-spacing-l: 0.12em;
    --letter-spacing-m: 0.08em;
    --letter-spacing-s: 0.05em;

    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-160: 160px;
    --space-200: 200px;
}

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

.blog__content {
    max-width: 840px;
    margin: 0 auto
}

.blog__header {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--color-gray-light)
}

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

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

.blog__time__dt {
    color: var(--color-gray);
    font-weight: var(--font-nm)
}

.blog__time__dd {
    margin-left: .6rem
}

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

.blog__cat__dt {
    color: var(--color-gray);
    font-weight: var(--font-nm)
}

.blog__cat__dd {
    margin-left: .6rem
}

.blog__cat__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__cat__link:not(:last-child):after {
    position: relative;
    left: 5px;
    content: "/"
}

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

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

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

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

.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;
    width: 100%;
    margin-top: 60px;
    padding: 60px 0;
    border-top: 1px solid var(--color-gray-light)
}

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

.blog__share__buttons {
    z-index: 2;
    position: relative;
    margin-left: auto;
    padding: 0 80px 0 25px
}

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

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

.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: 40px;
    padding-bottom: 40px;
    border-top: 1px solid var(--color-gray-light);
    border-bottom: 1px solid var(--color-gray-light);
    font-size: .875rem
}

.blog__pagenavi__title {
    margin-bottom: 1rem;
    font-weight: var(--font-nm);
    font-size: .875rem
}

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

.blog__pagenavi__card {
    width: 100%
}

.blog__pagenavi__card__link {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: var(--color-base)
}

.blog__pagenavi__card__link:hover,
.blog__pagenavi__card__link:focus,
.blog__pagenavi__card__link:active {
    color: var(--color-secondary)
}

.blog__pagenavi__card__title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .8125rem;
    line-height: 1.4
}

.blog__pagenavi__card__time {
    display: inline-block;
    margin-top: .4rem;
    color: var(--color-gray);
    font-weight: var(--font-regular);
    font-size: .8125rem;
    line-height: 1;
}

.blog__pagenavi__card__figure {
    position: relative;
    flex: 0 0 80px
}

.blog__pagenavi__card__figure:before {
    padding-top: 100%;
    float: left;
    content: ""
}

.blog__pagenavi__card__figure:after {
    display: block;
    clear: both;
    content: ""
}

.blog__pagenavi__card__figure img {
    -o-object-fit: cover;
    height: 80px;
    object-fit: cover
}

.blog__pagenavi__card__content {
    flex: 0 0 calc(100% - 80px);
    padding-left: 20px
}

.blog__body,
.edit-post-visual-editor__content-area {
    font-weight: var(--font-nm)
}

.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-nm);
    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);
    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: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--pagination-min-width, 34px);
    height: 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: 100%;
    background-color: var(--pagination-bg-color, var(--background-color));
    color: var(--color-base);
    font-size: var(--pagination-font-size, 1rem);
    line-height: 1;
    text-align: center;
    text-decoration: none
}

.c-pagination .c-pagination__item a {
    background-color: var(--pagination-bg-color, var(--background-color));
    color: var(--color-base);
    transition-duration: .3s;
    transition-property: background-color, color, border-color;
    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 {
    border-color: var(--pagination-link-hover-border-color, var(--link-hover-color));
    background-color: var(--pagination-link-hover-bg-color, var(--link-hover-color));
    color: var(--pagination-link-hover-color, var(--background-color))
}

.c-pagination .c-pagination__item .current {
    border-color: var(--pagination-current-border-color, var(--link-color));
    background-color: var(--pagination-current-bg-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 {
    display: none;
    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 {
    display: none;
    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: "\226b";
    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%;
    width: min(1480px + (100vw - 1480px) / 2, 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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-150 {
    margin: 150px
}

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

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

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

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

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

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

.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-150 {
    padding: 150px
}

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

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

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

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

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

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

.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-150 {
    margin: 150px
}

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

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

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

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

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

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

.-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-150 {
    padding: 150px
}

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

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

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

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

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

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

.-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-border-color, #dee2e6);
    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 {
    margin-right: 20px;
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem);
    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, 40px);
    padding: var(--input-padding-y, .3rem) 0;
    border-bottom: 1px solid rgba(40, 40, 44, .3);
    color: var(--color-base);
    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-radius: 5px;
    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__pp {
    font-weight: var(--font-mid);
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.form__wrapper {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.form__label {
    position: relative;
    color: var(--color-base);
    font-weight: var(--font-mid);
    font-size: clamp(.6875rem, .6711rem + .0658vw, .75rem);
    font-family: var(--input-font-family)
}

.form__option:after {
    display: inline-block;
    position: relative;
    top: -1px;
    left: .7rem;
    padding: .2rem .5rem;
    border-radius: 10px;
    background-color: var(--form-option-bg-color, #b0b0b0);
    content: var(--form-option-text, "\4efb\610f");
    color: var(--form-option-color, #fff);
    font-weight: var(--font-nm);
    font-size: 1px;
    line-height: 1;
    vertical-align: middle
}

.form__require:after {
    position: relative;
    top: -1px;
    left: .3rem;
    content: "*";
    color: var(--color-danger);
    font-size: 12px
}

.form__row {
    margin-top: clamp(.313rem, .23rem + .33vw, .625rem)
}

.form__content {
    padding: 0 0 .6rem
}

.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);
    width: 100%;
    padding: .8rem 1.5rem;
    border-radius: var(--input-submit-border-radius, 30px);
    background-color: #000;
    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 {
    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 {
    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: block;
    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-weight: var(--font-mid);
    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
}

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
}

.modal__overlay {
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    z-index: 1;
    position: fixed;
    inset: 0;
    align-items: center;
    justify-content: flex-end;
    overflow: scroll;
    backdrop-filter: blur(10px);
    background: rgba(63, 153, 196, .17)
}

.modal__container {
    -ms-scroll-chaining: none;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    width: 820px;
    max-width: 65%;
    height: 100vh;
    padding: 35px 30px 30px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(--color-black-0F);
    color: var(--color-white)
}

.modal__container.\:drawer {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: transparent
}

.modal__header {
    display: flex;
    justify-content: center;
    padding: 0 0 30px;
    border-bottom: 1px solid var(--color-white)
}

.modal__title {
    font-weight: var(--font-nm);
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem);
    text-align: center
}

.modal__content {
    padding: 30px
}

.modal__content__top {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 30px;
    gap: 50px
}

.modal__content__img {
    position: relative;
    flex: 0 0 45%;
    overflow: hidden;
    border-radius: 13px
}

.modal__content__img figure,
.modal__content__img img {
    display: block;
    width: 100%;
    border-radius: 13px
}

.modal__content__name {
    flex-grow: 1
}

.modal__content__name__en {
    color: var(--color-primary);
    font-size: clamp(2.1875rem, 1.5296rem + 2.6316vw, 4.6875rem);
    line-height: 1.1
}

.modal__content__name__ja {
    margin-top: clamp(.938rem, .691rem + .99vw, 1.875rem);
    font-size: clamp(1.125rem, .8618rem + 1.0526vw, 2.125rem)
}

.modal__content__name__post {
    margin-top: 5px;
    font-size: clamp(.875rem, .842rem + .13vw, 1rem);
    opacity: .6
}

.modal__content__btm {
    margin-top: clamp(2.5rem, 1.842rem + 2.63vw, 5rem);
    padding-top: clamp(2.5rem, 1.842rem + 2.63vw, 5rem);
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.modal__content__career {
    display: flex;
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.modal__content__career__key {
    flex: 0 0 70px;
    font-weight: var(--font-nm)
}

.modal__content__body {
    margin-top: clamp(1.563rem, .987rem + 2.3vw, 3.75rem);
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.modal__close {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 100%;
    background: transparent;
    background-color: var(--color-secondary)
}

.modal__header .modal__close:before {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    content: "\2715";
    font-size: 1.1rem
}

@-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: translateX(20px);
        transform: translate(20px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes mmslideIn {
    0% {
        -webkit-transform: translateX(20px);
        transform: translate(20px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@-webkit-keyframes mmslideOut {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-20px);
        transform: translate(-20px)
    }
}

@keyframes mmslideOut {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-20px);
        transform: translate(-20px)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

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

.micromodal-slide[aria-hidden=false] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

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

.micromodal-slide[aria-hidden=true] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform
}

/*! 
 * OverlayScrollbars
 * Version: 2.2.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */

.os-size-observer,
.os-size-observer-listener {
    box-sizing: border-box;
    visibility: hidden;
    overflow: hidden;
    direction: inherit;
    pointer-events: none
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    position: absolute;
    top: 0;
    left: 0;
    writing-mode: horizontal-tb
}

.os-size-observer {
    -webkit-transform: scale(.1);
    box-sizing: inherit;
    contain: strict;
    display: flex;
    z-index: -1;
    inset: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: -133px;
    padding: inherit;
    transform: scale(.1);
    border: inherit
}

.os-size-observer:before {
    box-sizing: inherit;
    flex: none;
    width: 10px;
    height: 10px;
    padding: 10px;
    content: ""
}

.os-size-observer-appear {
    -webkit-animation: os-size-observer-appear-animation 1ms forwards;
    animation: os-size-observer-appear-animation 1ms forwards
}

.os-size-observer-listener {
    -webkit-transform: scale(10);
    box-sizing: border-box;
    position: relative;
    flex: auto;
    margin: -133px;
    padding: inherit;
    transform: scale(10);
    border: inherit
}

.os-size-observer-listener.ltr {
    margin-right: -266px;
    margin-left: 0
}

.os-size-observer-listener.rtl {
    margin-right: 0;
    margin-left: -266px
}

.os-size-observer-listener:empty:before {
    width: 100%;
    height: 100%;
    content: ""
}

.os-size-observer-listener:empty:before,
.os-size-observer-listener>.os-size-observer-listener-item {
    box-sizing: content-box;
    display: block;
    position: relative;
    flex: auto;
    padding: inherit;
    border: inherit
}

.os-size-observer-listener-scroll {
    box-sizing: border-box;
    display: flex
}

.os-size-observer-listener-item {
    right: 0;
    bottom: 0;
    flex: none;
    overflow: hidden;
    direction: ltr
}

.os-size-observer-listener-item-final {
    transition: none
}

@-webkit-keyframes os-size-observer-appear-animation {
    0% {
        cursor: auto
    }
    to {
        cursor: none
    }
}

@keyframes os-size-observer-appear-animation {
    0% {
        cursor: auto
    }
    to {
        cursor: none
    }
}

.os-trinsic-observer {
    box-sizing: border-box;
    contain: strict;
    z-index: -1;
    position: relative;
    top: calc(100% + 1px);
    flex: none;
    max-width: 0;
    height: 0;
    max-height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none
}

.os-trinsic-observer:not(:empty) {
    top: -1px;
    height: calc(100% + 1px)
}

.os-trinsic-observer:not(:empty)>.os-size-observer {
    width: 1000%;
    min-width: 1px;
    height: 1000%;
    min-height: 1px
}

.os-environment {
    --os-custom-prop: -1;
    visibility: hidden;
    z-index: var(--os-custom-prop);
    position: fixed;
    width: 200px;
    height: 200px;
    overflow: scroll;
    opacity: 0
}

.os-environment div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.os-environment.os-environment-flexbox-glue {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
    min-width: 200px;
    height: auto;
    min-height: 200px
}

.os-environment.os-environment-flexbox-glue div {
    flex: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0
}

.os-environment.os-environment-flexbox-glue-max {
    max-height: 200px
}

.os-environment.os-environment-flexbox-glue-max div {
    overflow: visible
}

.os-environment.os-environment-flexbox-glue-max div:before {
    display: block;
    width: 999px;
    height: 999px;
    content: ""
}

.os-environment,
[data-overlayscrollbars-viewport] {
    -ms-overflow-style: scrollbar !important
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars~=scrollbarHidden],
[data-overlayscrollbars-viewport~=scrollbarHidden],
.os-scrollbar-hidden.os-environment {
    scrollbar-width: none !important
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    display: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important
}

[data-overlayscrollbars-initialize] {
    overflow: auto
}

html[data-overlayscrollbars],
html.os-scrollbar-hidden,
html.os-scrollbar-hidden>body {
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

html[data-overlayscrollbars]>body {
    overflow: visible
}

[data-overlayscrollbars~=host] {
    position: relative
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
    box-sizing: inherit;
    z-index: 0;
    position: relative;
    flex: auto !important;
    width: 100%;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: none
}

[data-overlayscrollbars-viewport] {
    --os-vaw: 0;
    --os-vah: 0
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
    z-index: -1;
    position: absolute;
    width: var(--os-vaw);
    min-width: 1px;
    height: var(--os-vah);
    min-height: 1px;
    content: "";
    pointer-events: none
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport],
[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
    overflow: hidden
}

[data-overlayscrollbars~=overflowVisible],
[data-overlayscrollbars-padding~=overflowVisible],
[data-overlayscrollbars-viewport~=overflowVisible] {
    overflow: visible
}

[data-overlayscrollbars-overflow-x=hidden] {
    overflow-x: hidden
}

[data-overlayscrollbars-overflow-x=scroll] {
    overflow-x: scroll
}

[data-overlayscrollbars-overflow-x=hidden] {
    overflow-y: hidden
}

[data-overlayscrollbars-overflow-y=scroll] {
    overflow-y: scroll
}

[data-overlayscrollbars~=scrollbarPressed],
[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport] {
    scroll-behavior: auto !important
}

[data-overlayscrollbars-content] {
    box-sizing: inherit
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
    display: grid;
    grid-template: 1fr/1fr
}

[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport] {
    width: auto !important;
    height: auto !important
}

.os-scrollbar {
    contain: size layout;
    contain: size layout style;
    visibility: hidden;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s
}

body>.os-scrollbar {
    z-index: 99999;
    position: fixed
}

.os-scrollbar-transitionless {
    transition: none
}

.os-scrollbar-track {
    position: relative;
    padding: 0 !important;
    border: none !important;
    direction: ltr !important
}

.os-scrollbar-handle {
    position: absolute
}

.os-scrollbar-track,
.os-scrollbar-handle {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
    pointer-events: auto;
    touch-action: none
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-scrollbar-visible,
.os-scrollbar-interaction.os-scrollbar-visible {
    visibility: visible;
    opacity: 1
}

.os-scrollbar-auto-hidden {
    visibility: hidden;
    opacity: 0
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
    pointer-events: none !important
}

.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    bottom: 0
}

.os-scrollbar-vertical .os-scrollbar-handle {
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
    right: auto;
    left: 0
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
    right: 0;
    left: 0
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
    top: 0;
    bottom: 0
}

.os-scrollbar {
    --os-size: 0;
    --os-padding-perpendicular: 0;
    --os-padding-axis: 0;
    --os-track-border-radius: 0;
    --os-track-bg: none;
    --os-track-bg-hover: none;
    --os-track-bg-active: none;
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;
    --os-handle-border-radius: 0;
    --os-handle-bg: none;
    --os-handle-bg-hover: none;
    --os-handle-bg-active: none;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0
}

.os-scrollbar .os-scrollbar-track {
    border: var(--os-track-border);
    border-radius: var(--os-track-border-radius);
    background: var(--os-track-bg);
    transition: opacity .15s, background-color .15s, border-color .15s
}

.os-scrollbar .os-scrollbar-track:hover {
    border: var(--os-track-border-hover);
    background: var(--os-track-bg-hover)
}

.os-scrollbar .os-scrollbar-track:active {
    border: var(--os-track-border-active);
    background: var(--os-track-bg-active)
}

.os-scrollbar .os-scrollbar-handle {
    border: var(--os-handle-border);
    border-radius: var(--os-handle-border-radius);
    background: var(--os-handle-bg)
}

.os-scrollbar .os-scrollbar-handle:before {
    display: block;
    position: absolute;
    inset: 0;
    content: ""
}

.os-scrollbar .os-scrollbar-handle:hover {
    border: var(--os-handle-border-hover);
    background: var(--os-handle-bg-hover)
}

.os-scrollbar .os-scrollbar-handle:active {
    border: var(--os-handle-border-active);
    background: var(--os-handle-bg-active)
}

.os-scrollbar-horizontal {
    right: var(--os-size);
    height: var(--os-size);
    padding: var(--os-padding-perpendicular) var(--os-padding-axis)
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
    right: 0;
    left: var(--os-size)
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    min-width: var(--os-handle-min-size);
    max-width: var(--os-handle-max-size);
    height: var(--os-handle-perpendicular-size);
    transition: opacity .15s, background-color .15s, border-color .15s, height .15s
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    bottom: calc(var(--os-padding-perpendicular) * -1)
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active)
}

.os-scrollbar-vertical {
    bottom: var(--os-size);
    width: var(--os-size);
    padding: var(--os-padding-axis) var(--os-padding-perpendicular)
}

.os-scrollbar-vertical .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size);
    min-height: var(--os-handle-min-size);
    max-height: var(--os-handle-max-size);
    transition: opacity .15s, background-color .15s, border-color .15s, width .15s
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: calc(var(--os-padding-perpendicular) * -1);
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1)
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    left: calc(var(--os-padding-perpendicular) * -1)
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active)
}

[data-overlayscrollbars~=updating]>.os-scrollbar,
.os-theme-none.os-scrollbar {
    display: none !important
}

.os-theme-dark,
.os-theme-light {
    --os-size: 10px;
    --os-padding-perpendicular: 2px;
    --os-padding-axis: 2px;
    --os-track-border-radius: 10px;
    --os-handle-interactive-area-offset: 4px;
    --os-handle-border-radius: 10px;
    box-sizing: border-box
}

.os-theme-dark {
    --os-handle-bg: rgba(0, 0, 0, .44);
    --os-handle-bg-hover: rgba(0, 0, 0, .55);
    --os-handle-bg-active: rgba(0, 0, 0, .66)
}

.os-theme-light {
    --os-handle-bg: rgba(255, 255, 255, .44);
    --os-handle-bg-hover: rgba(255, 255, 255, .55);
    --os-handle-bg-active: rgba(255, 255, 255, .66)
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,
.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
    border-radius: 10px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
    padding: 2px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
    right: 0;
    left: 10px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
    min-width: 33px;
    max-width: none
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
    padding: 2px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
    min-height: 33px;
    max-height: none
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -2px;
    left: -6px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
    background: rgba(0, 0, 0, .44)
}

.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55)
}

.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
    background: rgba(0, 0, 0, .66)
}

.os-no-css-vars.os-theme-light .os-scrollbar-handle {
    background: rgba(255, 255, 255, .44)
}

.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55)
}

.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
    background: rgba(255, 255, 255, .66)
}

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

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-nm, 400);
    font-size: 15px;
    line-height: 1.7;
    font-family: var(--font-family);
    font-synthesis: none;
    direction: ltr
}

body:not(.wp-admin).\:dark,
.editor-styles-wrapper.\:dark {
    background-color: var(--color-black-0F);
    color: var(--color-white)
}

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%
}

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: ""
}

ul.list-disc.\:white li {
    color: var(--color-white)
}

ul.list-disc.\:white li:before {
    background-color: var(--color-white)
}

ol.list-order {
    padding-left: 1.3rem;
    list-style: decimal
}

ol.list-order ::marker {
    font-family: var(--font-family)
}

.\:ja {
    font-family: var(--ff-ja)
}

.\:color-danger {
    color: var(--color-danger)
}

.\:color-gray {
    color: var(--color-gray)
}

.\:color-base {
    color: var(--color-base)
}

.\:white {
    color: var(--color-white)
}

.text-underline {
    text-decoration: underline
}

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

.js-mouse-stalker {
    z-index: 10002;
    position: fixed;
    top: 0;
    left: 0;
    cursor: none;
    opacity: 0;
    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.-data .js-mouse-stalker__cursor,
.js-mouse-stalker.-interview .js-mouse-stalker__cursor,
.js-mouse-stalker.-requirements .js-mouse-stalker__cursor,
.js-mouse-stalker.-message .js-mouse-stalker__cursor {
    opacity: 0
}

.js-mouse-stalker.-data .js-mouse-stalker__follower,
.js-mouse-stalker.-interview .js-mouse-stalker__follower,
.js-mouse-stalker.-requirements .js-mouse-stalker__follower,
.js-mouse-stalker.-message .js-mouse-stalker__follower {
    width: 186px;
    height: 124px;
    border-radius: 10px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    opacity: 1
}

.js-mouse-stalker.-contact .js-mouse-stalker__cursor {
    opacity: 0
}

.js-mouse-stalker.-contact .js-mouse-stalker__follower {
    -webkit-backdrop-filter: blur(6px);
    width: 127px;
    height: 127px;
    border-radius: 100%;
    backdrop-filter: blur(6px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0000002e;
    opacity: 1
}

.js-mouse-stalker.-contact .js-mouse-stalker__follower:before {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    content: "Get in Touch";
    color: var(--color-white);
    font-size: clamp(.9375rem, .9211rem + .0658vw, 1rem)
}

.js-mouse-stalker.-data .js-mouse-stalker__follower {
    background-image: url(../images/top/recruit-data.jpg)
}

.js-mouse-stalker.-interview .js-mouse-stalker__follower {
    background-image: url(../images/top/recruit-interview.jpg)
}

.js-mouse-stalker.-requirements .js-mouse-stalker__follower {
    background-image: url(../images/top/recruit-requirements.jpg)
}

.js-mouse-stalker.-message .js-mouse-stalker__follower {
    background-image: url(../images/top/recruit-message.jpg)
}

[data-scroll-trigger=text] [data-str-animation] {
    min-width: .24em;
    opacity: 0
}

[data-scroll-trigger=top] {
    -webkit-transform: translateY(3%);
    transform: translateY(3%);
    opacity: 0;
    transition-duration: 1.2s;
    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=fade] {
    -webkit-filter: blur(.75em);
    filter: blur(.75em);
    opacity: 0;
    transition-duration: 1.2s;
    transition-property: opacity, -webkit-filter;
    transition-property: filter, opacity;
    transition-property: filter, opacity, -webkit-filter;
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-scroll-trigger=fade].\:visible {
    -webkit-filter: blur(0);
    filter: blur(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-badge__blog {
    padding: .2rem .6rem;
    border-radius: 100vh;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: .8125rem;
    transition-duration: .2s;
    transition-property: background, color;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.c-badge__blog:hover,
.c-badge__blog:focus,
.c-badge__blog:active {
    background-color: var(--color-secondary);
    color: var(--color-base)
}

.c-button {
    display: inline-block;
    position: relative;
    padding: .7rem 1.7rem;
    border-radius: 30px
}

.c-button>span {
    z-index: 2;
    position: relative
}

.c-button:focus-visible {
    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)
}

.c-button--outline {
    border: 1px solid var(--color-base);
    color: var(--color-base);
    transition-duration: .5s;
    transition-property: border-color, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-button--outline:hover,
.c-button--outline:focus,
.c-button--outline:active {
    border-color: var(--color-base);
    color: #fff
}

.c-button--outline:hover:before,
.c-button--outline:focus:before,
.c-button--outline:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.c-button--outline:hover .c-button__arrow,
.c-button--outline:focus .c-button__arrow,
.c-button--outline:active .c-button__arrow {
    fill: #fff
}

.c-button--outline:before {
    -webkit-transform: scale(.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(.9);
    border-radius: 28px;
    background-color: var(--color-base);
    content: "";
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.\:is-dark .c-button--outline {
    border: 1px solid #fff;
    color: #fff
}

.\:is-dark .c-button--outline:hover,
.\:is-dark .c-button--outline:focus,
.\:is-dark .c-button--outline:active {
    border-color: var(--color-base)
}

.c-button--fill {
    border: 1px solid var(--color-base);
    background-color: var(--color-base);
    color: #fff;
    transition-duration: .5s;
    transition-property: border-color, color;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-button--fill:hover,
.c-button--fill:focus,
.c-button--fill:active {
    border-color: var(--color-secondary);
    color: #fff
}

.c-button--fill:hover:before,
.c-button--fill:focus:before,
.c-button--fill:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.c-button--fill:hover .c-button__arrow,
.c-button--fill:focus .c-button__arrow,
.c-button--fill:active .c-button__arrow {
    fill: #fff
}

.c-button--fill:before {
    -webkit-transform: scale(.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(.9);
    border-radius: 28px;
    background-color: var(--color-secondary);
    content: "";
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-button__arrow {
    display: inline-block;
    position: relative;
    min-width: 170px;
    padding: 10px 55px 10px 25px;
    border: 1px solid rgba(40, 40, 44, .12);
    border-radius: 100vh;
    color: var(--color-base);
    font-size: 1rem;
    transition-duration: .3s;
    transition-property: color, border, background;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-button__arrow__circle {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #28282c;
    transition-duration: .3s;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-button__arrow__circle:before {
    -webkit-mask-position: center center;
    -webkit-mask-image: url(../images/main/arrow-r_s.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 23.5%;
    left: 23.5%;
    width: 53%;
    height: 53%;
    background-color: #28282c;
    content: "";
    mask-image: url(../images/main/arrow-r_s.svg);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain
}

.c-button__arrow:hover,
.c-button__arrow:focus,
.c-button__arrow:active {
    border-color: #28282c;
    color: var(--color-base)
}

.c-button__arrow:hover .c-button__arrow__circle,
.c-button__arrow:focus .c-button__arrow__circle,
.c-button__arrow:active .c-button__arrow__circle {
    -webkit-transform: translateX(5px);
    transform: translate(5px);
    background-color: var(--color-secondary)
}

.c-button__arrow:hover .c-button__arrow__circle:before,
.c-button__arrow:focus .c-button__arrow__circle:before,
.c-button__arrow:active .c-button__arrow__circle:before {
    background-color: var(--color-base)
}

.c-button__arrow.\:white {
    border: none;
    background-color: var(--color-white)
}

.c-button__arrow.\:white:hover,
.c-button__arrow.\:white:focus,
.c-button__arrow.\:white:active {
    border: none;
    background-color: var(--color-secondary)
}

.c-button__arrow.\:white:hover .c-button__arrow__circle,
.c-button__arrow.\:white:focus .c-button__arrow__circle,
.c-button__arrow.\:white:active .c-button__arrow__circle {
    background-color: #fff;
    border: none;
}

.c-button__arrow.\:white:hover .c-button__arrow__circle:before,
.c-button__arrow.\:white:focus .c-button__arrow__circle:before,
.c-button__arrow.\:white:active .c-button__arrow__circle:before {
    background-color: var(--color-secondary)
}

.c-card__blog {
    position: relative;
    width: 386px
}

.c-card__blog__img {
    display: block
}

.c-card__blog__img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.c-card__blog__img:hover img,
.c-card__blog__img:focus img,
.c-card__blog__img:active img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-card__blog__img:hover .c-card__blog__arrow,
.c-card__blog__img:focus .c-card__blog__arrow,
.c-card__blog__img:active .c-card__blog__arrow {
    background-color: var(--color-secondary)
}

.c-card__blog__img:hover .c-card__blog__arrow:after,
.c-card__blog__img:focus .c-card__blog__arrow:after,
.c-card__blog__img:active .c-card__blog__arrow:after {
    background-color: var(--color-base)
}

.c-card__blog__img__cover {
    position: relative;
    padding-top: 58%;
    overflow: hidden;
    border-radius: 20px
}

.c-card__blog__img__cover img {
    -o-object-fit: cover;
    -o-object-position: center;
    -webkit-transform-origin: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform-origin: center center;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.c-card__blog__tit {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 3rem;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    overflow: hidden;
    font-weight: var(--font-nm);
    font-size: 1.0625rem;
    line-height: 1.4;
    text-overflow: ellipsis
}

.c-card__blog__details {
    display: flex;
    z-index: 2;
    position: relative;
    align-items: center;
    margin-top: 20px;
    gap: 15px
}

.c-card__blog__date {
    color: var(--color-base);
    font-size: 1rem;
    opacity: .4
}

.c-card__blog__arrow {
    position: absolute;
    right: 0;
    bottom: .2rem;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: var(--color-base);
    transition-duration: .3s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-card__blog__arrow:after {
    -webkit-mask-image: url(../images/main/arrow-r_s.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background-color: var(--color-secondary);
    content: "";
    mask-image: url(../images/main/arrow-r_s.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition-duration: .3s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #f7941d
}

.hamburger__container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    margin-top: -2px;
    margin-left: -10px
}

.hamburger__bar {
    -webkit-transform-origin: center center;
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    margin-left: -1px;
    transform-origin: center center;
    background-color: var(--color-white);
    transition: all 0.4s ease;
}

.hamburger__bar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--color-white);
    content: "";
    transition: all 0.4s ease;
}

.hamburger__bar:not(:first-child,
:last-child) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition-delay: .3s
}

.hamburger__bar:first-child {
    -webkit-transform: translateY(-8px) rotate(0);
    transform: translateY(-8px) rotate(0)
}

.hamburger__bar:last-child {
    -webkit-transform: translateY(8px) rotate(0);
    transform: translateY(8px) rotate(0)
}

.hamburger:hover .hamburger__bar:before,
.hamburger:focus .hamburger__bar:before,
.hamburger:active .hamburger__bar:before {
    background-color: #fff;
}

.l-drawer.is-open .hamburger__bar:not(:first-child, :last-child){
    display: none;
}
.l-drawer.is-open .hamburger__bar:first-child {
    transform: translateY(0px) rotate(45deg);
}
.l-drawer.is-open .hamburger__bar:last-child {
    transform: translateY(0px) rotate(135deg);
}


.c-hover-circle {
    -webkit-transform-origin: center;
    -webkit-transform: rotate(-45deg);
    display: grid;
    z-index: 1;
    position: relative;
    place-items: center;
    width: 172px;
    height: 172px;
    transform: rotate(-45deg);
    transform-origin: center;
    border-radius: 100%
}

.c-hover-circle svg {
    width: 100%
}

.c-hover-circle svg circle {
    stroke-width: .5
}

.c-hover-circle:before,
.c-hover-circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    transition-duration: .4s;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.c-hover-circle:before {
    background-image: url(../images/main/arrow-r.svg);
    background-size: contain;
    opacity: 1
}

.c-hover-circle:after {
    -webkit-mask-image: url(../images/main/arrow-r.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-transform: translateX(-25%);
    transform: translate(-25%);
    background-color: var(--color-secondary);
    mask-image: url(../images/main/arrow-r.svg);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    opacity: 0
}

.js-hover-elm:hover .c-hover-circle:before,
.js-hover-elm:focus .c-hover-circle:before,
.js-hover-elm:active .c-hover-circle:before {
    -webkit-transform: translateX(25%);
    transform: translate(25%);
    opacity: 0
}

.js-hover-elm:hover .c-hover-circle:after,
.js-hover-elm:focus .c-hover-circle:after,
.js-hover-elm:active .c-hover-circle:after {
    -webkit-transform: translateX(0);
    transform: translate(0);
    opacity: 1
}

.c-information-list {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid rgba(40, 40, 44, .3)
}

.c-information-list__link {
    display: block;
    padding-right: 40px;
    overflow: hidden;
    color: var(--color-base)
}

.c-information-list__link:hover,
.c-information-list__link:focus,
.c-information-list__link:active {
    color: var(--color-base)
}

.c-information-list__link:hover:before,
.c-information-list__link:focus:before,
.c-information-list__link:active:before {
    background-color: var(--color-secondary)
}

.c-information-list__link:hover .c-information-list__arrow,
.c-information-list__link:focus .c-information-list__arrow,
.c-information-list__link:active .c-information-list__arrow {
    background-color: var(--color-secondary)
}

.c-information-list__link:hover .c-information-list__arrow:after,
.c-information-list__link:focus .c-information-list__arrow:after,
.c-information-list__link:active .c-information-list__arrow:after {
    background-color: var(--color-base)
}

.c-information-list__details {
    display: flex;
    z-index: 2;
    position: relative;
    align-items: center;
    margin-bottom: .6rem;
    gap: 15px
}

.c-information-list__date {
    color: var(--color-base);
    font-size: 1rem;
    opacity: .4
}

.c-information-list__time {
    z-index: 2;
    position: relative;
    font-size: .875rem;
    line-height: 1.2
}

.c-information-list__title {
    z-index: 2;
    position: relative;
    font-weight: var(--font-nm);
    font-size: .9375rem
}

.c-information-list__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 23px;
    margin-top: -11.5px;
    border-radius: 100%;
    background-color: var(--color-base);
    transition-duration: .3s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-information-list__arrow:after {
    -webkit-mask-image: url(../images/main/arrow-r_s.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background-color: var(--color-secondary);
    content: "";
    mask-image: url(../images/main/arrow-r_s.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition-duration: .3s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-information-wrap .c-information-list:first-child {
    margin-top: -30px
}

.lower.\:bg-white {
    z-index: 1;
    position: relative;
    border-radius: 0 0 30px 30px;
    background-color: var(--color-white)
}

.lower.\:bg-dark {
    z-index: 1;
    position: relative;
    border-radius: 0 0 30px 30px;
    background-color: var(--color-black-0F)
}

.lower__header,
.lower__header.\:secondary {
    padding-top: clamp(7.813rem, 6.25rem + 6.25vw, 13.75rem);
    padding-bottom: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem)
}

.lower__header__title {
    display: flex;
    flex-direction: column-reverse;
    padding: 1.25rem 0 4rem;
    border-bottom: 1px solid rgba(40, 40, 44, .3);
    font-weight: var(--font-nm)
}

.lower__header__title .\:en {
    font-size: clamp(3.75rem, 2.9276rem + 3.2895vw, 6.875rem);
    line-height: 1.2;
    letter-spacing: .1rem
}

.lower__header__title .\:ja {
    margin-top: .3rem;
    color: var(--color-gray);
    font-size: .9375rem;
    line-height: 1
}

.lower__header__title.\:secondary {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
    border: none;
    font-weight: var(--font-nm)
}

.lower__header__title.\:secondary .\:en {
    font-weight: var(--font-nm);
    font-size: 7.25vw;
    line-height: 1.2
}

.lower__header__title.\:secondary .\:ja {
    margin-top: .3rem;
    font-size: clamp(1.25rem, 1.1842rem + .2632vw, 1.5rem)
}

.lower__header__title.\:secondary .\:normal {
    margin-top: .3rem;
    font-size: clamp(1.5625rem, 1.4803rem + .3289vw, 1.875rem)
}

.lower__header--blank {
    padding-top: clamp(50px, 6vw, 60px);
    padding-bottom: clamp(40px, 7vw, 100px)
}

.lower__breadcrumb {
    margin-top: clamp(60px, 3vw, 80px);
    margin-bottom: clamp(30px, 3vw, 60px)
}

.lower__main {
    position: relative;
    height: 60vh
}

.lower__main__image {
    position: relative;
    padding: clamp(7.5rem, 6.184rem + 5.26vw, 12.5rem) 0
}

.lower__main__image img {
    -o-object-fit: contain;
    -o-object-position: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.lower__main__image.\:cover {
    -o-object-fit: cover;
    object-fit: cover
}

.lower__main__image.\:about {
    padding-top: clamp(18.75rem, 15.461rem + 13.16vw, 31.25rem)
}

.lower__main__image.\:about:before {
    position: absolute;
    top: -50px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/about/main.png);
    background-position: center center;
    background-size: 90%;
    background-repeat: no-repeat;
    content: ""
}

.lower__main__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lower__main__bg img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.lower__main .container {
    display: flex;
    align-items: center;
    height: 100%
}

.lower__main__catch {
    display: flex;
    z-index: 1;
    position: relative;
    flex-direction: column;
    margin-top: 3vw;
    gap: 50px;
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.lower__main__catch__sub {
    max-width: 525px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

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

.lower__main.\:data {
    height: auto;
    padding-top: clamp(7.813rem, 6.25rem + 6.25vw, 13.75rem);
    padding-bottom: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem)
}

.lower__main.\:data .lower__main__bg {
    height: 100vh
}

.lower__sticky__container {
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    display: flex;
    position: relative;
    column-gap: 100px;
    align-items: flex-start;
    padding-bottom: clamp(7.5rem, 6.513rem + 3.95vw, 11.25rem)
}

.lower__sticky__main {
    position: relative;
    flex-grow: 1
}

.lower__sticky__main.\:border:before {
    position: absolute;
    top: 0;
    left: -3.5vw;
    width: 1px;
    height: 100%;
    border-left: 1px solid var(--color-white);
    content: ""
}

.lower__sticky__main.\:requirements {
    flex-grow: 1
}

.lower__sticky__entry {
    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
    flex: 0 0 100px
}

.lower__sticky__side {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    flex: 0 0 20%
}

.lower__sticky__side.\:wide {
    flex: 0 0 45%
}

.lower__sticky__side.\:narrow {
    flex: 0 0 10%
}

.lower__sticky__side__tit {
    font-weight: var(--font-nm);
    font-size: clamp(1.75rem, 1.5362rem + .8553vw, 2.5625rem);
    line-height: 1.2;
    letter-spacing: .05rem
}

.lower__sticky__side__subtit {
    font-weight: var(--font-nm);
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.lower__sticky__side__item {
    margin: 10px 0
}

.lower__sticky__side__str {
    -webkit-transform: translateX(0);
    display: inline-block;
    transform: translate(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.lower__sticky__side__link {
    position: relative;
    padding-left: 18px;
    color: var(--color-base);
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem);
    opacity: .5;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.lower__sticky__side__link.\:ja {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    letter-spacing: .05rem
}

.lower__sticky__side__link:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 11px;
    height: 11px;
    margin-top: -5.5px;
    border-radius: 100%;
    background-color: var(--color-secondary);
    content: "";
    opacity: 0;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.lower__sticky__side__link.active {
    opacity: 1
}

.lower__sticky__side__link.active:before {
    opacity: 1
}

.lower__sticky__side__link:hover,
.lower__sticky__side__link:focus,
.lower__sticky__side__link:active {
    color: var(--color-base);
    opacity: 1
}

.lower__sticky__side__link:hover:before,
.lower__sticky__side__link:focus:before,
.lower__sticky__side__link:active:before {
    opacity: 1
}

.lower-scroll__img img {
    display: block;
    width: 100%
}

.recruit__list__wrap {
    max-width: 90%;
    margin: 100px auto 0
}

.recruit__list__item {
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.recruit__list__item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.recruit__list__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 5px;
    color: var(--color-white);
    transition-duration: .4s;
    transition-property: color, opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.recruit__list__link:hover,
.recruit__list__link:focus,
.recruit__list__link:active {
    color: var(--color-white)
}

.recruit__list__link .\:en {
    font-size: 1.25rem
}

.recruit__list__link .\:ja {
    font-size: .875rem
}

.recruit__loop {
    display: flex;
    margin-top: clamp(3.75rem, 1.776rem + 7.89vw, 11.25rem)
}

.recruit__loop__list {
    display: flex;
    padding-right: 30px
}

.recruit__loop__list.\:first {
    -webkit-animation: infiniteScroll01 80s -40s linear infinite;
    animation: infiniteScroll01 80s -40s linear infinite
}

.recruit__loop__list.\:second {
    -webkit-animation: infiniteScroll02 80s linear infinite;
    animation: infiniteScroll02 80s linear infinite
}

.recruit__loop__item {
    display: flex;
    align-items: center;
    margin-right: 30px;
    gap: 30px;
    font-size: clamp(3.125rem, 2.3026rem + 3.2895vw, 6.25rem);
    white-space: nowrap
}

.recruit__loop__item:last-child {
    margin-right: 0
}

.recruit__loop__link {
    position: relative;
    padding-right: 90px;
    color: var(--color-white)
}

.recruit__loop__link:after {
    -webkit-mask-image: url(../images/main/arrow-r.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 53px;
    height: 53px;
    margin-top: -26.5px;
    background-color: var(--color-white);
    content: "";
    mask-image: url(../images/main/arrow-r.svg);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.recruit__loop__link:hover,
.recruit__loop__link:focus,
.recruit__loop__link:active {
    color: var(--color-white)
}

.recruit__loop__link:hover:after,
.recruit__loop__link:focus:after,
.recruit__loop__link:active:after {
    background-color: var(--color-secondary)
}

@-webkit-keyframes infiniteScroll01 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes infiniteScroll02 {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translate(-200%)
    }
}

.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-nm);
    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 {
    font-weight: var(--font-nm);
    font-size: 30px;
    line-height: 1;
    letter-spacing: .03rem;
    font-weight: 600;
}
.top-about .c-title__primary {font-size: 26px;
                              line-height: 35px;}
@media only screen and (max-width: 767px) {
    .c-title__primary {
        font-weight: var(--font-nm);
        font-size: 19px;
        line-height: 1;
        letter-spacing: .03rem;
        font-weight: 600;
    }
}

.c-title__primary.\:lg {
    font-size: clamp(4rem, 3.1776rem + 3.2895vw, 7.125rem);
    line-height: .9
}

.c-title__primary.\:md {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 50px;
}

.c-title__primary.\:sm {
    font-size: clamp(1.25rem, 1.0855rem + .6579vw, 1.875rem)
}

.c-title__secondary {
    display: flex;
    flex-direction: column-reverse;
    font-weight: var(--font-nm);
    line-height: 1.4
}

.c-title__secondary .\:ja {
    display: block;
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    letter-spacing: .05rem
}

.c-title__secondary .\:ja.\:md {
    font-size: clamp(1.09375rem, 1.0526rem + .1645vw, 1.25rem)
}

.c-title__secondary .\:en {
    display: block;
    font-size: clamp(1.375rem, 1.1447rem + .9211vw, 2.25rem);
    letter-spacing: .075rem
}

.c-title__secondary .\:en.\:md {
    font-size: clamp(2.0625rem, 1.8816rem + .7237vw, 2.75rem)
}

.c-title__border {
    margin-bottom: 30px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(40, 40, 44, .4);
    font-weight: var(--font-nm);
    font-size: 1rem
}

.c-title__border__lg {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(40, 40, 44, .3);
    font-weight: var(--font-nm);
    font-size: clamp(3.125rem, 2.8289rem + 1.1842vw, 4.25rem)
}

.l-aside__blog {
    z-index: 1;
    position: relative;
    padding: clamp(6.25rem, 4.934rem + 5.26vw, 11.25rem) 0 clamp(3.125rem, .987rem + 8.55vw, 11.25rem);
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    background-color: var(--color-white)
}

.l-aside__blog__heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.l-aside__blog .splide__track {
    overflow: visible
}

.l-aside__contact {
    position: relative;
    background-color: #aaa
}

.l-aside__contact__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110vh;
    background-image: url(../images/IMG_2813.JPEG);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.l-aside__contact__tit {
    font-size: clamp(4.125rem, 3.8947rem + .9211vw, 5rem)
}

.l-aside__contact__inner {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 200px 0;
    color: var(--color-white);
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-aside__contact__inner:hover,
.l-aside__contact__inner:focus,
.l-aside__contact__inner:active {
    color: var(--color-white)
}

.l-aside__contact .c-hover-circle {
    z-index: 0
}

.l-aside__recruit {
    z-index: 1;
    position: relative;
    padding: clamp(3.75rem, 1.776rem + 7.89vw, 11.25rem) 0 clamp(3.125rem, .987rem + 8.55vw, 11.25rem);
    overflow: hidden;
    border-radius: 30px;
    background-color: var(--color-black-0F)
}

.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: #fff;
}

.l-drawer__header {
    display: flex;
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-items: center;
    justify-content: flex-end;
    height: var(--header-height);
    padding: 0 45px
}

.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__img {
    position: relative;
    flex: 0 0 40%;
    padding-top: 50%;
    overflow: hidden;
    border-radius: 20px
}

.l-drawer__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.l-drawer__img__slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-drawer__img__slider .splide__track {
    height: 100%
}

.l-drawer__content {
    width: 100%
}

.l-drawer__nav__list {
    margin: 0.875rem 0;
    padding: 0.875rem 0;
    border-bottom: 1px solid var(--color-secondary);
    overflow: hidden;
    text-align: center;
}

.l-drawer__nav__list .l-drawer__nav__str:before {
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: var(--color-gray-9F);
    content: "";
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-drawer__nav__list .l-drawer__nav__ul .l-drawer__nav__list {
    margin: .75rem 0
}

.l-drawer__nav__list .l-drawer__nav__ul .l-drawer__nav__link {
    color: var(--color-secondary);
    font-size: .875rem
}

.l-drawer__nav__link {
    display: inline-flex;
    color: var(--color-secondary);
    font-size: 1.1875rem;
    line-height: 1
}

.l-drawer__nav__link:hover,
.l-drawer__nav__link:focus,
.l-drawer__nav__link:active {
    color: #fff
}

.l-drawer__nav__link:hover .l-drawer__nav__str:before,
.l-drawer__nav__link:focus .l-drawer__nav__str:before,
.l-drawer__nav__link:active .l-drawer__nav__str:before {
    left: 0;
    width: 100%
}

.l-drawer__nav.\:right {
    position: relative
}

.l-drawer__nav.\:right .l-drawer__sub {
    position: absolute;
    right: 100px;
    bottom: 0;
    line-height: 1;
    white-space: nowrap
}

.l-drawer__nav.\:right .l-drawer__lang {
    position: absolute;
    right: 0;
    bottom: 0
}

.l-drawer__sub__str {
    color: var(--color-white);
    font-size: clamp(.6875rem, .6711rem + .0658vw, .75rem);
    opacity: .4;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-drawer__sub__str:hover,
.l-drawer__sub__str:focus,
.l-drawer__sub__str:active {
    color: var(--color-white);
    opacity: 1
}

.l-drawer__lang {
    display: flex;
    overflow: hidden;
    gap: 20px;
    line-height: 1;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-drawer__lang__list {
    position: relative
}

.l-drawer__lang__list:last-child .l-drawer__lang__link:before {
    content: none
}

.l-drawer__lang__link {
    display: inline-flex;
    color: var(--color-white);
    font-size: .875rem;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-drawer__lang__link:before {
    position: absolute;
    top: 0;
    right: -12.5px;
    content: "/";
    color: var(--color-white)
}

.l-drawer__lang__link:hover,
.l-drawer__lang__link:focus,
.l-drawer__lang__link:active {
    color: var(--color-white);
    opacity: .4
}

.l-drawer__lang__link.\:active {
    pointer-events: none
}

.l-drawer__lang__link.\:active span {
    opacity: .4
}

.l-drawer.is-open {
    display: block;
    z-index: 10000
}

.l-drawer.\:hero--inview .l-drawer__header {
    height: var(--header-height-top)
}

.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% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        opacity: 0
    }
    to {
        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__wrapper {
    position: relative;
    color: var(--color-white)
}

.l-footer__wrapper:before {
    -webkit-backdrop-filter: blur(20px);
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 30px;
    backdrop-filter: blur(20px);
    background-color: #00000042;
    content: ""
}

.l-footer__container {
    display: flex;
    position: relative;
    padding: 175px 0;
    gap: 12.5vw
}

.l-footer__logo {
    position: relative;
    flex: 0 0 210px;
    font-size: 1px;
    line-height: 1
}

.l-footer__logo__link {
    display: inline-flex;
    align-items: center;
	margin-bottom: 0.75rem;
}

.l-footer__logo__image {
    width: 100%
}

.l-footer__logo p {
	font-size: 13px;
	line-height: 1.7;
}

.l-footer__logo p + p {
	margin-top: 10px;
}

.l-footer__content {
    flex-grow: 1
}

.l-footer__nav__wrapper.\:en {
    display: flex !important;
    justify-content: space-between
}

.l-footer__nav__list {
    margin: 1.75rem 0;
    overflow: hidden
}

.l-footer__nav__list .l-footer__nav__ul .l-footer__nav__list {
    margin: .75rem 0
}

.l-footer__nav__list .l-footer__nav__ul .l-footer__nav__link {
    color: var(--color-white);
    font-weight: var(--font-nm);
    font-size: .875rem
}

.l-footer__nav__link {
    display: inline-flex;
    color: var(--color-white);
    font-weight: var(--font-mid);
    font-size: 1.1875rem;
    line-height: 1
}

.l-footer__nav__link:hover,
.l-footer__nav__link:focus,
.l-footer__nav__link:active {
    color: #fff;
    text-decoration: underline
}

.l-footer__nav.\:right {
    position: relative
}

.l-footer__nav.\:right .l-footer__lang {
    position: absolute;
    right: 0;
    bottom: 0
}

.l-footer__btm {
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0;
    justify-content: space-between;
    width: 100%
}

.l-footer__btm__right {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 40px
}

.l-footer__copy {
    font-size: .875rem
}

.l-footer__sub__item {
    font-size: clamp(.6875rem, .6711rem + .0658vw, .75rem)
}

.l-footer__sub__link {
    color: var(--color-white);
    opacity: .4;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-footer__sub__link:hover,
.l-footer__sub__link:focus,
.l-footer__sub__link:active {
    color: var(--color-white);
    opacity: 1
}

.l-footer__lang {
    display: flex;
    overflow: hidden;
    gap: 20px;
    line-height: 1;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-footer__lang__list {
    position: relative
}

.l-footer__lang__list:last-child .l-footer__lang__link:before {
    content: none
}

.l-footer__lang__link {
    display: inline-flex;
    color: var(--color-white);
    font-size: .875rem;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-footer__lang__link:before {
    position: absolute;
    top: 0;
    right: -12.5px;
    content: "/";
    color: var(--color-white)
}

.l-footer__lang__link:hover,
.l-footer__lang__link:focus,
.l-footer__lang__link:active {
    color: var(--color-white);
    opacity: .4
}

.l-footer__lang__link.\:active {
    pointer-events: none
}

.l-footer__lang__link.\:active span {
    opacity: .4
}

.l-header {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%
}

.l-header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    padding: 0 45px;
    transition-duration: .3s;
    transition-property: opacity, height, background-color;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__wrapper:before {
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
    position: absolute;
    top: 20px;
    left: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 40px);
    border-radius: 100vh;
    backdrop-filter: blur(5px);
    background-color: #fff;
    box-shadow: 0 2px 10px #00000026;
    content: "";
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__logo {
    grid-area: logo;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 1px;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__logo__link {
    display: inline-block;
    width: 210px;
    height: 70px;
    background-image: url(../images/main/logo.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    color: transparent
}

.l-header__logo__link:hover,
.l-header__logo__link:focus,
.l-header__logo__link:active {
    background-color: transparent;
    color: transparent
}

.l-header__logo__str {
    width: 0;
    height: 0
}

.l-header__gnav {
    flex-grow: 1;
    margin-left: 7.5vw;
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__gnav__ul {
    display: flex;
    justify-content: flex-start
}

.l-header__gnav__list {
    margin: 0 1.5rem
}

.l-header__gnav__str {
    position: relative
}

.l-header__gnav__str:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: var(--color-white);
    content: "";
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__gnav__link {
    color: var(--color-white);
    font-size: 1rem;
    transition-duration: .4s;
    transition-property: opacity, color;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__gnav__link:hover,
.l-header__gnav__link:focus,
.l-header__gnav__link:active {
    color: var(--color-white);
    opacity: .4
}

.l-header__gnav__link:hover .l-header__gnav__str:before,
.l-header__gnav__link:focus .l-header__gnav__str:before,
.l-header__gnav__link:active .l-header__gnav__str:before {
    left: 0;
    width: 100%
}

.l-header__lang {
    display: flex;
    gap: 20px;
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__lang__list {
    position: relative
}

.l-header__lang__list:before {
    position: absolute;
    top: 0;
    right: -12.5px;
    content: "/";
    color: var(--color-base)
}

.l-header__lang__list:last-child:before {
    content: none
}

.l-header__lang__link {
    color: var(--color-base);
    font-size: .875rem;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__lang__link:hover,
.l-header__lang__link:focus,
.l-header__lang__link:active {
    color: var(--color-base);
    opacity: .4
}

.l-header__lang__link.\:active {
    opacity: .4;
    pointer-events: none
}

.l-header__contact {
    flex: 0 0 390px;
    margin-left: 25px;
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.l-header__contact__link {
    display: block;
    position: relative;
    padding: 10px 18px;
    border-radius: 100vh;
    background-color: #f7941d;
    color: var(--color-white);
    font-size: .9375rem
}
/*
.l-header__contact__link:before {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 100%;
    background-color: var(--color-white);
    content: "";
    transition-duration: .4s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
*/
.l-header__contact__link:hover,
.l-header__contact__link:focus,
.l-header__contact__link:active {
    color: var(--color-white)
}

.l-header__contact__link:hover:before,
.l-header__contact__link:focus:before,
.l-header__contact__link:active:before {
    background-color: var(--color-secondary)
}

.l-header__hamburger {
    display: flex;
    justify-content: flex-end;
    margin-left: 15px
}

.l-header.headroom--not-top .l-header__logo__link {
    background-image: url(../images/logo.svg)
}

.l-header.\:hero--inview .l-header__logo,
.l-header.\:hero--inview .l-header__gnav,
.l-header.\:hero--inview .l-header__contact {
    opacity: 1 !important;
    pointer-events: all !important
}

.l-header.\:hero--inview .l-header__logo__link {
    background-image: url(../images/logo.png)
}

.l-header.\:hero--inview .l-header__lang {
    opacity: 1 !important;
    pointer-events: all !important
}

.l-header.\:hero--inview .l-header__lang__list:before {
    color: var(--color-white)
}

.l-header.\:hero--inview .l-header__lang__link {
    color: var(--color-white)
}

.l-header.\:hero--inview .l-header__lang__link:hover,
.l-header.\:hero--inview .l-header__lang__link:focus,
.l-header.\:hero--inview .l-header__lang__link:active {
    color: var(--color-white)
}

.l-header.headroom--not-top .l-header__logo,
.l-header.headroom--not-top .l-header__lang,
.l-header.headroom--not-top .l-header__contact {
    opacity: 0;
    pointer-events: none
}

.l-header.headroom--not-top:not(.l-header.headroom--not-top.\:hero--inview).headroom--pinned .l-header__wrapper:before {
    opacity: 1
}

.l-header.headroom--pinned .l-header__logo,
.l-header.headroom--pinned .l-header__lang,
.l-header.headroom--pinned .l-header__contact,
.l-header.headroom--top .l-header__logo,
.l-header.headroom--top .l-header__lang,
.l-header.headroom--top .l-header__contact {
    opacity: 1;
    pointer-events: all;
    margin-bottom: 0;
}

.l-header.headroom--pinned:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__wrapper:before,
.l-header.headroom--top:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__wrapper:before {
    opacity: 1
}

.l-header.headroom--pinned:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav,
.l-header.headroom--top:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav {
    opacity: 1;
    pointer-events: all
}

.l-header.headroom--pinned:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav__link,
.l-header.headroom--top:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav__link {
    color: var(--color-base)
}

.l-header.headroom--pinned:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav__str:before,
.l-header.headroom--top:not(.l-header.headroom--pinned.\:hero--inview,
.l-header.headroom--top.\:hero--inview) .l-header__gnav__str:before {
    background-color: var(--color-base)
}

.l-header.headroom--pinned .l-header__logo__link,
.l-header.headroom--top .l-header__logo__link {
    background-image: url(../images/logo.svg);
    width: 150px;
    height: 50px;
}

.l-header.headroom--pinned.\:hero--inview .l-header__logo__link,
.l-header.headroom--top.\:hero--inview .l-header__logo__link {
    background-image: url(../images/logo.png);
    width: 210px;
    height: 70px;
}

.l-header.business .l-header__logo__link {
    background-image: url(../images/logo.svg)
}

/* .l-header.business .l-header__gnav__link {
    color: var(--color-white) !important
} */

.l-header.business .l-header__gnav__str:before {
    background-color: var(--color-white) !important
}

.l-header.business .l-header__lang__list:before {
    color: var(--color-white)
}

.l-header.business .l-header__lang__link {
    color: var(--color-white)
}

.l-header.business .l-header__lang__link:hover,
.l-header.business .l-header__lang__link:focus,
.l-header.business .l-header__lang__link:active {
    color: var(--color-white)
}

body.\:dark .l-header__logo__link {
    background-image: url(../images/main/logo.svg) !important
}

body.\:dark .l-header__gnav__link,
body.\:dark .l-header__lang__link {
    color: var(--color-white) !important
}

body.\:dark .l-header__gnav__str:before {
    background-color: var(--color-white) !important
}

body.\:dark .l-header__lang__list:before {
    color: var(--color-white) !important
}

body.modal-open .l-header {
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.intro__overlay-first {
    z-index: 10010;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff
}

.intro__logo {
    z-index: 10010;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 50px;
    margin-top: -25px;
    margin-left: -90px;
    opacity: 0
}

.intro__logo img {
    width: 100%
}

.sidebar {
    max-width: 400px
}

.sidebar__title {
    color: var(--color-gray);
    font-weight: var(--font-mid);
    font-size: 1.0625rem
}

.sidebar__title:not(:first-child) {
    padding-top: 1.2rem
}

.sidebar__title__link {
    color: var(--color-gray);
    font-weight: var(--font-mid);
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.sidebar__title__link:hover,
.sidebar__title__link:focus,
.sidebar__title__link:active {
    color: var(--color-secondary)
}

.sidebar__link {
    position: relative;
    margin-top: 0;
    padding-left: 13px;
    color: var(--color-base);
    font-size: .8125rem;
    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-gray)
}

.sidebar__link:before {
    position: absolute;
    top: .3rem;
    left: 2px;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background-color: var(--color-gray);
    content: ""
}

.sidebar__child__item {
    position: relative;
    margin-top: .2rem
}

.sidebar__child__link {
    color: var(--color-base);
    font-size: .8125rem;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.sidebar__child__link:hover,
.sidebar__child__link:focus,
.sidebar__child__link:active {
    color: var(--color-secondary)
}

.sidebar__child__link:before {
    position: absolute;
    top: .6rem;
    left: 3px;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: var(--color-gray);
    content: ""
}

.sidebar__archive {
    width: 100%;
    margin-top: 2rem;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    border: 1px solid rgba(85, 105, 114, .2) !important;
    border-radius: 100vh !important
}

.sidebar__nav__list .cat-item {
    margin: 0 0 .35rem;
    font-size: .875rem
}

.sidebar__nav__list .cat-item a {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    color: var(--color-base);
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.sidebar__nav__list .cat-item a:hover,
.sidebar__nav__list .cat-item a:focus,
.sidebar__nav__list .cat-item a:active {
    color: var(--color-primary)
}

.sidebar__nav__list .cat-item a:before {
    position: absolute;
    top: 6.5px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    content: "";
    opacity: 0
}

.sidebar__nav__list .cat-item a:after {
    position: absolute;
    top: 3.5px;
    left: -3px;
    width: 13px;
    height: 13px;
    border: 1px solid rgba(40, 40, 44, .2);
    border-radius: 100%;
    content: ""
}

.sidebar__nav__list .cat-item.current-cat>a {
    color: var(--color-primary)
}

.sidebar__nav__list .cat-item.current-cat>a:before {
    background-color: var(--color-primary);
    opacity: 1
}

.sidebar__nav__list .cat-item.current-cat>a:after {
    border-color: var(--color-primary)
}

.sidebar__nav__list .cat-item .children {
    margin-top: .35rem
}

.about {
    position: relative;
    padding-top: 35vw
}

.about-main {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 80%;
    height: 100%
}

.about-main__wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.about-concept__tit {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 60px;
    font-weight: var(--font-nm)
}

.about-concept__tit .\:ja,
.about-concept__tit .\:en {
    display: inline-block
}

.about-concept__tit .\:en {
    font-size: clamp(1.3125rem, 1.0822rem + .9211vw, 2.1875rem)
}

.about-concept__tit .\:ja {
    margin: 30px 0 0;
    font-size: clamp(1.875rem, 1.2829rem + 2.3684vw, 4.125rem);
    letter-spacing: .2rem
}

.about-greeting__sign {
    max-width: 215px;
    margin: 75px 0 0 auto
}

.about-greeting__sign img {
    width: 100%
}

.about-divider {
    margin-top: clamp(5rem, 3.026rem + 7.89vw, 12.5rem);
    padding-top: 200px;
    border-top: 1px dashed var(--color-white)
}

.about-common__tit {
    display: inline-block;
    position: relative;
    font-weight: var(--font-nm);
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem)
}

.about-common__tit:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-white);
    content: ""
}

.about-common__tit.\:sm:before {
    content: none
}

.about-common__subtit {
    position: relative;
    font-weight: var(--font-nm);
    font-size: clamp(1.25rem, 1.1513rem + .3947vw, 1.625rem)
}

.about-common__body {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    line-height: 3
}

.about-philosophy__vision {
    display: grid;
    grid-template-rows: 100px auto;
    grid-template-columns: repeat(2, 50%);
    margin-top: clamp(3.75rem, 2.763rem + 3.95vw, 7.5rem)
}

.about-philosophy__vision .about-common__subtit {
    grid-row: 1/2;
    grid-column: 1/2
}

.about-philosophy__vision .about-philosophy__img {
    grid-row: 1/3;
    grid-column: 2/3
}

.about-philosophy__vision .about-philosophy__body {
    grid-row: 2/3;
    grid-column: 1/2
}

.about-philosophy__mission {
    margin-top: 80px
}

.about-philosophy__body {
    font-weight: var(--font-nm);
    font-size: clamp(1.5rem, 1.3355rem + .6579vw, 2.125rem)
}

.about-philosophy__img {
    position: relative;
    top: -2.5vw;
    max-width: 80%;
    margin: 0 auto
}

.about-outline__heading {
    margin-bottom: clamp(3.125rem, 2.303rem + 3.29vw, 6.25rem)
}

.about-outline__content {
    flex-grow: 1
}

.about-outline__block {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.about-outline__block:first-child {
    padding-top: 10px
}

.about-outline__block__key {
    flex: 0 0 150px;
    font-weight: var(--font-nm);
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.about-outline__block__value {
    flex-grow: 1;
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    opacity: .7
}

.about-outline__img {
    margin-top: clamp(3.125rem, 2.632rem + 1.97vw, 5rem);
    overflow: hidden;
    border-radius: 3px
}

.about-member__wrap {
    margin-top: 50px
}

.about-member__card {
    margin-bottom: 40px;
    border: none;
    color: var(--color-white)
}

.about-member__card__img {
    position: relative;
    overflow: hidden;
    border-radius: 13px
}

.about-member__card__img:before {
    -webkit-backdrop-filter: blur(7px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(7px);
    background-color: #ffffff4d;
    content: "";
    opacity: 0;
    transition-duration: .45s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.about-member__card__icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    background-color: var(--color-base)
}

.about-member__card__icon:before,
.about-member__card__icon:after {
    -webkit-transform-origin: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 1px;
    margin-left: -20%;
    transform-origin: center;
    background-color: var(--color-secondary);
    content: "";
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.about-member__card__icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.about-member__card.hover {
    color: var(--color-white)
}

.about-member__card.hover .about-member__card__img:before {
    opacity: 1
}

.about-member__card.hover .about-member__card__icon:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about-member__card.hover .about-member__card__icon:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.about-member__card__post {
    margin-top: 15px;
    font-size: clamp(.6875rem, .6546rem + .1316vw, .8125rem);
    opacity: .6
}

.about-member__card__name {
    margin-top: 5px;
    font-size: clamp(1rem, .9671rem + .1316vw, 1.125rem)
}

.about-member__others {
    padding-top: clamp(2.5rem, 2.171rem + 1.32vw, 3.75rem);
    font-size: clamp(.75rem, .7171rem + .1316vw, .875rem)
}

.about-member__others__type {
    margin-bottom: 10px;
    font-size: clamp(1.125rem, 1.0921rem + .1316vw, 1.25rem)
}

.about-member__others__block {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    gap: 50px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.about-member__others__block:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.about-member__others__key {
    display: flex;
    flex: 0 0 85%;
    font-weight: var(--font-nm);
    opacity: .6
}

.about-member__others__key span:first-child {
    flex: 0 0 65%
}

.about-member__others__key span:nth-child(2) {
    flex: 0 0 320px
}

.about-partner__heading {
    margin-bottom: clamp(2.5rem, 1.842rem + 2.63vw, 5rem)
}

.about-partner__column__img {
    overflow: hidden;
    border-radius: 10px
}

.about-partner__name {
    font-size: .6875rem
}

.about-partner__sub {
    margin-top: 20px;
    font-size: clamp(.6875rem, .6546rem + .1316vw, .8125rem);
    text-align: right
}

.about.\:bg-dark .lower__sticky__side__link {
    color: var(--color-white)
}

.blog__wrapper {
    z-index: 1;
    position: relative;
    padding-bottom: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem);
    border-radius: 0 0 30px 30px;
    background-color: var(--color-white)
}

.blog__wrapper .c-card__blog {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.blog__single__header__details {
    display: flex;
    align-items: center;
    gap: 20px
}

.blog__single__header__date {
    position: relative;
    color: var(--color-base);
    font-size: clamp(1.25rem, 1.0197rem + .9211vw, 2.125rem);
    line-height: .7;
    opacity: .4
}

.blog__single__header__arrow {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    border-radius: 100%;
    background-color: var(--color-base);
    transition-duration: .4s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__single__header__arrow svg {
    -webkit-transform: rotate(180deg);
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    transform: rotate(180deg)
}

.blog__single__header__arrow svg path {
    fill: var(--color-secondary);
    transition-duration: .4s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__single__header__arrow:hover,
.blog__single__header__arrow:focus,
.blog__single__header__arrow:active {
    background-color: var(--color-secondary)
}

.blog__single__header__arrow:hover svg path,
.blog__single__header__arrow:focus svg path,
.blog__single__header__arrow:active svg path {
    fill: var(--color-base)
}

.blog__single__header__title {
    margin-bottom: 5rem;
    padding: 1.25rem 0 4rem;
    border-bottom: 1px solid rgba(40, 40, 44, .3);
    font-weight: var(--font-nm);
    font-size: clamp(1.375rem, 1.1776rem + .7895vw, 2.125rem);
    letter-spacing: .075rem
}

.blog__content,
.blog__share {
    max-width: 100%
}

.blog__share {
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between !important;
    margin-top: 50px;
    padding: 100px 0;
    border: none;
    text-align: left
}

.blog__share:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-base);
    content: ""
}

.blog__share__title {
    flex: 0 0 auto !important;
    align-self: center;
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    background-color: var(--color-white);
    font-weight: var(--font-nm);
    font-size: clamp(1.0625rem, .9967rem + .2632vw, 1.3125rem);
    text-transform: uppercase
}

.blog__share__buttons {
    display: flex;
    flex: 0 0 auto !important;
    align-items: center;
    padding: 0 0 0 20px !important;
    gap: 20px;
    background-color: var(--color-white)
}

.blog__share__button {
    width: 20px;
    height: 20px;
    margin: 0;
    line-height: 20px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.blog__share__button:hover,
.blog__share__button:focus,
.blog__share__button:active {
    opacity: .5
}

.blog__back {
    padding-bottom: 50px;
    text-align: center
}

.blog__back__link {
    background-color: var(--color-white);
    color: var(--color-base);
    font-weight: var(--font-nm);
    font-size: clamp(1.0625rem, .9967rem + .2632vw, 1.3125rem);
    text-transform: uppercase
}

.blog__body img {
    border-radius: 10px
}

.business-wrapper {
    z-index: 1;
    position: relative;
    margin-top: -50px;
    padding: 100px 0 0;
    border-radius: 30px;
    color: var(--color-white)
}
.business-wrapper#business01 {
    background-color: var(--color-blue-92)
}

.business-wrapper#business02 {
    background-color: #fff;
    color: #28282c;
}

.business-wrapper#business0{
    background-color: #fff;
}
.business-content {
    padding-left: 3vw
}

.business-content__img {
    overflow: hidden;
    border-radius: 20px
}

.business-content__body {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    line-height: 2.2
}

.business-content__process__item {
    display: flex;
    position: relative;
    padding-bottom: 50px;
    padding-left: 80px;
    counter-increment: process
}

.business-content__process__item:last-child {
    padding-bottom: 0
}

.business-content__process__item:last-child:before {
    content: none
}

.business-content__process__item:before {
    position: absolute;
    top: 0;
    left: 21.5px;
    width: 1px;
    height: 100%;
    border: 1px dashed var(--color-white);
    content: "";
    opacity: .8
}

.business-content__process__item:after {
    display: flex;
    position: absolute;
    top: -6px;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid var(--color-white);
    border-radius: 100%;
    background-color: var(--color-blue-92);
    content: counter(process)
}

.business-content__process__tit {
    flex: 0 0 180px;
    font-size: clamp(1.09375rem, 1.0526rem + .1645vw, 1.25rem)
}

.business-content__process__body {
    flex-grow: 1;
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.business-content__process__others {
    display: flex;
    margin-top: 50px;
    padding: 35px 40px;
    border-radius: 20px;
    background-color: #fff3
}

.business-content__process__others .business-content__process__tit {
    flex: 0 0 120px
}

.contact__content {
    padding-bottom: 30px;
    font-size: .9375rem;
    line-height: 1.8
}

.contact__container {
    padding-top: clamp(9.375rem, 8.224rem + 4.61vw, 13.75rem)
}

.contact__body {
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.data-container {
    z-index: 1;
    position: relative;
    padding-top: 50px;
    padding-bottom: clamp(6.25rem, 4.605rem + 6.58vw, 12.5rem);
    color: var(--color-primary)
}

.data-content {
    position: relative;
    height: 100%;
    padding: 25px 25px 15px;
    border-radius: 10px;
    background-color: #ffffff4d
}

.data-content__head {
    font-weight: var(--font-mid);
    font-size: clamp(1.125rem, 1.0592rem + .2632vw, 1.375rem)
}

.data-content__inner {
    position: relative;
    margin: 40px 0
}

.data-content__inner.\:ratio {
    padding-top: 68%
}

.data-content__inner.\:employees .data-num {
    position: absolute;
    top: 0;
    left: 0
}

.data-content__inner.\:employees .data-content__img {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 25%
}

.data-content__inner.\:employees .data-content__img img {
    width: 100%
}

.data-content__inner.\:gender {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 40px 0;
    gap: 50px
}

.data-content__inner.\:graduate,
.data-content__inner.\:department {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.data-content__point {
    position: absolute;
    right: 25px;
    bottom: 25px;
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem);
    line-height: 1
}

.data-gender.\:left .data-gender__img {
    max-width: 68px;
    margin-bottom: 10px
}

.data-gender.\:right .data-gender__img {
    max-width: 60px;
    margin-bottom: 10px
}

.data-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: var(--gr-circle)
}

.data-circle.\:ratio01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 14vw;
    max-width: 200px;
    height: 14vw;
    max-height: 200px
}

.data-circle.\:ratio02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 19vw;
    max-width: 240px;
    height: 19vw;
    max-height: 240px
}

.data-circle.\:ratio03 {
    position: absolute;
    right: 15vw;
    bottom: 0;
    width: 12vw;
    max-width: 170px;
    height: 12vw;
    max-height: 170px
}

.data-circle.\:gender01 {
    width: 14vw;
    max-width: 160px;
    height: 14vw;
    max-height: 160px
}

.data-circle.\:gender02 {
    width: 14vw;
    max-width: 140px;
    height: 14vw;
    max-height: 140px
}

.data-circle.\:graduate01 {
    width: 20vw;
    max-width: 200px;
    height: 20vw;
    max-height: 200px
}

.data-circle.\:graduate02 {
    width: 24vw;
    max-width: 240px;
    height: 24vw;
    max-height: 240px
}

.data-circle.\:graduate03 {
    width: 17vw;
    max-width: 170px;
    height: 17vw;
    max-height: 170px
}

.data-circle.\:graduate04 {
    width: 14vw;
    max-width: 140px;
    height: 14vw;
    max-height: 140px
}

.data-circle.\:department01 {
    width: 24vw;
    max-width: 240px;
    height: 24vw;
    max-height: 240px
}

.data-circle.\:department02 {
    width: 20vw;
    max-width: 200px;
    height: 20vw;
    max-height: 200px
}

.data-circle.\:department03 {
    width: 17vw;
    max-width: 170px;
    height: 17vw;
    max-height: 170px
}

.data-circle.\:department04 {
    width: 14vw;
    max-width: 140px;
    height: 14vw;
    max-height: 140px
}

.data-bar {
    display: flex;
    justify-content: space-between
}

.data-bar__wrap {
    padding: 0 20px 20px
}

.data-bar__wrap .data-num {
    margin-bottom: 40px;
    margin-left: 33%
}

.data-bar__item {
    position: relative;
    height: 66px;
    background: var(--gr-circle02)
}

.data-bar__item.\:left {
    flex: 0 0 66.5%;
    border-radius: 100vh 0 0 100vh
}

.data-bar__item.\:left:before {
    position: absolute;
    right: -9px;
    bottom: calc(100% + 17px);
    width: 17px;
    height: 17px;
    background-image: url(../images/recruit/data/arrow.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.data-bar__item.\:right {
    flex: 0 0 33%;
    border-radius: 0 100vh 100vh 0
}

.data-bar__num {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    color: var(--color-white);
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.data-tit {
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem);
    text-align: center
}

.data-num {
    margin-top: 10px;
    font-size: clamp(1.8125rem, 1.4836rem + 1.3158vw, 3.0625rem);
    line-height: 1;
    text-align: center
}

.data-num span {
    font-size: 70%
}

.data-num.\:lg {
    margin-top: 30px;
    font-size: clamp(2.4375rem, 2.1086rem + 1.3158vw, 3.6875rem)
}

.data-num.\:sm {
    margin-top: 5px;
    font-size: clamp(1.875rem, 1.6776rem + .7895vw, 2.625rem)
}

.en .top-business {
    margin-top: clamp(8.75rem, 7.763rem + 3.95vw, 12.5rem);
    padding-top: 0
}

.en .top-business__accordion {
    position: relative
}

.en .top-business__accordion__inner {
    position: relative;
    padding: 100px 40px 40px;
    color: var(--color-white)
}

.en .top-business__accordion__inner:before {
    position: absolute;
    top: 0;
    left: 40px;
    width: calc(100% - 80px);
    height: 1px;
    background-color: var(--color-white);
    content: ""
}

.en .top-business__card__details {
    flex-basis: 40%
}

.en .top-business__card__img {
    padding-top: 40%
}

.en .top-business__card__tit {
    flex-direction: column
}

.en .top-business__card__tit .\:jp {
    font-weight: var(--font-nm);
    font-size: clamp(1.375rem, 1.2434rem + .5263vw, 1.875rem)
}

.en .top-business__card__body {
    margin-top: 30px
}

.en .top-business__card__inner {
    margin-top: 80px
}

.en .top-technology__tit {
    width: 55%
}

.en [data-accordion] [data-accordion-content] {
    overflow: clip
}

.en .lower__sticky__container {
    padding-bottom: clamp(5rem, 3.849rem + 4.61vw, 9.375rem)
}

.en .lower__sticky__side {
    flex: 0 0 27.5%
}

.en .lower__sticky__main:before {
    content: none
}

.en .technology-wrapper {
    position: relative;
    margin-top: 100px
}

.en .technology-pcp {
    position: relative
}

.en .technology-pcp:before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px 30px 0 0;
    background-color: var(--color-gray-EB);
    content: ""
}

.en .technology-development {
    padding-bottom: clamp(5rem, 3.849rem + 4.61vw, 9.375rem)
}

.en .top-technology {
    position: relative;
    padding-bottom: clamp(5rem, 3.684rem + 5.26vw, 10rem)
}

.en .top-technology:before {
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: var(--color-base);
    content: "";
    opacity: .3
}

.en .top-technology__img {
    padding-top: 45%
}

.en .top-technology__card {
    padding-bottom: 60px
}

.en .top-technology .en-card__icon {
    bottom: 20px;
    left: 20px
}

.en .top-technology .technology-matarials__img {
    padding: 40px
}

.en .en-card__icon {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 35px;
    left: 35px;
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    border-radius: 100%;
    background-color: var(--color-base);
    cursor: pointer
}

.en .en-card__icon:before,
.en .en-card__icon:after {
    -webkit-transform-origin: center;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 40%;
    height: 1px;
    transform-origin: center;
    background-color: var(--color-secondary);
    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)
}

.en .en-card__icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.en .en-card__icon.is-open:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.en .en-card__icon.is-open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.en .top-about__btm {
    z-index: 1;
    position: relative;
    overflow: clip;
    border-radius: 30px;
    background-color: var(--color-black-0F);
    color: var(--color-white)
}

.en .top-about__btm__heading {
    position: relative;
    padding-top: clamp(11.25rem, 10.099rem + 4.61vw, 15.625rem);
    padding-bottom: 50px;
    padding-left: 27.5%
}

.en .top-about__btm__heading:before {
    z-index: 1;
    position: absolute;
    right: -12vw;
    bottom: -25px;
    width: 100%;
    height: 100%;
    background-image: url(../images/en-about01.png);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.en .top-about__btm__tit {
    z-index: 1;
    position: relative;
    font-weight: var(--font-nm);
    font-size: clamp(3.75rem, 3.3388rem + 1.6447vw, 5.3125rem);
    line-height: 1
}

.en .top-about__btm .lower__sticky__container {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.en .top-about__btm .lower__sticky__side__link {
    color: var(--color-white)
}

.en .top-about__btm .about-concept__tit {
    margin-top: 0
}

.en .top-about__btm .about-common__body {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem);
    line-height: 1.8
}

.en .top-about__btm .about-outline__block {
    gap: 20px
}

.en .top-about__btm .about-outline__block__key {
    flex: 0 0 160px
}

.en .top-about__btm .about-member__others__key {
    flex: 0 0 80%
}

.en .top-about__btm .about-member__others__value {
    flex: 0 0 120px;
    text-align: right
}

.interview-list__item {
    margin-bottom: 40px
}

.interview-list__card {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    padding: 40px;
    overflow: hidden;
    gap: 80px;
    border-radius: 20px;
    background-color: var(--color-blue-92);
    color: var(--color-white)
}

.interview-list__img {
    display: block;
    flex: 0 0 50%
}

.interview-list__img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.interview-list__img__inner {
    position: relative
}

.interview-list__img__cover {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 20px
}

.interview-list__img__cover img {
    -o-object-position: center;
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.interview-list__img:hover img,
.interview-list__img:focus img,
.interview-list__img:active img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.interview-list__arrow {
    position: absolute;
    right: calc(100% + 40px);
    bottom: 10px;
    width: 80px;
    height: 80px
}

.interview-list__arrow .c-hover-circle {
    width: 100%;
    height: 100%
}

.interview-list__arrow .c-hover-circle:before,
.interview-list__arrow .c-hover-circle:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px
}

.interview-list__details {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 0
}

.interview-list__tit {
    margin-top: 1rem;
    font-weight: var(--font-mid);
    font-size: clamp(1.25rem, 1.1349rem + .4605vw, 1.6875rem)
}

.interview-list__year,
.interview-list__post {
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.interview-single__wrapper {
    z-index: 1;
    position: relative;
    margin-bottom: clamp(5rem, 3.849rem + 4.61vw, 9.375rem);
    padding-top: clamp(9.375rem, 6.908rem + 9.87vw, 18.75rem);
    background-color: #fff
}

.interview-single__tit {
    margin-top: .5rem;
    font-weight: var(--font-mid);
    font-size: clamp(1.75rem, 1.5197rem + .9211vw, 2.625rem)
}

.interview-single__prof {
    margin-top: clamp(2.5rem, 1.842rem + 2.63vw, 5rem);
    color: var(--color-base);
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem);
    text-align: right;
    opacity: .7
}

.interview-single__kv {
    margin: 20px calc(50% - 50vw) 0
}

.interview-single__kv__cover {
    position: relative;
    margin: 0 30px;
    padding-top: 45%;
    overflow: hidden;
    border-radius: 30px
}

.interview-single__kv img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.interview-single__container {
    display: flex;
    position: relative;
    align-items: flex-start;
    margin-top: clamp(2.5rem, 2.171rem + 1.32vw, 3.75rem);
    padding-top: 20px;
    gap: 100px;
    border-top: 1px solid rgba(40, 40, 44, .3)
}

.interview-single__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    flex: 0 0 300px
}

.interview-single__sticky__tit {
    color: var(--color-primary);
    font-weight: var(--font-nm);
    font-size: clamp(3rem, 2.6382rem + 1.4474vw, 4.375rem)
}

.interview-single__content {
    flex-grow: 1;
    padding-top: clamp(2.5rem, -.954rem + 13.82vw, 15.625rem)
}

.interview-single__content.\:schedule {
    padding-top: clamp(2.5rem, 1.842rem + 2.63vw, 5rem)
}

.interview-single__img {
    position: relative;
    margin-top: 4rem;
    padding-top: 60%;
    overflow: hidden;
    border-radius: 30px
}

.interview-single__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.interview-single__query {
    position: relative;
    margin-top: 4rem;
    padding-left: 65px;
    font-weight: var(--font-mid);
    font-size: clamp(1rem, .9507rem + .1974vw, 1.1875rem)
}

.interview-single__query:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: var(--color-base);
    content: ""
}

.interview-single__body {
    margin-top: 1.25rem;
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.interview-single__interlude {
    margin-top: clamp(4.688rem, 3.454rem + 4.93vw, 9.375rem)
}

.interview-single__interlude__cover {
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    border-radius: 20px
}

.interview-single__interlude img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    object-fit: cover;
    object-position: center
}

.interview-single__schedule {
    display: flex;
    margin-top: 2.5rem
}

.interview-single__schedule__time {
    flex: 0 0 80px;
    color: #28282c99;
    font-size: clamp(1.125rem, 1.0592rem + .2632vw, 1.375rem)
}

.interview-single__schedule__details {
    flex: 0 0 44%
}

.interview-single__schedule__tit {
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem)
}

.interview-single__schedule__body {
    margin-top: .5rem;
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.interview-single__schedule__img {
    position: relative;
    flex-grow: 1;
    margin-left: 5vw;
    padding-top: 22%;
    overflow: hidden;
    border-radius: 10px
}

.interview-single__schedule__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.interview-single__next {
    position: relative;
    flex-direction: row-reverse;
    margin-top: clamp(6.25rem, 4.934rem + 5.26vw, 11.25rem);
    padding: 80px 100px 100px;
    overflow: hidden;
    border-radius: 20px;
    background-color: var(--color-blue-B5);
    color: var(--color-white)
}

.interview-single__next__inner {
    display: flex;
    margin-top: 5vw;
    gap: 80px
}

.interview-single__next__heading {
    font-weight: var(--font-nm);
    font-size: clamp(1.875rem, 1.7105rem + .6579vw, 2.5rem);
    text-align: center
}

.interview-single__next__img {
    display: block;
    flex: 0 0 50%
}

.interview-single__next__img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.interview-single__next__img__cover {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 20px
}

.interview-single__next__img__cover img {
    -o-object-position: center;
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.interview-single__next__img:hover img,
.interview-single__next__img:focus img,
.interview-single__next__img:active img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.interview-single__next__arrow {
    position: absolute;
    right: 100px;
    bottom: 100px;
    width: 115px;
    height: 115px
}

.interview-single__next__arrow .c-hover-circle {
    width: 100%;
    height: 100%
}

.interview-single__next__arrow .c-hover-circle:before,
.interview-single__next__arrow .c-hover-circle:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px
}

.interview-single__next__details {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 5rem 0
}

.interview-single__next__tit {
    margin-top: 1rem;
    font-weight: var(--font-mid);
    font-size: clamp(1.25rem, 1.1349rem + .4605vw, 1.6875rem)
}

.interview-single__next__year,
.interview-single__next__post {
    font-size: clamp(.8125rem, .7796rem + .1316vw, .9375rem)
}

.notfound {
    padding: 45vh 0 35vh;
    color: var(--color-white);
    font-size: clamp(1.0625rem, 1.0296rem + .1316vw, 1.1875rem)
}

.notfound-content span {
    position: relative;
    letter-spacing: .05rem
}

.notfound-content span:before {
    position: absolute;
    bottom: -40px;
    left: 95%;
    width: 80px;
    height: 80px;
    background-image: url(../images/main/point.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.pp {
    z-index: 1;
    position: relative;
    padding-bottom: clamp(5rem, 3.849rem + 4.61vw, 9.375rem);
    border-radius: 0 0 30px 30px;
    background-color: var(--color-white)
}

.pp-grid {
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: clamp(3.75rem, 2.763rem + 3.95vw, 7.5rem);
    gap: 40px;
    border-top: 1px solid rgba(40, 40, 44, .4)
}

.pp__side {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    flex: 0 0 30vw
}

.pp__title {
    font-weight: var(--font-nm);
    font-size: clamp(1.0625rem, .9967rem + .2632vw, 1.3125rem)
}

.pp__content {
    flex-grow: 1
}

.pp__body,
.pp ul,
.pp ol {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.pp__body li,
.pp ul li,
.pp ol li {
    line-height: 2
}

.pp__body li span,
.pp ul li span,
.pp ol li span {
    opacity: .5
}

.pp strong,
.pp table th {
    font-weight: 500
}

.pp a {
    color: var(--color-base)
}

.pp a:hover,
.pp a:focus,
.pp a:active {
    color: var(--color-base);
    text-decoration: underline
}

.recruit-top__heading__inner {
    position: relative;
    padding-top: 85vh
}

.recruit-top__heading .container {
    position: relative
}

.recruit-top__heading .container .recruit-top__img.\:img01 {
    position: absolute;
    top: 10vw;
    left: 0;
    width: 45%;
    max-width: 660px
}

.recruit-top__heading .container .recruit-top__img.\:img02 {
    position: absolute;
    top: 22.5vw;
    right: 5%;
    width: 30%;
    max-width: 300px
}

.recruit-top__heading .container .recruit-top__img.\:img03 {
    z-index: 2;
    position: absolute;
    top: 55vw;
    right: 0;
    width: 25%;
    max-width: 310px
}

.recruit-top__heading .container .recruit-top__img img {
    border-radius: 10px
}

.recruit-top__heading__intelude {
    margin-top: clamp(5rem, 3.355rem + 6.58vw, 11.25rem);
    overflow: hidden;
    border-radius: 10px
}

.recruit-top__heading__body {
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem);
    line-height: 2.2
}

.lower.requirements {
    z-index: 1;
    position: relative;
    background-color: #fff
}

.requirements .lower__sticky__main {
    padding-right: 100px
}

.requirements-accordion__details {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #28282c0a
}

.requirements-accordion__summary {
    position: relative;
    padding: 25px 35px;
    background-color: #28282c0a;
    font-size: clamp(1rem, .9342rem + .2632vw, 1.25rem);
    transition-duration: .4s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.requirements-accordion__summary:hover,
.requirements-accordion__summary:focus,
.requirements-accordion__summary:active {
    background-color: #28282c14
}

.requirements-accordion__summary.is-active {
    border-radius: 10px 10px 0 0;
    background-color: #28282c14
}

.requirements-accordion__summary.is-active .requirements-accordion__arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.requirements-accordion__summary.is-active .requirements-accordion__arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.requirements-accordion__arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 35px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 100%;
    background-color: var(--color-base)
}

.requirements-accordion__arrow:before,
.requirements-accordion__arrow:after {
    -webkit-transform-origin: center;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 40%;
    height: 1px;
    transform-origin: center;
    background-color: var(--color-secondary);
    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)
}

.requirements-accordion__arrow:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.requirements-accordion__content {
    background-color: #28282c14
}

.requirements-accordion__inner {
    padding: 5px 35px 50px
}

.requirements-list__block {
    display: flex;
    padding: 25px 0;
    border-top: 1px solid rgba(40, 40, 44, .3);
    font-family: var(--ff-ja)
}

.requirements-list__block:last-child {
    border-bottom: 1px solid rgba(40, 40, 44, .3)
}

.requirements-list__tit {
    flex: 0 0 200px;
    font-weight: var(--font-nm);
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.requirements-list__body {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.requirements-entry {
    display: flex;
    z-index: 1;
    position: fixed;
    right: 30px;
    bottom: 30px;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    color: var(--color-white);
    font-size: clamp(1.5rem, 1.4013rem + .3947vw, 1.875rem);
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.requirements-entry span {
    z-index: 1;
    position: relative
}

.requirements-entry:before {
    -webkit-transform-origin: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    border-radius: 100%;
    background-color: var(--color-primary);
    content: "";
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.requirements-entry:hover,
.requirements-entry:focus,
.requirements-entry:active {
    color: var(--color-white)
}

.requirements-entry:hover:before,
.requirements-entry:focus:before,
.requirements-entry:active:before {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.requirements .lower__sticky__container.btm .requirements-entry {
    opacity: 0;
    pointer-events: none
}

.technology-wrapper {
    z-index: 1;
    position: relative;
    margin-top: -50px;
    overflow: hidden;
    border-radius: 30px;
    background-color: var(--color-white)
}

.technology-pcp {
    padding: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem) 0 clamp(5rem, 3.026rem + 7.89vw, 12.5rem)
}

.technology-pcp__grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: clamp(1.875rem, 1.546rem + 1.32vw, 3.125rem);
    gap: 100px
}

.technology-pcp__img,
.technology-pcp__body {
    flex: 0 0 calc(50% - 50px)
}

.technology-case {
    position: relative;
    padding: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem) 0 clamp(5rem, 3.026rem + 7.89vw, 12.5rem);
    background-image: url(../images/technology/case-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.technology-case:before {
    -webkit-backdrop-filter: blur(30px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    background-color: #ffffff1a;
    content: ""
}

.technology-case .container {
    z-index: 1;
    position: relative
}

.technology-case__grid {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    display: grid;
    z-index: 1;
    position: relative;
    grid-template-rows: auto;
    grid-template-columns: 290px 1fr 290px;
    column-gap: 80px;
    margin-top: clamp(1.875rem, 1.546rem + 1.32vw, 3.125rem)
}

.technology-case__list.\:left {
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: flex-end
}

.technology-case__list.\:right {
    grid-row: 1/2;
    grid-column: 3/4
}

.technology-case__item {
    margin-bottom: 20px
}

.technology-case__item__tit {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: clamp(1rem, .9836rem + .0658vw, 1.0625rem)
}

.technology-case__item__tit:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--color-base);
    content: "";
    transition-duration: .4s;
    transition-property: background;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.technology-case__item__body {
    font-size: clamp(.75rem, .7171rem + .1316vw, .875rem)
}

.technology-case__item.active .technology-case__item__tit:before {
    background-color: var(--color-secondary)
}

.technology-case__map {
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: flex-end
}

.technology-case__map svg {
    width: 100%
}

.technology-case__map svg circle.target {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.technology-case__map svg circle.target.active {
    fill: var(--color-secondary)
}

.technology-development {
    padding: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem) 0 clamp(5rem, 3.026rem + 7.89vw, 12.5rem)
}

.technology-development__grid {
    -webkit-column-gap: 120px;
    -moz-column-gap: 120px;
    display: grid;
    grid-template-rows: 40% 60%;
    grid-template-columns: auto 500px;
    column-gap: 120px;
    align-items: center
}

.technology-development .c-title__secondary {
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: flex-end;
    margin-bottom: 60px
}

.technology-development__img {
    grid-row: 1/3;
    grid-column: 1/2
}

.technology-development__body {
    grid-row: 2/3;
    grid-column: 2/3;
    align-self: flex-start
}

.technology-matarials {
    position: relative;
    padding: clamp(1.25rem, -.066rem + 5.26vw, 6.25rem) 0 clamp(2.5rem, 1.513rem + 3.95vw, 6.25rem);
    overflow: hidden;
    color: var(--color-white)
}

.technology-matarials:before {
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 100%;
    border-radius: 20px;
    background-color: var(--color-blue-7D);
    content: ""
}

.technology-matarials__grid {
    -webkit-column-gap: 120px;
    -moz-column-gap: 120px;
    display: grid;
    z-index: 1;
    position: relative;
    grid-template-rows: 200px 1fr;
    grid-template-columns: 410px auto;
    column-gap: 120px;
    align-items: flex-start
}

.technology-matarials__grid .c-title__secondary {
    grid-row: 1/2;
    grid-column: 1/2
}

.technology-matarials__img {
    grid-row: 1/3;
    grid-column: 2/3
}

.technology-matarials__body {
    grid-row: 2/3;
    grid-column: 1/2;
    align-self: flex-start
}

.technology-mass {
    position: relative;
    margin-top: 25px;
    padding: clamp(1.25rem, -.066rem + 5.26vw, 6.25rem) 0 clamp(2.5rem, 1.513rem + 3.95vw, 6.25rem);
    overflow: hidden;
    color: var(--color-white)
}

.technology-mass:before {
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 100%;
    border-radius: 20px;
    background-color: var(--color-blue-B5);
    content: ""
}

.technology-mass__grid {
    -webkit-column-gap: 200px;
    -moz-column-gap: 200px;
    display: grid;
    z-index: 1;
    position: relative;
    grid-template-rows: 200px 1fr;
    grid-template-columns: 410px auto;
    column-gap: 200px;
    align-items: flex-start
}

.technology-mass__grid .c-title__secondary {
    grid-row: 1/2;
    grid-column: 1/2;
    margin-bottom: 60px;
    font-size: clamp(1.0625rem, 1.0132rem + .1974vw, 1.25rem)
}

.technology-mass__img {
    grid-row: 1/3;
    grid-column: 2/3
}

.technology-mass__body {
    grid-row: 2/3;
    grid-column: 1/2;
    align-self: flex-start
}

.technology-body {
    font-size: clamp(.875rem, .8421rem + .1316vw, 1rem)
}

.technology-caption {
    font-size: clamp(1rem, .9507rem + .1974vw, 1.1875rem)
}

.top-hero__wrapper {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #fff
}

.top-hero__cover {
    position: relative;
    height: 100%
}

.top-hero__mov {
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.top-hero__mov__outer {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px
}

.top-hero__mov__container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 40px
}

.top-hero__mov video,
.top-hero__mov img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-hero__catch {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50vw;
    max-width: 880px;
    padding: 0 0 10px;
    background: #fff;
    border-radius: 0 25px 0 0;
}

.top-hero__catch .cls-1 {
    opacity: 0
}

.top-hero__catch__jp {
    position: relative;
    padding: 30px 30px 10px;
    border-radius: 0 25px 0 0;
    /*background-color: var(--color-white)*/
}

.top-hero__catch__jp .top-hero__catch__corner {
    bottom: 0;
    left: 100%
}

.top-hero__catch__jp .cls-1 {
    fill: #3f99c4;
    stroke-width: 0
}

.top-hero__catch__en .cls-1 {
    fill: #28282c
}

.top-hero__catch__en__first,
.top-hero__catch__en__second {
    position: relative;
    padding: 15px 50px 5px 30px;
    border-radius: 0 22px 0 0;
    /*background-color: var(--color-white)*/
}

.top-hero__catch__en__first .top-hero__catch__corner,
.top-hero__catch__en__second .top-hero__catch__corner {
    bottom: 0;
    left: 100%
}

.top-hero__catch__en__first {
    width: 100%
}

.top-hero__catch__corner {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 100%;
    left: 10px;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.top-hero__catch__corner:before {
    -webkit-transform: translate(0, -50%);
    display: block;
    width: 200%;
    height: 200%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 30px var(--color-white);
    content: ""
}

.top-hero__info {
    z-index: 1;
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 320px
}

.top-hero__info__inner {
    padding: 15px;
    border-radius: 15px;
    background: rgba(85, 105, 114, .4)
}

.top-hero__info__cat {
    color: #fff;
    font-size: 1rem
}

.top-hero__info__date {
    color: var(--color-white);
    font-size: 1rem;
    opacity: .7
}

.top-hero__info__tit {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color-white);
    font-weight: var(--font-nm);
    line-height: .9;
    text-overflow: ellipsis
}

.top-hero__info__link {
    color: var(--color-white);
    font-size: 1rem;
    transition-duration: .4s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.top-hero__info__link:hover,
.top-hero__info__link:focus,
.top-hero__info__link:active {
    color: var(--color-secondary)
}

.top-about {
    padding-top: clamp(3.75rem, 2.27rem + 5.92vw, 9.375rem);
    overflow: hidden
}

.top-about__img {
    position: relative;
    flex: 0 0 430px;
    padding-top: 50%;
    overflow: hidden;
    border-radius: 10px
}

.top-about__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.top-about__grid {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 150px
}

.top-about__loop {
    display: flex;
    margin-top: clamp(6.25rem, 4.934rem + 5.26vw, 11.25rem)
}

.top-about__loop__list {
    display: flex;
    padding-right: 30px
}

.top-about__loop__list.\:first {
    -webkit-animation: infiniteScroll01 80s -40s linear infinite;
    animation: infiniteScroll01 80s -40s linear infinite
}

.top-about__loop__list.\:second {
    -webkit-animation: infiniteScroll02 80s linear infinite;
    animation: infiniteScroll02 80s linear infinite
}

.top-about__loop__item {
    display: flex;
    align-items: center;
    margin-right: 30px;
    gap: 30px;
    font-size: clamp(3.125rem, 2.3026rem + 3.2895vw, 6.25rem);
    white-space: nowrap
}

.top-about__loop__item:last-child {
    margin-right: 0
}

.top-about__loop__item.\:item01 .top-about__loop__img {
    background-image: url(../images/top/about-slide01.jpg)
}

.top-about__loop__item.\:item02 .top-about__loop__img {
    background-image: url(../images/top/about-slide02.jpg)
}

.top-about__loop__item.\:item03 .top-about__loop__img {
    background-image: url(../images/top/about-slide03.jpg)
}

.top-about__loop__str {
    flex-grow: 1
}

.top-about__loop__img {
    display: block;
    flex: 0 0 162px;
    width: 162px;
    height: 114px;
    border-radius: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.top-business {
    padding-top: clamp(8.75rem, 7.763rem + 3.95vw, 12.5rem);
    padding-right: 10px;
    padding-left: 10px
}

.top-business__heading {
    padding: 20px 0 80px
}

.top-business__heading__body {
    max-width: 850px;
    margin: 40px auto 0
}

.top-business__card {
    position: relative;
    border-radius: 30px
}

.top-business__card.\:business01 {
    background-color: var(--color-blue-92)
}

.top-business__card.\:business02 {
    position: relative;
    background-color: var(--color-primary)
}

.top-business__card__link {
    display: block;
    padding: 40px;
    color: var(--color-white)
}

.top-business__card__link:hover,
.top-business__card__link:focus,
.top-business__card__link:active {
    color: var(--color-white)
}

.top-business__card__num {
    font-size: clamp(2.1875rem, 1.7763rem + 1.6447vw, 3.75rem);
    line-height: 1;
    letter-spacing: .05rem
}

.top-business__card__inner {
    display: flex;
    margin-top: 125px;
    gap: 100px
}

.top-business__card__tit {
    display: flex;
    flex-direction: column-reverse;
    font-weight: var(--font-nm)
}

.top-business__card__tit .\:en {
    font-size: clamp(2.5rem, 1.5132rem + 3.9474vw, 6.25rem);
    line-height: 1;
    letter-spacing: .1rem
}

.top-business__card__tit .\:jp {
    font-weight: var(--font-mid);
    font-size: clamp(.8125rem, .7467rem + .2632vw, 1.0625rem)
}

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

.top-business__card__details {
    flex-basis: 480px;
    padding-top: 30px
}

.top-business__card__arrow {
    flex: 0 0 170px;
    align-self: center
}

.top-business__card__img {
    position: relative;
    flex-grow: 1;
    padding-top: 45%;
    overflow: hidden;
    border-radius: 16px
}

.top-business__card__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.top-technology {
    padding-top: clamp(5.625rem, 5.049rem + 2.3vw, 7.813rem)
}

.top-technology__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 20px 40px;
    overflow: hidden;
    border-radius: 30px;
    color: var(--color-white)
}

.top-technology__card.\:technology01,
.top-technology__card.\:technology01 .top-technology__tit {
    background-color: var(--color-blue-7D)
}

.top-technology__card.\:technology02,
.top-technology__card.\:technology02 .top-technology__tit {
    background-color: #7db9d6
}

.top-technology__card.\:technology02 .top-technology__tit__corner01:before,
.top-technology__card.\:technology02 .top-technology__tit__corner02:before {
    box-shadow: 0 0 0 30px var(--color-blue-B5)
}

.top-technology__top {
    position: relative
}

.top-technology__img {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    border-radius: 30px
}

.top-technology__img img {
    -o-object-fit: cover;
    -o-object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.top-technology__tit {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80%;
    font-weight: 600 !important;
    font-size: 23px !important;
    line-height: 33px !important;
    padding: 10px 5px 5px;
    border-radius: 30px 0 0;
    font-weight: var(--font-nm);
    font-size: clamp(1.25rem, 1.0855rem + .6579vw, 1.875rem);
    line-height: 1;
    text-align: center
}

.top-technology__tit .top-technology__tit__corner01,
.top-technology__tit .top-technology__tit__corner02 {
    display: block;
    z-index: 1;
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.top-technology__tit .top-technology__tit__corner01:before,
.top-technology__tit .top-technology__tit__corner02:before {
    -webkit-transform: translate(-50%, -50%);
    display: block;
    width: 200%;
    height: 200%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 30px var(--color-blue-7D);
    content: ""
}

.top-technology__tit .top-technology__tit__corner01 {
    right: 100%;
    bottom: 0
}

.top-technology__tit .top-technology__tit__corner02 {
    right: 0;
    bottom: 100%
}

.top-technology__detail {
    flex-grow: 1;
    padding: 25px 5px
}

.top-recruit {
    z-index: 2;
    position: relative;
    margin-top: clamp(6.25rem, 5.428rem + 3.29vw, 9.375rem);
    padding: clamp(6.25rem, 4.605rem + 6.58vw, 12.5rem) 0 clamp(2.5rem, 2.171rem + 1.32vw, 3.75rem);
    overflow: hidden;
    border-radius: 30px;
    background-color:  #f7941d;
    color: var(--color-white);
}
@media(min-width:1200px){.top-recruit {padding-bottom:calc(clamp(2.5rem, 2.171rem + 1.32vw, 3.75rem) + 60px)}}
.top-recruit__grid {
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 550px 1fr;
    column-gap: 100px;
    align-items: center
}

.top-recruit__slider {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2
}

.top-recruit__slider .splide__slide {
    overflow: hidden;
    border-radius: 10px;
}

.top-recruit__heading {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    align-self: flex-end
}

.top-recruit__body {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    align-self: flex-start;
    padding: 5rem 0 0 5rem
}

.top-blog .container {
    position: relative
}

.top-blog .container:before {
    position: absolute;
    top: -7.5vw;
    left: 35px;
    width: calc(100% - 70px);
    border-top: 1px solid rgba(40, 40, 44, .3);
    content: ""
}

@keyframes infiniteScroll01 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@keyframes infiniteScroll02 {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translate(-200%)
    }
}

@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\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .xs\:gap-x-70 {
        grid-column-gap: 70px
    }
    .xs\:gap-y-70 {
        grid-row-gap: 70px
    }
    .xs\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .xs\:gap-x-80 {
        grid-column-gap: 80px
    }
    .xs\:gap-y-80 {
        grid-row-gap: 80px
    }
    .xs\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .xs\:gap-x-90 {
        grid-column-gap: 90px
    }
    .xs\:gap-y-90 {
        grid-row-gap: 90px
    }
    .xs\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .xs\:gap-x-100 {
        grid-column-gap: 100px
    }
    .xs\:gap-y-100 {
        grid-row-gap: 100px
    }
    .xs\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .xs\:gap-x-110 {
        grid-column-gap: 110px
    }
    .xs\:gap-y-110 {
        grid-row-gap: 110px
    }
    .xs\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .xs\:gap-x-120 {
        grid-column-gap: 120px
    }
    .xs\:gap-y-120 {
        grid-row-gap: 120px
    }
    .xs\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .xs\:gap-x-130 {
        grid-column-gap: 130px
    }
    .xs\:gap-y-130 {
        grid-row-gap: 130px
    }
    .xs\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .xs\:gap-x-140 {
        grid-column-gap: 140px
    }
    .xs\:gap-y-140 {
        grid-row-gap: 140px
    }
    .xs\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .xs\:gap-x-150 {
        grid-column-gap: 150px
    }
    .xs\:gap-y-150 {
        grid-row-gap: 150px
    }
    .xs\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .xs\:gap-x-160 {
        grid-column-gap: 160px
    }
    .xs\:gap-y-160 {
        grid-row-gap: 160px
    }
    .xs\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .xs\:gap-x-170 {
        grid-column-gap: 170px
    }
    .xs\:gap-y-170 {
        grid-row-gap: 170px
    }
    .xs\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .xs\:gap-x-180 {
        grid-column-gap: 180px
    }
    .xs\:gap-y-180 {
        grid-row-gap: 180px
    }
    .xs\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .xs\:gap-x-190 {
        grid-column-gap: 190px
    }
    .xs\:gap-y-190 {
        grid-row-gap: 190px
    }
    .xs\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .xs\:gap-x-200 {
        grid-column-gap: 200px
    }
    .xs\:gap-y-200 {
        grid-row-gap: 200px
    }
    .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-150 {
        margin: 150px
    }
    .xs\:mt-150 {
        margin-top: 150px
    }
    .xs\:mr-150 {
        margin-right: 150px
    }
    .xs\:mb-150 {
        margin-bottom: 150px
    }
    .xs\:ml-150 {
        margin-left: 150px
    }
    .xs\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .xs\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .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-150 {
        padding: 150px
    }
    .xs\:pt-150 {
        padding-top: 150px
    }
    .xs\:pr-150 {
        padding-right: 150px
    }
    .xs\:pb-150 {
        padding-bottom: 150px
    }
    .xs\:pl-150 {
        padding-left: 150px
    }
    .xs\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .xs\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .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\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .sm\:gap-x-70 {
        grid-column-gap: 70px
    }
    .sm\:gap-y-70 {
        grid-row-gap: 70px
    }
    .sm\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .sm\:gap-x-80 {
        grid-column-gap: 80px
    }
    .sm\:gap-y-80 {
        grid-row-gap: 80px
    }
    .sm\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .sm\:gap-x-90 {
        grid-column-gap: 90px
    }
    .sm\:gap-y-90 {
        grid-row-gap: 90px
    }
    .sm\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .sm\:gap-x-100 {
        grid-column-gap: 100px
    }
    .sm\:gap-y-100 {
        grid-row-gap: 100px
    }
    .sm\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .sm\:gap-x-110 {
        grid-column-gap: 110px
    }
    .sm\:gap-y-110 {
        grid-row-gap: 110px
    }
    .sm\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .sm\:gap-x-120 {
        grid-column-gap: 120px
    }
    .sm\:gap-y-120 {
        grid-row-gap: 120px
    }
    .sm\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .sm\:gap-x-130 {
        grid-column-gap: 130px
    }
    .sm\:gap-y-130 {
        grid-row-gap: 130px
    }
    .sm\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .sm\:gap-x-140 {
        grid-column-gap: 140px
    }
    .sm\:gap-y-140 {
        grid-row-gap: 140px
    }
    .sm\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .sm\:gap-x-150 {
        grid-column-gap: 150px
    }
    .sm\:gap-y-150 {
        grid-row-gap: 150px
    }
    .sm\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .sm\:gap-x-160 {
        grid-column-gap: 160px
    }
    .sm\:gap-y-160 {
        grid-row-gap: 160px
    }
    .sm\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .sm\:gap-x-170 {
        grid-column-gap: 170px
    }
    .sm\:gap-y-170 {
        grid-row-gap: 170px
    }
    .sm\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .sm\:gap-x-180 {
        grid-column-gap: 180px
    }
    .sm\:gap-y-180 {
        grid-row-gap: 180px
    }
    .sm\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .sm\:gap-x-190 {
        grid-column-gap: 190px
    }
    .sm\:gap-y-190 {
        grid-row-gap: 190px
    }
    .sm\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .sm\:gap-x-200 {
        grid-column-gap: 200px
    }
    .sm\:gap-y-200 {
        grid-row-gap: 200px
    }
    .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-150 {
        margin: 150px
    }
    .sm\:mt-150 {
        margin-top: 150px
    }
    .sm\:mr-150 {
        margin-right: 150px
    }
    .sm\:mb-150 {
        margin-bottom: 150px
    }
    .sm\:ml-150 {
        margin-left: 150px
    }
    .sm\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .sm\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .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-150 {
        padding: 150px
    }
    .sm\:pt-150 {
        padding-top: 150px
    }
    .sm\:pr-150 {
        padding-right: 150px
    }
    .sm\:pb-150 {
        padding-bottom: 150px
    }
    .sm\:pl-150 {
        padding-left: 150px
    }
    .sm\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .sm\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .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
    }
    .technology-case__item:last-child {
        margin-bottom: 0
    }
}

@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\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .md\:gap-x-70 {
        grid-column-gap: 70px
    }
    .md\:gap-y-70 {
        grid-row-gap: 70px
    }
    .md\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .md\:gap-x-80 {
        grid-column-gap: 80px
    }
    .md\:gap-y-80 {
        grid-row-gap: 80px
    }
    .md\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .md\:gap-x-90 {
        grid-column-gap: 90px
    }
    .md\:gap-y-90 {
        grid-row-gap: 90px
    }
    .md\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .md\:gap-x-100 {
        grid-column-gap: 100px
    }
    .md\:gap-y-100 {
        grid-row-gap: 100px
    }
    .md\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .md\:gap-x-110 {
        grid-column-gap: 110px
    }
    .md\:gap-y-110 {
        grid-row-gap: 110px
    }
    .md\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .md\:gap-x-120 {
        grid-column-gap: 120px
    }
    .md\:gap-y-120 {
        grid-row-gap: 120px
    }
    .md\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .md\:gap-x-130 {
        grid-column-gap: 130px
    }
    .md\:gap-y-130 {
        grid-row-gap: 130px
    }
    .md\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .md\:gap-x-140 {
        grid-column-gap: 140px
    }
    .md\:gap-y-140 {
        grid-row-gap: 140px
    }
    .md\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .md\:gap-x-150 {
        grid-column-gap: 150px
    }
    .md\:gap-y-150 {
        grid-row-gap: 150px
    }
    .md\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .md\:gap-x-160 {
        grid-column-gap: 160px
    }
    .md\:gap-y-160 {
        grid-row-gap: 160px
    }
    .md\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .md\:gap-x-170 {
        grid-column-gap: 170px
    }
    .md\:gap-y-170 {
        grid-row-gap: 170px
    }
    .md\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .md\:gap-x-180 {
        grid-column-gap: 180px
    }
    .md\:gap-y-180 {
        grid-row-gap: 180px
    }
    .md\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .md\:gap-x-190 {
        grid-column-gap: 190px
    }
    .md\:gap-y-190 {
        grid-row-gap: 190px
    }
    .md\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .md\:gap-x-200 {
        grid-column-gap: 200px
    }
    .md\:gap-y-200 {
        grid-row-gap: 200px
    }
    .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-150 {
        margin: 150px
    }
    .md\:mt-150 {
        margin-top: 150px
    }
    .md\:mr-150 {
        margin-right: 150px
    }
    .md\:mb-150 {
        margin-bottom: 150px
    }
    .md\:ml-150 {
        margin-left: 150px
    }
    .md\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .md\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .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-150 {
        padding: 150px
    }
    .md\:pt-150 {
        padding-top: 150px
    }
    .md\:pr-150 {
        padding-right: 150px
    }
    .md\:pb-150 {
        padding-bottom: 150px
    }
    .md\:pl-150 {
        padding-left: 150px
    }
    .md\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .md\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .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
    }
}

@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\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .lg\:gap-x-70 {
        grid-column-gap: 70px
    }
    .lg\:gap-y-70 {
        grid-row-gap: 70px
    }
    .lg\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .lg\:gap-x-80 {
        grid-column-gap: 80px
    }
    .lg\:gap-y-80 {
        grid-row-gap: 80px
    }
    .lg\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .lg\:gap-x-90 {
        grid-column-gap: 90px
    }
    .lg\:gap-y-90 {
        grid-row-gap: 90px
    }
    .lg\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .lg\:gap-x-100 {
        grid-column-gap: 100px
    }
    .lg\:gap-y-100 {
        grid-row-gap: 100px
    }
    .lg\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .lg\:gap-x-110 {
        grid-column-gap: 110px
    }
    .lg\:gap-y-110 {
        grid-row-gap: 110px
    }
    .lg\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .lg\:gap-x-120 {
        grid-column-gap: 120px
    }
    .lg\:gap-y-120 {
        grid-row-gap: 120px
    }
    .lg\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .lg\:gap-x-130 {
        grid-column-gap: 130px
    }
    .lg\:gap-y-130 {
        grid-row-gap: 130px
    }
    .lg\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .lg\:gap-x-140 {
        grid-column-gap: 140px
    }
    .lg\:gap-y-140 {
        grid-row-gap: 140px
    }
    .lg\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .lg\:gap-x-150 {
        grid-column-gap: 150px
    }
    .lg\:gap-y-150 {
        grid-row-gap: 150px
    }
    .lg\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .lg\:gap-x-160 {
        grid-column-gap: 160px
    }
    .lg\:gap-y-160 {
        grid-row-gap: 160px
    }
    .lg\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .lg\:gap-x-170 {
        grid-column-gap: 170px
    }
    .lg\:gap-y-170 {
        grid-row-gap: 170px
    }
    .lg\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .lg\:gap-x-180 {
        grid-column-gap: 180px
    }
    .lg\:gap-y-180 {
        grid-row-gap: 180px
    }
    .lg\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .lg\:gap-x-190 {
        grid-column-gap: 190px
    }
    .lg\:gap-y-190 {
        grid-row-gap: 190px
    }
    .lg\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .lg\:gap-x-200 {
        grid-column-gap: 200px
    }
    .lg\:gap-y-200 {
        grid-row-gap: 200px
    }
    .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-150 {
        margin: 150px
    }
    .lg\:mt-150 {
        margin-top: 150px
    }
    .lg\:mr-150 {
        margin-right: 150px
    }
    .lg\:mb-150 {
        margin-bottom: 150px
    }
    .lg\:ml-150 {
        margin-left: 150px
    }
    .lg\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .lg\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .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-150 {
        padding: 150px
    }
    .lg\:pt-150 {
        padding-top: 150px
    }
    .lg\:pr-150 {
        padding-right: 150px
    }
    .lg\:pb-150 {
        padding-bottom: 150px
    }
    .lg\:pl-150 {
        padding-left: 150px
    }
    .lg\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .lg\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .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-drawer .modal__container {
        display: grid;
        grid-template-rows: 60px 1fr 60px
    }
    .l-drawer__container {
        display: flex;
        align-items: center;
        align-self: center;
        height: 100%;
        gap: 10vw
    }
    .l-footer__container.\:en-page {
        padding-bottom: 320px
    }
    .sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
        max-width: 250px;
        padding-bottom: 60px
    }
    .blog__wrapper {
        min-height: 500px
    }
    .top-hero__mov video.\:sp,
    .top-hero__mov img.\:sp {
        display: none
    }
    .top-hero__info .container {
        width: auto;
        padding: 0
    }
}

@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\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .xl\:gap-x-70 {
        grid-column-gap: 70px
    }
    .xl\:gap-y-70 {
        grid-row-gap: 70px
    }
    .xl\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .xl\:gap-x-80 {
        grid-column-gap: 80px
    }
    .xl\:gap-y-80 {
        grid-row-gap: 80px
    }
    .xl\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .xl\:gap-x-90 {
        grid-column-gap: 90px
    }
    .xl\:gap-y-90 {
        grid-row-gap: 90px
    }
    .xl\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .xl\:gap-x-100 {
        grid-column-gap: 100px
    }
    .xl\:gap-y-100 {
        grid-row-gap: 100px
    }
    .xl\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .xl\:gap-x-110 {
        grid-column-gap: 110px
    }
    .xl\:gap-y-110 {
        grid-row-gap: 110px
    }
    .xl\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .xl\:gap-x-120 {
        grid-column-gap: 120px
    }
    .xl\:gap-y-120 {
        grid-row-gap: 120px
    }
    .xl\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .xl\:gap-x-130 {
        grid-column-gap: 130px
    }
    .xl\:gap-y-130 {
        grid-row-gap: 130px
    }
    .xl\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .xl\:gap-x-140 {
        grid-column-gap: 140px
    }
    .xl\:gap-y-140 {
        grid-row-gap: 140px
    }
    .xl\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .xl\:gap-x-150 {
        grid-column-gap: 150px
    }
    .xl\:gap-y-150 {
        grid-row-gap: 150px
    }
    .xl\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .xl\:gap-x-160 {
        grid-column-gap: 160px
    }
    .xl\:gap-y-160 {
        grid-row-gap: 160px
    }
    .xl\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .xl\:gap-x-170 {
        grid-column-gap: 170px
    }
    .xl\:gap-y-170 {
        grid-row-gap: 170px
    }
    .xl\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .xl\:gap-x-180 {
        grid-column-gap: 180px
    }
    .xl\:gap-y-180 {
        grid-row-gap: 180px
    }
    .xl\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .xl\:gap-x-190 {
        grid-column-gap: 190px
    }
    .xl\:gap-y-190 {
        grid-row-gap: 190px
    }
    .xl\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .xl\:gap-x-200 {
        grid-column-gap: 200px
    }
    .xl\:gap-y-200 {
        grid-row-gap: 200px
    }
    .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-150 {
        margin: 150px
    }
    .xl\:mt-150 {
        margin-top: 150px
    }
    .xl\:mr-150 {
        margin-right: 150px
    }
    .xl\:mb-150 {
        margin-bottom: 150px
    }
    .xl\:ml-150 {
        margin-left: 150px
    }
    .xl\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .xl\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .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-150 {
        padding: 150px
    }
    .xl\:pt-150 {
        padding-top: 150px
    }
    .xl\:pr-150 {
        padding-right: 150px
    }
    .xl\:pb-150 {
        padding-bottom: 150px
    }
    .xl\:pl-150 {
        padding-left: 150px
    }
    .xl\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .xl\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .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%)
    }
    .xxl\:flex-column {
        flex-direction: column
    }
    .xxl\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .xxl\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .xxl\:flex-row {
        flex-direction: row
    }
    .xxl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .xxl\:flex-wrap {
        flex-wrap: wrap
    }
    .xxl\:justify-content-start {
        justify-content: flex-start
    }
    .xxl\:justify-content-end {
        justify-content: flex-end
    }
    .xxl\:justify-content-center {
        justify-content: center
    }
    .xxl\:justify-content-between {
        justify-content: space-between
    }
    .xxl\:justify-content-around {
        justify-content: space-around
    }
    .xxl\:justify-content-evenly {
        justify-content: space-evenly
    }
    .xxl\:align-items-start {
        align-items: flex-start
    }
    .xxl\:align-items-end {
        align-items: flex-end
    }
    .xxl\:align-items-center {
        align-items: center
    }
    .xxl\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .xxl\:cols-1>* {
        grid-column: auto
    }
    .xxl\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .xxl\:cols-2>* {
        grid-column: auto
    }
    .xxl\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xxl\:cols-3>* {
        grid-column: auto
    }
    .xxl\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xxl\:cols-4>* {
        grid-column: auto
    }
    .xxl\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .xxl\:cols-5>* {
        grid-column: auto
    }
    .xxl\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .xxl\:cols-6>* {
        grid-column: auto
    }
    .xxl\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .xxl\:cols-7>* {
        grid-column: auto
    }
    .xxl\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .xxl\:cols-8>* {
        grid-column: auto
    }
    .xxl\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .xxl\:cols-9>* {
        grid-column: auto
    }
    .xxl\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .xxl\:cols-10>* {
        grid-column: auto
    }
    .xxl\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .xxl\:cols-11>* {
        grid-column: auto
    }
    .xxl\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xxl\:cols-12>* {
        grid-column: auto
    }
    .xxl\:col-1 {
        grid-column: auto/span 1
    }
    .xxl\:row-1 {
        grid-row: auto/span 1
    }
    .xxl\:col-2 {
        grid-column: auto/span 2
    }
    .xxl\:row-2 {
        grid-row: auto/span 2
    }
    .xxl\:col-3 {
        grid-column: auto/span 3
    }
    .xxl\:row-3 {
        grid-row: auto/span 3
    }
    .xxl\:col-4 {
        grid-column: auto/span 4
    }
    .xxl\:row-4 {
        grid-row: auto/span 4
    }
    .xxl\:col-5 {
        grid-column: auto/span 5
    }
    .xxl\:row-5 {
        grid-row: auto/span 5
    }
    .xxl\:col-6 {
        grid-column: auto/span 6
    }
    .xxl\:row-6 {
        grid-row: auto/span 6
    }
    .xxl\:col-7 {
        grid-column: auto/span 7
    }
    .xxl\:row-7 {
        grid-row: auto/span 7
    }
    .xxl\:col-8 {
        grid-column: auto/span 8
    }
    .xxl\:row-8 {
        grid-row: auto/span 8
    }
    .xxl\:col-9 {
        grid-column: auto/span 9
    }
    .xxl\:row-9 {
        grid-row: auto/span 9
    }
    .xxl\:col-10 {
        grid-column: auto/span 10
    }
    .xxl\:row-10 {
        grid-row: auto/span 10
    }
    .xxl\:col-11 {
        grid-column: auto/span 11
    }
    .xxl\:row-11 {
        grid-row: auto/span 11
    }
    .xxl\:col-12 {
        grid-column: auto/span 12
    }
    .xxl\:row-12 {
        grid-row: auto/span 12
    }
    .xxl\:auto-rows-1fr {
        grid-auto-rows: 1fr
    }
    .xxl\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .xxl\:order-1 {
        order: 1
    }
    .xxl\:start-1 {
        grid-column-start: 2
    }
    .xxl\:order-2 {
        order: 2
    }
    .xxl\:start-2 {
        grid-column-start: 3
    }
    .xxl\:order-3 {
        order: 3
    }
    .xxl\:start-3 {
        grid-column-start: 4
    }
    .xxl\:order-4 {
        order: 4
    }
    .xxl\:start-4 {
        grid-column-start: 5
    }
    .xxl\:order-5 {
        order: 5
    }
    .xxl\:start-5 {
        grid-column-start: 6
    }
    .xxl\:order-6 {
        order: 6
    }
    .xxl\:start-6 {
        grid-column-start: 7
    }
    .xxl\:order-7 {
        order: 7
    }
    .xxl\:start-7 {
        grid-column-start: 8
    }
    .xxl\:order-8 {
        order: 8
    }
    .xxl\:start-8 {
        grid-column-start: 9
    }
    .xxl\:order-9 {
        order: 9
    }
    .xxl\:start-9 {
        grid-column-start: 10
    }
    .xxl\:order-10 {
        order: 10
    }
    .xxl\:start-10 {
        grid-column-start: 11
    }
    .xxl\:order-11 {
        order: 11
    }
    .xxl\:start-11 {
        grid-column-start: 12
    }
    .xxl\:order-first {
        order: -9999
    }
    .xxl\:order-last {
        order: 9999
    }
    .xxl\:gap-0 {
        grid-column-gap: 0;
        grid-row-gap: 0
    }
    .xxl\:gap-x-0 {
        grid-column-gap: 0
    }
    .xxl\:gap-y-0 {
        grid-row-gap: 0
    }
    .xxl\:gap-5 {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }
    .xxl\:gap-x-5 {
        grid-column-gap: 5px
    }
    .xxl\:gap-y-5 {
        grid-row-gap: 5px
    }
    .xxl\:gap-10 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }
    .xxl\:gap-x-10 {
        grid-column-gap: 10px
    }
    .xxl\:gap-y-10 {
        grid-row-gap: 10px
    }
    .xxl\:gap-15 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }
    .xxl\:gap-x-15 {
        grid-column-gap: 15px
    }
    .xxl\:gap-y-15 {
        grid-row-gap: 15px
    }
    .xxl\:gap-20 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
    .xxl\:gap-x-20 {
        grid-column-gap: 20px
    }
    .xxl\:gap-y-20 {
        grid-row-gap: 20px
    }
    .xxl\:gap-25 {
        grid-column-gap: 25px;
        grid-row-gap: 25px
    }
    .xxl\:gap-x-25 {
        grid-column-gap: 25px
    }
    .xxl\:gap-y-25 {
        grid-row-gap: 25px
    }
    .xxl\:gap-30 {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }
    .xxl\:gap-x-30 {
        grid-column-gap: 30px
    }
    .xxl\:gap-y-30 {
        grid-row-gap: 30px
    }
    .xxl\:gap-35 {
        grid-column-gap: 35px;
        grid-row-gap: 35px
    }
    .xxl\:gap-x-35 {
        grid-column-gap: 35px
    }
    .xxl\:gap-y-35 {
        grid-row-gap: 35px
    }
    .xxl\:gap-40 {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
    .xxl\:gap-x-40 {
        grid-column-gap: 40px
    }
    .xxl\:gap-y-40 {
        grid-row-gap: 40px
    }
    .xxl\:gap-45 {
        grid-column-gap: 45px;
        grid-row-gap: 45px
    }
    .xxl\:gap-x-45 {
        grid-column-gap: 45px
    }
    .xxl\:gap-y-45 {
        grid-row-gap: 45px
    }
    .xxl\:gap-50 {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }
    .xxl\:gap-x-50 {
        grid-column-gap: 50px
    }
    .xxl\:gap-y-50 {
        grid-row-gap: 50px
    }
    .xxl\:gap-60 {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }
    .xxl\:gap-x-60 {
        grid-column-gap: 60px
    }
    .xxl\:gap-y-60 {
        grid-row-gap: 60px
    }
    .xxl\:gap-70 {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }
    .xxl\:gap-x-70 {
        grid-column-gap: 70px
    }
    .xxl\:gap-y-70 {
        grid-row-gap: 70px
    }
    .xxl\:gap-80 {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }
    .xxl\:gap-x-80 {
        grid-column-gap: 80px
    }
    .xxl\:gap-y-80 {
        grid-row-gap: 80px
    }
    .xxl\:gap-90 {
        grid-column-gap: 90px;
        grid-row-gap: 90px
    }
    .xxl\:gap-x-90 {
        grid-column-gap: 90px
    }
    .xxl\:gap-y-90 {
        grid-row-gap: 90px
    }
    .xxl\:gap-100 {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
    .xxl\:gap-x-100 {
        grid-column-gap: 100px
    }
    .xxl\:gap-y-100 {
        grid-row-gap: 100px
    }
    .xxl\:gap-110 {
        grid-column-gap: 110px;
        grid-row-gap: 110px
    }
    .xxl\:gap-x-110 {
        grid-column-gap: 110px
    }
    .xxl\:gap-y-110 {
        grid-row-gap: 110px
    }
    .xxl\:gap-120 {
        grid-column-gap: 120px;
        grid-row-gap: 120px
    }
    .xxl\:gap-x-120 {
        grid-column-gap: 120px
    }
    .xxl\:gap-y-120 {
        grid-row-gap: 120px
    }
    .xxl\:gap-130 {
        grid-column-gap: 130px;
        grid-row-gap: 130px
    }
    .xxl\:gap-x-130 {
        grid-column-gap: 130px
    }
    .xxl\:gap-y-130 {
        grid-row-gap: 130px
    }
    .xxl\:gap-140 {
        grid-column-gap: 140px;
        grid-row-gap: 140px
    }
    .xxl\:gap-x-140 {
        grid-column-gap: 140px
    }
    .xxl\:gap-y-140 {
        grid-row-gap: 140px
    }
    .xxl\:gap-150 {
        grid-column-gap: 150px;
        grid-row-gap: 150px
    }
    .xxl\:gap-x-150 {
        grid-column-gap: 150px
    }
    .xxl\:gap-y-150 {
        grid-row-gap: 150px
    }
    .xxl\:gap-160 {
        grid-column-gap: 160px;
        grid-row-gap: 160px
    }
    .xxl\:gap-x-160 {
        grid-column-gap: 160px
    }
    .xxl\:gap-y-160 {
        grid-row-gap: 160px
    }
    .xxl\:gap-170 {
        grid-column-gap: 170px;
        grid-row-gap: 170px
    }
    .xxl\:gap-x-170 {
        grid-column-gap: 170px
    }
    .xxl\:gap-y-170 {
        grid-row-gap: 170px
    }
    .xxl\:gap-180 {
        grid-column-gap: 180px;
        grid-row-gap: 180px
    }
    .xxl\:gap-x-180 {
        grid-column-gap: 180px
    }
    .xxl\:gap-y-180 {
        grid-row-gap: 180px
    }
    .xxl\:gap-190 {
        grid-column-gap: 190px;
        grid-row-gap: 190px
    }
    .xxl\:gap-x-190 {
        grid-column-gap: 190px
    }
    .xxl\:gap-y-190 {
        grid-row-gap: 190px
    }
    .xxl\:gap-200 {
        grid-column-gap: 200px;
        grid-row-gap: 200px
    }
    .xxl\:gap-x-200 {
        grid-column-gap: 200px
    }
    .xxl\:gap-y-200 {
        grid-row-gap: 200px
    }
    .xxl\:hide,
    .xxl\:only-hide {
        display: none
    }
    .xxl\:m-0 {
        margin: 0
    }
    .xxl\:mt-0 {
        margin-top: 0
    }
    .xxl\:mr-0 {
        margin-right: 0
    }
    .xxl\:mb-0 {
        margin-bottom: 0
    }
    .xxl\:ml-0 {
        margin-left: 0
    }
    .xxl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .xxl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .xxl\:m-5 {
        margin: 5px
    }
    .xxl\:mt-5 {
        margin-top: 5px
    }
    .xxl\:mr-5 {
        margin-right: 5px
    }
    .xxl\:mb-5 {
        margin-bottom: 5px
    }
    .xxl\:ml-5 {
        margin-left: 5px
    }
    .xxl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }
    .xxl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }
    .xxl\:m-10 {
        margin: 10px
    }
    .xxl\:mt-10 {
        margin-top: 10px
    }
    .xxl\:mr-10 {
        margin-right: 10px
    }
    .xxl\:mb-10 {
        margin-bottom: 10px
    }
    .xxl\:ml-10 {
        margin-left: 10px
    }
    .xxl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .xxl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }
    .xxl\:m-15 {
        margin: 15px
    }
    .xxl\:mt-15 {
        margin-top: 15px
    }
    .xxl\:mr-15 {
        margin-right: 15px
    }
    .xxl\:mb-15 {
        margin-bottom: 15px
    }
    .xxl\:ml-15 {
        margin-left: 15px
    }
    .xxl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .xxl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }
    .xxl\:m-20 {
        margin: 20px
    }
    .xxl\:mt-20 {
        margin-top: 20px
    }
    .xxl\:mr-20 {
        margin-right: 20px
    }
    .xxl\:mb-20 {
        margin-bottom: 20px
    }
    .xxl\:ml-20 {
        margin-left: 20px
    }
    .xxl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .xxl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }
    .xxl\:m-25 {
        margin: 25px
    }
    .xxl\:mt-25 {
        margin-top: 25px
    }
    .xxl\:mr-25 {
        margin-right: 25px
    }
    .xxl\:mb-25 {
        margin-bottom: 25px
    }
    .xxl\:ml-25 {
        margin-left: 25px
    }
    .xxl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }
    .xxl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }
    .xxl\:m-30 {
        margin: 30px
    }
    .xxl\:mt-30 {
        margin-top: 30px
    }
    .xxl\:mr-30 {
        margin-right: 30px
    }
    .xxl\:mb-30 {
        margin-bottom: 30px
    }
    .xxl\:ml-30 {
        margin-left: 30px
    }
    .xxl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .xxl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }
    .xxl\:m-35 {
        margin: 35px
    }
    .xxl\:mt-35 {
        margin-top: 35px
    }
    .xxl\:mr-35 {
        margin-right: 35px
    }
    .xxl\:mb-35 {
        margin-bottom: 35px
    }
    .xxl\:ml-35 {
        margin-left: 35px
    }
    .xxl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }
    .xxl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }
    .xxl\:m-40 {
        margin: 40px
    }
    .xxl\:mt-40 {
        margin-top: 40px
    }
    .xxl\:mr-40 {
        margin-right: 40px
    }
    .xxl\:mb-40 {
        margin-bottom: 40px
    }
    .xxl\:ml-40 {
        margin-left: 40px
    }
    .xxl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .xxl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }
    .xxl\:m-45 {
        margin: 45px
    }
    .xxl\:mt-45 {
        margin-top: 45px
    }
    .xxl\:mr-45 {
        margin-right: 45px
    }
    .xxl\:mb-45 {
        margin-bottom: 45px
    }
    .xxl\:ml-45 {
        margin-left: 45px
    }
    .xxl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }
    .xxl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }
    .xxl\:m-50 {
        margin: 50px
    }
    .xxl\:mt-50 {
        margin-top: 50px
    }
    .xxl\:mr-50 {
        margin-right: 50px
    }
    .xxl\:mb-50 {
        margin-bottom: 50px
    }
    .xxl\:ml-50 {
        margin-left: 50px
    }
    .xxl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }
    .xxl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }
    .xxl\:m-60 {
        margin: 60px
    }
    .xxl\:mt-60 {
        margin-top: 60px
    }
    .xxl\:mr-60 {
        margin-right: 60px
    }
    .xxl\:mb-60 {
        margin-bottom: 60px
    }
    .xxl\:ml-60 {
        margin-left: 60px
    }
    .xxl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .xxl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }
    .xxl\:m-70 {
        margin: 70px
    }
    .xxl\:mt-70 {
        margin-top: 70px
    }
    .xxl\:mr-70 {
        margin-right: 70px
    }
    .xxl\:mb-70 {
        margin-bottom: 70px
    }
    .xxl\:ml-70 {
        margin-left: 70px
    }
    .xxl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }
    .xxl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }
    .xxl\:m-80 {
        margin: 80px
    }
    .xxl\:mt-80 {
        margin-top: 80px
    }
    .xxl\:mr-80 {
        margin-right: 80px
    }
    .xxl\:mb-80 {
        margin-bottom: 80px
    }
    .xxl\:ml-80 {
        margin-left: 80px
    }
    .xxl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }
    .xxl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }
    .xxl\:m-90 {
        margin: 90px
    }
    .xxl\:mt-90 {
        margin-top: 90px
    }
    .xxl\:mr-90 {
        margin-right: 90px
    }
    .xxl\:mb-90 {
        margin-bottom: 90px
    }
    .xxl\:ml-90 {
        margin-left: 90px
    }
    .xxl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }
    .xxl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }
    .xxl\:m-100 {
        margin: 100px
    }
    .xxl\:mt-100 {
        margin-top: 100px
    }
    .xxl\:mr-100 {
        margin-right: 100px
    }
    .xxl\:mb-100 {
        margin-bottom: 100px
    }
    .xxl\:ml-100 {
        margin-left: 100px
    }
    .xxl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }
    .xxl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }
    .xxl\:m-120 {
        margin: 120px
    }
    .xxl\:mt-120 {
        margin-top: 120px
    }
    .xxl\:mr-120 {
        margin-right: 120px
    }
    .xxl\:mb-120 {
        margin-bottom: 120px
    }
    .xxl\:ml-120 {
        margin-left: 120px
    }
    .xxl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }
    .xxl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }
    .xxl\:m-140 {
        margin: 140px
    }
    .xxl\:mt-140 {
        margin-top: 140px
    }
    .xxl\:mr-140 {
        margin-right: 140px
    }
    .xxl\:mb-140 {
        margin-bottom: 140px
    }
    .xxl\:ml-140 {
        margin-left: 140px
    }
    .xxl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }
    .xxl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }
    .xxl\:m-150 {
        margin: 150px
    }
    .xxl\:mt-150 {
        margin-top: 150px
    }
    .xxl\:mr-150 {
        margin-right: 150px
    }
    .xxl\:mb-150 {
        margin-bottom: 150px
    }
    .xxl\:ml-150 {
        margin-left: 150px
    }
    .xxl\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .xxl\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .xxl\:m-160 {
        margin: 160px
    }
    .xxl\:mt-160 {
        margin-top: 160px
    }
    .xxl\:mr-160 {
        margin-right: 160px
    }
    .xxl\:mb-160 {
        margin-bottom: 160px
    }
    .xxl\:ml-160 {
        margin-left: 160px
    }
    .xxl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }
    .xxl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }
    .xxl\:m-180 {
        margin: 180px
    }
    .xxl\:mt-180 {
        margin-top: 180px
    }
    .xxl\:mr-180 {
        margin-right: 180px
    }
    .xxl\:mb-180 {
        margin-bottom: 180px
    }
    .xxl\:ml-180 {
        margin-left: 180px
    }
    .xxl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }
    .xxl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }
    .xxl\:m-200 {
        margin: 200px
    }
    .xxl\:mt-200 {
        margin-top: 200px
    }
    .xxl\:mr-200 {
        margin-right: 200px
    }
    .xxl\:mb-200 {
        margin-bottom: 200px
    }
    .xxl\:ml-200 {
        margin-left: 200px
    }
    .xxl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }
    .xxl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }
    .xxl\:p-0 {
        padding: 0
    }
    .xxl\:pt-0 {
        padding-top: 0
    }
    .xxl\:pr-0 {
        padding-right: 0
    }
    .xxl\:pb-0 {
        padding-bottom: 0
    }
    .xxl\:pl-0 {
        padding-left: 0
    }
    .xxl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .xxl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .xxl\:p-5 {
        padding: 5px
    }
    .xxl\:pt-5 {
        padding-top: 5px
    }
    .xxl\:pr-5 {
        padding-right: 5px
    }
    .xxl\:pb-5 {
        padding-bottom: 5px
    }
    .xxl\:pl-5 {
        padding-left: 5px
    }
    .xxl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .xxl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }
    .xxl\:p-10 {
        padding: 10px
    }
    .xxl\:pt-10 {
        padding-top: 10px
    }
    .xxl\:pr-10 {
        padding-right: 10px
    }
    .xxl\:pb-10 {
        padding-bottom: 10px
    }
    .xxl\:pl-10 {
        padding-left: 10px
    }
    .xxl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .xxl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }
    .xxl\:p-15 {
        padding: 15px
    }
    .xxl\:pt-15 {
        padding-top: 15px
    }
    .xxl\:pr-15 {
        padding-right: 15px
    }
    .xxl\:pb-15 {
        padding-bottom: 15px
    }
    .xxl\:pl-15 {
        padding-left: 15px
    }
    .xxl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .xxl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }
    .xxl\:p-20 {
        padding: 20px
    }
    .xxl\:pt-20 {
        padding-top: 20px
    }
    .xxl\:pr-20 {
        padding-right: 20px
    }
    .xxl\:pb-20 {
        padding-bottom: 20px
    }
    .xxl\:pl-20 {
        padding-left: 20px
    }
    .xxl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .xxl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }
    .xxl\:p-25 {
        padding: 25px
    }
    .xxl\:pt-25 {
        padding-top: 25px
    }
    .xxl\:pr-25 {
        padding-right: 25px
    }
    .xxl\:pb-25 {
        padding-bottom: 25px
    }
    .xxl\:pl-25 {
        padding-left: 25px
    }
    .xxl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .xxl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }
    .xxl\:p-30 {
        padding: 30px
    }
    .xxl\:pt-30 {
        padding-top: 30px
    }
    .xxl\:pr-30 {
        padding-right: 30px
    }
    .xxl\:pb-30 {
        padding-bottom: 30px
    }
    .xxl\:pl-30 {
        padding-left: 30px
    }
    .xxl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .xxl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }
    .xxl\:p-35 {
        padding: 35px
    }
    .xxl\:pt-35 {
        padding-top: 35px
    }
    .xxl\:pr-35 {
        padding-right: 35px
    }
    .xxl\:pb-35 {
        padding-bottom: 35px
    }
    .xxl\:pl-35 {
        padding-left: 35px
    }
    .xxl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }
    .xxl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }
    .xxl\:p-40 {
        padding: 40px
    }
    .xxl\:pt-40 {
        padding-top: 40px
    }
    .xxl\:pr-40 {
        padding-right: 40px
    }
    .xxl\:pb-40 {
        padding-bottom: 40px
    }
    .xxl\:pl-40 {
        padding-left: 40px
    }
    .xxl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .xxl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }
    .xxl\:p-45 {
        padding: 45px
    }
    .xxl\:pt-45 {
        padding-top: 45px
    }
    .xxl\:pr-45 {
        padding-right: 45px
    }
    .xxl\:pb-45 {
        padding-bottom: 45px
    }
    .xxl\:pl-45 {
        padding-left: 45px
    }
    .xxl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .xxl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }
    .xxl\:p-50 {
        padding: 50px
    }
    .xxl\:pt-50 {
        padding-top: 50px
    }
    .xxl\:pr-50 {
        padding-right: 50px
    }
    .xxl\:pb-50 {
        padding-bottom: 50px
    }
    .xxl\:pl-50 {
        padding-left: 50px
    }
    .xxl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .xxl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }
    .xxl\:p-60 {
        padding: 60px
    }
    .xxl\:pt-60 {
        padding-top: 60px
    }
    .xxl\:pr-60 {
        padding-right: 60px
    }
    .xxl\:pb-60 {
        padding-bottom: 60px
    }
    .xxl\:pl-60 {
        padding-left: 60px
    }
    .xxl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .xxl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }
    .xxl\:p-70 {
        padding: 70px
    }
    .xxl\:pt-70 {
        padding-top: 70px
    }
    .xxl\:pr-70 {
        padding-right: 70px
    }
    .xxl\:pb-70 {
        padding-bottom: 70px
    }
    .xxl\:pl-70 {
        padding-left: 70px
    }
    .xxl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .xxl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }
    .xxl\:p-80 {
        padding: 80px
    }
    .xxl\:pt-80 {
        padding-top: 80px
    }
    .xxl\:pr-80 {
        padding-right: 80px
    }
    .xxl\:pb-80 {
        padding-bottom: 80px
    }
    .xxl\:pl-80 {
        padding-left: 80px
    }
    .xxl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .xxl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }
    .xxl\:p-90 {
        padding: 90px
    }
    .xxl\:pt-90 {
        padding-top: 90px
    }
    .xxl\:pr-90 {
        padding-right: 90px
    }
    .xxl\:pb-90 {
        padding-bottom: 90px
    }
    .xxl\:pl-90 {
        padding-left: 90px
    }
    .xxl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }
    .xxl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }
    .xxl\:p-100 {
        padding: 100px
    }
    .xxl\:pt-100 {
        padding-top: 100px
    }
    .xxl\:pr-100 {
        padding-right: 100px
    }
    .xxl\:pb-100 {
        padding-bottom: 100px
    }
    .xxl\:pl-100 {
        padding-left: 100px
    }
    .xxl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .xxl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }
    .xxl\:p-120 {
        padding: 120px
    }
    .xxl\:pt-120 {
        padding-top: 120px
    }
    .xxl\:pr-120 {
        padding-right: 120px
    }
    .xxl\:pb-120 {
        padding-bottom: 120px
    }
    .xxl\:pl-120 {
        padding-left: 120px
    }
    .xxl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }
    .xxl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }
    .xxl\:p-140 {
        padding: 140px
    }
    .xxl\:pt-140 {
        padding-top: 140px
    }
    .xxl\:pr-140 {
        padding-right: 140px
    }
    .xxl\:pb-140 {
        padding-bottom: 140px
    }
    .xxl\:pl-140 {
        padding-left: 140px
    }
    .xxl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }
    .xxl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }
    .xxl\:p-150 {
        padding: 150px
    }
    .xxl\:pt-150 {
        padding-top: 150px
    }
    .xxl\:pr-150 {
        padding-right: 150px
    }
    .xxl\:pb-150 {
        padding-bottom: 150px
    }
    .xxl\:pl-150 {
        padding-left: 150px
    }
    .xxl\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .xxl\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .xxl\:p-160 {
        padding: 160px
    }
    .xxl\:pt-160 {
        padding-top: 160px
    }
    .xxl\:pr-160 {
        padding-right: 160px
    }
    .xxl\:pb-160 {
        padding-bottom: 160px
    }
    .xxl\:pl-160 {
        padding-left: 160px
    }
    .xxl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }
    .xxl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }
    .xxl\:p-180 {
        padding: 180px
    }
    .xxl\:pt-180 {
        padding-top: 180px
    }
    .xxl\:pr-180 {
        padding-right: 180px
    }
    .xxl\:pb-180 {
        padding-bottom: 180px
    }
    .xxl\:pl-180 {
        padding-left: 180px
    }
    .xxl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }
    .xxl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }
    .xxl\:p-200 {
        padding: 200px
    }
    .xxl\:pt-200 {
        padding-top: 200px
    }
    .xxl\:pr-200 {
        padding-right: 200px
    }
    .xxl\:pb-200 {
        padding-bottom: 200px
    }
    .xxl\:pl-200 {
        padding-left: 200px
    }
    .xxl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }
    .xxl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }
    .xxl\:m-auto {
        margin: auto
    }
    .xxl\:mt-auto,
    .xxl\:my-auto {
        margin-top: auto
    }
    .xxl\:mr-auto,
    .xxl\:mx-auto {
        margin-right: auto
    }
    .xxl\:mb-auto,
    .xxl\:my-auto {
        margin-bottom: auto
    }
    .xxl\:ml-auto,
    .xxl\:mx-auto {
        margin-left: auto
    }
    .xxl\:text-left {
        text-align: left
    }
    .xxl\:text-right {
        text-align: right
    }
    .xxl\:text-center {
        text-align: center
    }
    .xxl\:text-justify {
        text-align: justify
    }
}

@media screen and (max-width: 1399.98px) {
    .-xxl\:flex-column {
        flex-direction: column
    }
    .-xxl\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .-xxl\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .-xxl\:flex-row {
        flex-direction: row
    }
    .-xxl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .-xxl\:flex-wrap {
        flex-wrap: wrap
    }
    .-xxl\:justify-content-start {
        justify-content: flex-start
    }
    .-xxl\:justify-content-end {
        justify-content: flex-end
    }
    .-xxl\:justify-content-center {
        justify-content: center
    }
    .-xxl\:justify-content-between {
        justify-content: space-between
    }
    .-xxl\:justify-content-around {
        justify-content: space-around
    }
    .-xxl\:justify-content-evenly {
        justify-content: space-evenly
    }
    .-xxl\:align-items-start {
        align-items: flex-start
    }
    .-xxl\:align-items-end {
        align-items: flex-end
    }
    .-xxl\:align-items-center {
        align-items: center
    }
    .-xxl\:hide {
        display: none
    }
    .-xxl\:m-0 {
        margin: 0
    }
    .-xxl\:mt-0 {
        margin-top: 0
    }
    .-xxl\:mr-0 {
        margin-right: 0
    }
    .-xxl\:mb-0 {
        margin-bottom: 0
    }
    .-xxl\:ml-0 {
        margin-left: 0
    }
    .-xxl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .-xxl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .-xxl\:m-5 {
        margin: 5px
    }
    .-xxl\:mt-5 {
        margin-top: 5px
    }
    .-xxl\:mr-5 {
        margin-right: 5px
    }
    .-xxl\:mb-5 {
        margin-bottom: 5px
    }
    .-xxl\:ml-5 {
        margin-left: 5px
    }
    .-xxl\:my-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }
    .-xxl\:mx-5 {
        margin-right: 5px;
        margin-left: 5px
    }
    .-xxl\:m-10 {
        margin: 10px
    }
    .-xxl\:mt-10 {
        margin-top: 10px
    }
    .-xxl\:mr-10 {
        margin-right: 10px
    }
    .-xxl\:mb-10 {
        margin-bottom: 10px
    }
    .-xxl\:ml-10 {
        margin-left: 10px
    }
    .-xxl\:my-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .-xxl\:mx-10 {
        margin-right: 10px;
        margin-left: 10px
    }
    .-xxl\:m-15 {
        margin: 15px
    }
    .-xxl\:mt-15 {
        margin-top: 15px
    }
    .-xxl\:mr-15 {
        margin-right: 15px
    }
    .-xxl\:mb-15 {
        margin-bottom: 15px
    }
    .-xxl\:ml-15 {
        margin-left: 15px
    }
    .-xxl\:my-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .-xxl\:mx-15 {
        margin-right: 15px;
        margin-left: 15px
    }
    .-xxl\:m-20 {
        margin: 20px
    }
    .-xxl\:mt-20 {
        margin-top: 20px
    }
    .-xxl\:mr-20 {
        margin-right: 20px
    }
    .-xxl\:mb-20 {
        margin-bottom: 20px
    }
    .-xxl\:ml-20 {
        margin-left: 20px
    }
    .-xxl\:my-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .-xxl\:mx-20 {
        margin-right: 20px;
        margin-left: 20px
    }
    .-xxl\:m-25 {
        margin: 25px
    }
    .-xxl\:mt-25 {
        margin-top: 25px
    }
    .-xxl\:mr-25 {
        margin-right: 25px
    }
    .-xxl\:mb-25 {
        margin-bottom: 25px
    }
    .-xxl\:ml-25 {
        margin-left: 25px
    }
    .-xxl\:my-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }
    .-xxl\:mx-25 {
        margin-right: 25px;
        margin-left: 25px
    }
    .-xxl\:m-30 {
        margin: 30px
    }
    .-xxl\:mt-30 {
        margin-top: 30px
    }
    .-xxl\:mr-30 {
        margin-right: 30px
    }
    .-xxl\:mb-30 {
        margin-bottom: 30px
    }
    .-xxl\:ml-30 {
        margin-left: 30px
    }
    .-xxl\:my-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .-xxl\:mx-30 {
        margin-right: 30px;
        margin-left: 30px
    }
    .-xxl\:m-35 {
        margin: 35px
    }
    .-xxl\:mt-35 {
        margin-top: 35px
    }
    .-xxl\:mr-35 {
        margin-right: 35px
    }
    .-xxl\:mb-35 {
        margin-bottom: 35px
    }
    .-xxl\:ml-35 {
        margin-left: 35px
    }
    .-xxl\:my-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }
    .-xxl\:mx-35 {
        margin-right: 35px;
        margin-left: 35px
    }
    .-xxl\:m-40 {
        margin: 40px
    }
    .-xxl\:mt-40 {
        margin-top: 40px
    }
    .-xxl\:mr-40 {
        margin-right: 40px
    }
    .-xxl\:mb-40 {
        margin-bottom: 40px
    }
    .-xxl\:ml-40 {
        margin-left: 40px
    }
    .-xxl\:my-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .-xxl\:mx-40 {
        margin-right: 40px;
        margin-left: 40px
    }
    .-xxl\:m-45 {
        margin: 45px
    }
    .-xxl\:mt-45 {
        margin-top: 45px
    }
    .-xxl\:mr-45 {
        margin-right: 45px
    }
    .-xxl\:mb-45 {
        margin-bottom: 45px
    }
    .-xxl\:ml-45 {
        margin-left: 45px
    }
    .-xxl\:my-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }
    .-xxl\:mx-45 {
        margin-right: 45px;
        margin-left: 45px
    }
    .-xxl\:m-50 {
        margin: 50px
    }
    .-xxl\:mt-50 {
        margin-top: 50px
    }
    .-xxl\:mr-50 {
        margin-right: 50px
    }
    .-xxl\:mb-50 {
        margin-bottom: 50px
    }
    .-xxl\:ml-50 {
        margin-left: 50px
    }
    .-xxl\:my-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }
    .-xxl\:mx-50 {
        margin-right: 50px;
        margin-left: 50px
    }
    .-xxl\:m-60 {
        margin: 60px
    }
    .-xxl\:mt-60 {
        margin-top: 60px
    }
    .-xxl\:mr-60 {
        margin-right: 60px
    }
    .-xxl\:mb-60 {
        margin-bottom: 60px
    }
    .-xxl\:ml-60 {
        margin-left: 60px
    }
    .-xxl\:my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .-xxl\:mx-60 {
        margin-right: 60px;
        margin-left: 60px
    }
    .-xxl\:m-70 {
        margin: 70px
    }
    .-xxl\:mt-70 {
        margin-top: 70px
    }
    .-xxl\:mr-70 {
        margin-right: 70px
    }
    .-xxl\:mb-70 {
        margin-bottom: 70px
    }
    .-xxl\:ml-70 {
        margin-left: 70px
    }
    .-xxl\:my-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }
    .-xxl\:mx-70 {
        margin-right: 70px;
        margin-left: 70px
    }
    .-xxl\:m-80 {
        margin: 80px
    }
    .-xxl\:mt-80 {
        margin-top: 80px
    }
    .-xxl\:mr-80 {
        margin-right: 80px
    }
    .-xxl\:mb-80 {
        margin-bottom: 80px
    }
    .-xxl\:ml-80 {
        margin-left: 80px
    }
    .-xxl\:my-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }
    .-xxl\:mx-80 {
        margin-right: 80px;
        margin-left: 80px
    }
    .-xxl\:m-90 {
        margin: 90px
    }
    .-xxl\:mt-90 {
        margin-top: 90px
    }
    .-xxl\:mr-90 {
        margin-right: 90px
    }
    .-xxl\:mb-90 {
        margin-bottom: 90px
    }
    .-xxl\:ml-90 {
        margin-left: 90px
    }
    .-xxl\:my-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }
    .-xxl\:mx-90 {
        margin-right: 90px;
        margin-left: 90px
    }
    .-xxl\:m-100 {
        margin: 100px
    }
    .-xxl\:mt-100 {
        margin-top: 100px
    }
    .-xxl\:mr-100 {
        margin-right: 100px
    }
    .-xxl\:mb-100 {
        margin-bottom: 100px
    }
    .-xxl\:ml-100 {
        margin-left: 100px
    }
    .-xxl\:my-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }
    .-xxl\:mx-100 {
        margin-right: 100px;
        margin-left: 100px
    }
    .-xxl\:m-120 {
        margin: 120px
    }
    .-xxl\:mt-120 {
        margin-top: 120px
    }
    .-xxl\:mr-120 {
        margin-right: 120px
    }
    .-xxl\:mb-120 {
        margin-bottom: 120px
    }
    .-xxl\:ml-120 {
        margin-left: 120px
    }
    .-xxl\:my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }
    .-xxl\:mx-120 {
        margin-right: 120px;
        margin-left: 120px
    }
    .-xxl\:m-140 {
        margin: 140px
    }
    .-xxl\:mt-140 {
        margin-top: 140px
    }
    .-xxl\:mr-140 {
        margin-right: 140px
    }
    .-xxl\:mb-140 {
        margin-bottom: 140px
    }
    .-xxl\:ml-140 {
        margin-left: 140px
    }
    .-xxl\:my-140 {
        margin-top: 140px;
        margin-bottom: 140px
    }
    .-xxl\:mx-140 {
        margin-right: 140px;
        margin-left: 140px
    }
    .-xxl\:m-150 {
        margin: 150px
    }
    .-xxl\:mt-150 {
        margin-top: 150px
    }
    .-xxl\:mr-150 {
        margin-right: 150px
    }
    .-xxl\:mb-150 {
        margin-bottom: 150px
    }
    .-xxl\:ml-150 {
        margin-left: 150px
    }
    .-xxl\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-xxl\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-xxl\:m-160 {
        margin: 160px
    }
    .-xxl\:mt-160 {
        margin-top: 160px
    }
    .-xxl\:mr-160 {
        margin-right: 160px
    }
    .-xxl\:mb-160 {
        margin-bottom: 160px
    }
    .-xxl\:ml-160 {
        margin-left: 160px
    }
    .-xxl\:my-160 {
        margin-top: 160px;
        margin-bottom: 160px
    }
    .-xxl\:mx-160 {
        margin-right: 160px;
        margin-left: 160px
    }
    .-xxl\:m-180 {
        margin: 180px
    }
    .-xxl\:mt-180 {
        margin-top: 180px
    }
    .-xxl\:mr-180 {
        margin-right: 180px
    }
    .-xxl\:mb-180 {
        margin-bottom: 180px
    }
    .-xxl\:ml-180 {
        margin-left: 180px
    }
    .-xxl\:my-180 {
        margin-top: 180px;
        margin-bottom: 180px
    }
    .-xxl\:mx-180 {
        margin-right: 180px;
        margin-left: 180px
    }
    .-xxl\:m-200 {
        margin: 200px
    }
    .-xxl\:mt-200 {
        margin-top: 200px
    }
    .-xxl\:mr-200 {
        margin-right: 200px
    }
    .-xxl\:mb-200 {
        margin-bottom: 200px
    }
    .-xxl\:ml-200 {
        margin-left: 200px
    }
    .-xxl\:my-200 {
        margin-top: 200px;
        margin-bottom: 200px
    }
    .-xxl\:mx-200 {
        margin-right: 200px;
        margin-left: 200px
    }
    .-xxl\:p-0 {
        padding: 0
    }
    .-xxl\:pt-0 {
        padding-top: 0
    }
    .-xxl\:pr-0 {
        padding-right: 0
    }
    .-xxl\:pb-0 {
        padding-bottom: 0
    }
    .-xxl\:pl-0 {
        padding-left: 0
    }
    .-xxl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .-xxl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .-xxl\:p-5 {
        padding: 5px
    }
    .-xxl\:pt-5 {
        padding-top: 5px
    }
    .-xxl\:pr-5 {
        padding-right: 5px
    }
    .-xxl\:pb-5 {
        padding-bottom: 5px
    }
    .-xxl\:pl-5 {
        padding-left: 5px
    }
    .-xxl\:py-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .-xxl\:px-5 {
        padding-right: 5px;
        padding-left: 5px
    }
    .-xxl\:p-10 {
        padding: 10px
    }
    .-xxl\:pt-10 {
        padding-top: 10px
    }
    .-xxl\:pr-10 {
        padding-right: 10px
    }
    .-xxl\:pb-10 {
        padding-bottom: 10px
    }
    .-xxl\:pl-10 {
        padding-left: 10px
    }
    .-xxl\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .-xxl\:px-10 {
        padding-right: 10px;
        padding-left: 10px
    }
    .-xxl\:p-15 {
        padding: 15px
    }
    .-xxl\:pt-15 {
        padding-top: 15px
    }
    .-xxl\:pr-15 {
        padding-right: 15px
    }
    .-xxl\:pb-15 {
        padding-bottom: 15px
    }
    .-xxl\:pl-15 {
        padding-left: 15px
    }
    .-xxl\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .-xxl\:px-15 {
        padding-right: 15px;
        padding-left: 15px
    }
    .-xxl\:p-20 {
        padding: 20px
    }
    .-xxl\:pt-20 {
        padding-top: 20px
    }
    .-xxl\:pr-20 {
        padding-right: 20px
    }
    .-xxl\:pb-20 {
        padding-bottom: 20px
    }
    .-xxl\:pl-20 {
        padding-left: 20px
    }
    .-xxl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .-xxl\:px-20 {
        padding-right: 20px;
        padding-left: 20px
    }
    .-xxl\:p-25 {
        padding: 25px
    }
    .-xxl\:pt-25 {
        padding-top: 25px
    }
    .-xxl\:pr-25 {
        padding-right: 25px
    }
    .-xxl\:pb-25 {
        padding-bottom: 25px
    }
    .-xxl\:pl-25 {
        padding-left: 25px
    }
    .-xxl\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .-xxl\:px-25 {
        padding-right: 25px;
        padding-left: 25px
    }
    .-xxl\:p-30 {
        padding: 30px
    }
    .-xxl\:pt-30 {
        padding-top: 30px
    }
    .-xxl\:pr-30 {
        padding-right: 30px
    }
    .-xxl\:pb-30 {
        padding-bottom: 30px
    }
    .-xxl\:pl-30 {
        padding-left: 30px
    }
    .-xxl\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .-xxl\:px-30 {
        padding-right: 30px;
        padding-left: 30px
    }
    .-xxl\:p-35 {
        padding: 35px
    }
    .-xxl\:pt-35 {
        padding-top: 35px
    }
    .-xxl\:pr-35 {
        padding-right: 35px
    }
    .-xxl\:pb-35 {
        padding-bottom: 35px
    }
    .-xxl\:pl-35 {
        padding-left: 35px
    }
    .-xxl\:py-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }
    .-xxl\:px-35 {
        padding-right: 35px;
        padding-left: 35px
    }
    .-xxl\:p-40 {
        padding: 40px
    }
    .-xxl\:pt-40 {
        padding-top: 40px
    }
    .-xxl\:pr-40 {
        padding-right: 40px
    }
    .-xxl\:pb-40 {
        padding-bottom: 40px
    }
    .-xxl\:pl-40 {
        padding-left: 40px
    }
    .-xxl\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .-xxl\:px-40 {
        padding-right: 40px;
        padding-left: 40px
    }
    .-xxl\:p-45 {
        padding: 45px
    }
    .-xxl\:pt-45 {
        padding-top: 45px
    }
    .-xxl\:pr-45 {
        padding-right: 45px
    }
    .-xxl\:pb-45 {
        padding-bottom: 45px
    }
    .-xxl\:pl-45 {
        padding-left: 45px
    }
    .-xxl\:py-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .-xxl\:px-45 {
        padding-right: 45px;
        padding-left: 45px
    }
    .-xxl\:p-50 {
        padding: 50px
    }
    .-xxl\:pt-50 {
        padding-top: 50px
    }
    .-xxl\:pr-50 {
        padding-right: 50px
    }
    .-xxl\:pb-50 {
        padding-bottom: 50px
    }
    .-xxl\:pl-50 {
        padding-left: 50px
    }
    .-xxl\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .-xxl\:px-50 {
        padding-right: 50px;
        padding-left: 50px
    }
    .-xxl\:p-60 {
        padding: 60px
    }
    .-xxl\:pt-60 {
        padding-top: 60px
    }
    .-xxl\:pr-60 {
        padding-right: 60px
    }
    .-xxl\:pb-60 {
        padding-bottom: 60px
    }
    .-xxl\:pl-60 {
        padding-left: 60px
    }
    .-xxl\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .-xxl\:px-60 {
        padding-right: 60px;
        padding-left: 60px
    }
    .-xxl\:p-70 {
        padding: 70px
    }
    .-xxl\:pt-70 {
        padding-top: 70px
    }
    .-xxl\:pr-70 {
        padding-right: 70px
    }
    .-xxl\:pb-70 {
        padding-bottom: 70px
    }
    .-xxl\:pl-70 {
        padding-left: 70px
    }
    .-xxl\:py-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .-xxl\:px-70 {
        padding-right: 70px;
        padding-left: 70px
    }
    .-xxl\:p-80 {
        padding: 80px
    }
    .-xxl\:pt-80 {
        padding-top: 80px
    }
    .-xxl\:pr-80 {
        padding-right: 80px
    }
    .-xxl\:pb-80 {
        padding-bottom: 80px
    }
    .-xxl\:pl-80 {
        padding-left: 80px
    }
    .-xxl\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .-xxl\:px-80 {
        padding-right: 80px;
        padding-left: 80px
    }
    .-xxl\:p-90 {
        padding: 90px
    }
    .-xxl\:pt-90 {
        padding-top: 90px
    }
    .-xxl\:pr-90 {
        padding-right: 90px
    }
    .-xxl\:pb-90 {
        padding-bottom: 90px
    }
    .-xxl\:pl-90 {
        padding-left: 90px
    }
    .-xxl\:py-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }
    .-xxl\:px-90 {
        padding-right: 90px;
        padding-left: 90px
    }
    .-xxl\:p-100 {
        padding: 100px
    }
    .-xxl\:pt-100 {
        padding-top: 100px
    }
    .-xxl\:pr-100 {
        padding-right: 100px
    }
    .-xxl\:pb-100 {
        padding-bottom: 100px
    }
    .-xxl\:pl-100 {
        padding-left: 100px
    }
    .-xxl\:py-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .-xxl\:px-100 {
        padding-right: 100px;
        padding-left: 100px
    }
    .-xxl\:p-120 {
        padding: 120px
    }
    .-xxl\:pt-120 {
        padding-top: 120px
    }
    .-xxl\:pr-120 {
        padding-right: 120px
    }
    .-xxl\:pb-120 {
        padding-bottom: 120px
    }
    .-xxl\:pl-120 {
        padding-left: 120px
    }
    .-xxl\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }
    .-xxl\:px-120 {
        padding-right: 120px;
        padding-left: 120px
    }
    .-xxl\:p-140 {
        padding: 140px
    }
    .-xxl\:pt-140 {
        padding-top: 140px
    }
    .-xxl\:pr-140 {
        padding-right: 140px
    }
    .-xxl\:pb-140 {
        padding-bottom: 140px
    }
    .-xxl\:pl-140 {
        padding-left: 140px
    }
    .-xxl\:py-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }
    .-xxl\:px-140 {
        padding-right: 140px;
        padding-left: 140px
    }
    .-xxl\:p-150 {
        padding: 150px
    }
    .-xxl\:pt-150 {
        padding-top: 150px
    }
    .-xxl\:pr-150 {
        padding-right: 150px
    }
    .-xxl\:pb-150 {
        padding-bottom: 150px
    }
    .-xxl\:pl-150 {
        padding-left: 150px
    }
    .-xxl\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-xxl\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-xxl\:p-160 {
        padding: 160px
    }
    .-xxl\:pt-160 {
        padding-top: 160px
    }
    .-xxl\:pr-160 {
        padding-right: 160px
    }
    .-xxl\:pb-160 {
        padding-bottom: 160px
    }
    .-xxl\:pl-160 {
        padding-left: 160px
    }
    .-xxl\:py-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }
    .-xxl\:px-160 {
        padding-right: 160px;
        padding-left: 160px
    }
    .-xxl\:p-180 {
        padding: 180px
    }
    .-xxl\:pt-180 {
        padding-top: 180px
    }
    .-xxl\:pr-180 {
        padding-right: 180px
    }
    .-xxl\:pb-180 {
        padding-bottom: 180px
    }
    .-xxl\:pl-180 {
        padding-left: 180px
    }
    .-xxl\:py-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }
    .-xxl\:px-180 {
        padding-right: 180px;
        padding-left: 180px
    }
    .-xxl\:p-200 {
        padding: 200px
    }
    .-xxl\:pt-200 {
        padding-top: 200px
    }
    .-xxl\:pr-200 {
        padding-right: 200px
    }
    .-xxl\:pb-200 {
        padding-bottom: 200px
    }
    .-xxl\:pl-200 {
        padding-left: 200px
    }
    .-xxl\:py-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }
    .-xxl\:px-200 {
        padding-right: 200px;
        padding-left: 200px
    }
    .-xxl\:m-auto {
        margin: auto
    }
    .-xxl\:mt-auto,
    .-xxl\:my-auto {
        margin-top: auto
    }
    .-xxl\:mr-auto,
    .-xxl\:mx-auto {
        margin-right: auto
    }
    .-xxl\:mb-auto,
    .-xxl\:my-auto {
        margin-bottom: auto
    }
    .-xxl\:ml-auto,
    .-xxl\:mx-auto {
        margin-left: auto
    }
    .-xxl\:text-left {
        text-align: left
    }
    .-xxl\:text-right {
        text-align: right
    }
    .-xxl\:text-center {
        text-align: center
    }
    .-xxl\:text-justify {
        text-align: justify
    }
    .data-circle.\:ratio01 {
        max-width: 180px;
        max-height: 180px
    }
    .data-circle.\:ratio02 {
        max-width: 220px;
        max-height: 220px
    }
    .data-circle.\:ratio03 {
        max-width: 150px;
        max-height: 150px
    }
    .top-business__card__inner {
        gap: 60px
    }
}

@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-150 {
        margin: 150px
    }
    .-xl\:mt-150 {
        margin-top: 150px
    }
    .-xl\:mr-150 {
        margin-right: 150px
    }
    .-xl\:mb-150 {
        margin-bottom: 150px
    }
    .-xl\:ml-150 {
        margin-left: 150px
    }
    .-xl\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-xl\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-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-150 {
        padding: 150px
    }
    .-xl\:pt-150 {
        padding-top: 150px
    }
    .-xl\:pr-150 {
        padding-right: 150px
    }
    .-xl\:pb-150 {
        padding-bottom: 150px
    }
    .-xl\:pl-150 {
        padding-left: 150px
    }
    .-xl\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-xl\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-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
    }
    .lower__sticky__container {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
    .lower__sticky__main.\:border:before {
        left: -1.5vw
    }
    .lower__sticky__side.\:wide {
        flex: 0 0 40%
    }
    .lower__sticky__side.\:narrow {
        flex: 0 0 15%
    }
    .recruit__list__wrap {
        max-width: 100%
    }
    .l-footer__logo {
        flex: 0 0 210px
    }
    .about-main {
        max-width: 90%
    }
    .about-member__others__key {
        flex: 0 0 80%
    }
    .blog__content,
    .blog__share {
        max-width: 95%;
        margin: 0 auto
    }
    .data-content__inner.\:graduate,
    .data-content__inner.\:department {
        gap: 20px
    }
    .data-circle.\:ratio01 {
        width: 17vw;
        height: 17vw
    }
    .data-circle.\:ratio02 {
        width: 22vw;
        height: 22vw
    }
    .data-circle.\:ratio03 {
        width: 15vw;
        height: 15vw
    }
    .en .top-business__card__inner {
        margin-top: 60px
    }
    .interview-single__container {
        gap: 50px
    }
    .interview-single__sticky {
        flex: 0 0 25%
    }
    .interview-single__next {
        padding: 60px
    }
    .interview-single__next__inner {
        gap: 50px
    }
    .interview-single__next__arrow {
        right: 60px;
        bottom: 60px;
        width: 80px;
        height: 80px
    }
    .interview-single__next__details {
        padding: 3.5rem 0
    }
    .notfound {
        flex: 0 0 40%
    }
    .recruit-top__heading__inner {
        padding-top: 75vh
    }
    .requirements-entry {
        right: 25px;
        bottom: 25px;
        width: 130px;
        height: 130px
    }
    .technology-case__grid {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        grid-template-columns: 240px 1fr 240px;
        column-gap: 50px
    }
    .technology-development__grid,
    .technology-matarials__grid {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
    .technology-mass__grid {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px
    }
    .top-hero__catch__jp {
        padding: 20px 20px 10px
    }
    .top-about__grid {
        gap: 80px
    }
    .top-business__card__inner {
        margin-top: 80px
    }
    .top-business__card__details {
        flex-basis: 35%
    }
    .top-technology__tit {
        width: 45%
    }
    .top-recruit__grid {
        grid-template-columns: 450px 1fr
    }
    .top-recruit__body {
        padding: 3rem 0 0 3rem
    }
    .top-blog .container:before {
        top: -8.5vw;
        left: 25px;
        width: calc(100% - 50px)
    }
}

@media screen and (max-width: 1023.98px) {
    .blog__share {
        top: 0;
        margin-top: 30px;
        margin-left: 0;
        padding: 60px 0
    }
    .blog__share__title {
        padding-left: 30px
    }
    .blog__share__buttons {
        padding-right: 30px
    }
    .blog__pagenavi {
        margin-bottom: 40px
    }
    .blog__body .blog__slider,
    .edit-post-visual-editor__content-area .blog__slider {
        margin-right: -45px;
        margin-left: -45px
    }
    .-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-150 {
        margin: 150px
    }
    .-lg\:mt-150 {
        margin-top: 150px
    }
    .-lg\:mr-150 {
        margin-right: 150px
    }
    .-lg\:mb-150 {
        margin-bottom: 150px
    }
    .-lg\:ml-150 {
        margin-left: 150px
    }
    .-lg\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-lg\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-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-150 {
        padding: 150px
    }
    .-lg\:pt-150 {
        padding-top: 150px
    }
    .-lg\:pr-150 {
        padding-right: 150px
    }
    .-lg\:pb-150 {
        padding-bottom: 150px
    }
    .-lg\:pl-150 {
        padding-left: 150px
    }
    .-lg\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-lg\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-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
    }
    .modal__overlay {
        align-items: flex-start;
        justify-content: flex-end
    }
    .modal__container {
        max-width: 80%
    }
    .js-mouse-stalker {
        display: none
    }
    .c-card__blog {
        width: 350px
    }
    .c-hover-circle {
        width: 120px;
        height: 120px
    }
    .c-hover-circle:before,
    .c-hover-circle:after {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px
    }
    .lower__header__title {
        padding: 1.25rem 0 2rem
    }
    .lower__main {
        height: 60vh
    }
    .lower__main__catch {
        margin-top: 50px;
        gap: 40px
    }
    .lower__sticky__container {
        display: block
    }
    .lower__sticky__main.\:border:before {
        content: none
    }
    .lower__sticky__side {
        position: relative;
        top: 0
    }
    .lower__sticky__side__nav.\:requirements {
        display: flex;
        gap: 30px
    }
    .lower__sticky__side__link {
        opacity: 1
    }
    .lower__sticky__side__link:before {
        opacity: 1
    }
    .recruit__list__link:hover,
    .recruit__list__link:focus,
    .recruit__list__link:active {
        opacity: .5
    }
    .recruit__loop__link {
        padding-right: 70px
    }
    .recruit__loop__link:after {
        right: 5px;
        width: 45px;
        height: 45px;
        margin-top: -22.5px
    }
    .l-aside__contact__bg {
        top: -30px;
        height: calc(100% + 150px)
    }
    .l-aside__contact__inner {
        padding: 150px 0
    }
    .l-drawer__header {
        height: var(--header-height-lg);
        padding: 0 30px
    }
    .l-drawer__hamburger {
        top: 0;
        right: 5px
    }
    .l-drawer__img {
        display: none
    }
    .l-drawer__nav.\:right .l-drawer__sub {
        position: relative;
        right: auto;
        margin-bottom: 1.75rem;
        white-space: wrap
    }
    .l-drawer__nav.\:right .l-drawer__lang {
        position: relative
    }
    .l-drawer.\:hero--inview .l-drawer__header {
        height: var(--header-height-top-lg)
    }
    .l-footer__wrapper:before {
        -webkit-backdrop-filter: blur(20px);
        top: -80px;
        left: 0;
        width: 100%;
        height: calc(100% + 130px);
        border-radius: 12px 12px 0 0;
        backdrop-filter: blur(20px)
    }
    .l-footer__container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 120px;
        padding: 0;
        gap: 10px
    }
    .l-footer__logo {
        flex: 0 0 auto;
        width: 90%
    }
    .l-footer__logo .l-footer__logo__link{
        max-width: 210px;
    }
    .l-footer__content {
        display: none
    }
    .l-footer__nav.\:right .l-footer__lang {
        position: relative
    }
    .l-footer__btm {
        display: block;
        position: relative;
        bottom: 0
    }
    .l-footer__copy {
        text-align: center
    }
    .l-footer__sub,
    .l-footer__lang {
        display: none
    }
    .l-header__wrapper {
        height: var(--header-height-lg);
        padding: 0 30px
    }
    .l-header__wrapper:before {
        left: 20px;
        width: calc(100% - 40px)
    }
    .l-header__logo {
        flex-grow: 1;
        margin-left: 10px
    }
    .l-header__contact,
    .sidebar {
        display: none
    }
    .about-main {
        right: -50px;
        max-width: 95%
    }
    .about-member__others__key span:nth-child(2) {
        flex: 0 0 280px
    }
    .blog__wrapper .sidebar {
        display: block;
        margin-top: 50px
    }
    .blog__single__header__arrow {
        width: 60px;
        height: 60px;
        margin-top: -30px
    }
    .blog__single__header__title {
        margin-bottom: 4rem;
        padding: .75rem 0 3rem
    }
    .blog__content,
    .blog__share {
        max-width: 100%
    }
    .business-wrapper {
        padding-top: 70px
    }
    .business-content {
        padding-left: 0
    }
    .business-content__process__item {
        display: block;
        padding-left: 80px
    }
    .data-content__inner.\:employees {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 80%;
        margin: 0
    }
    .data-content__inner.\:employees .data-content__img {
        padding-top: 20%
    }
    .data-circle.\:ratio01 {
        width: 130px;
        height: 130px
    }
    .data-circle.\:ratio02 {
        width: 170px;
        height: 170px
    }
    .data-circle.\:ratio03 {
        right: 18vw;
        width: 110px;
        height: 110px
    }
    .data-circle.\:gender01 {
        max-width: 130px;
        max-height: 130px
    }
    .data-circle.\:gender02 {
        width: 13vw;
        max-width: 120px;
        height: 13vw;
        max-height: 120px
    }
    .data-circle.\:graduate01 {
        max-width: 140px;
        max-height: 140px
    }
    .data-circle.\:graduate02 {
        max-width: 150px;
        max-height: 150px
    }
    .data-circle.\:graduate03 {
        max-width: 120px;
        max-height: 120px
    }
    .data-circle.\:graduate04 {
        max-width: 100px;
        max-height: 100px
    }
    .data-circle.\:department01 {
        max-width: 150px;
        max-height: 150px
    }
    .data-circle.\:department02 {
        max-width: 140px;
        max-height: 140px
    }
    .data-circle.\:department03 {
        max-width: 120px;
        max-height: 120px
    }
    .data-circle.\:department04 {
        max-width: 100px;
        max-height: 100px
    }
    .data-bar__wrap {
        padding: 0
    }
    .data-bar__item {
        height: 50px
    }
    .data-bar__num {
        margin-top: 20px
    }
    .data-num.\:lg {
        margin-top: 15px
    }
    .en .top-business__accordion__inner {
        padding: 50px 20px 0
    }
    .en .top-business__card__link {
        padding-bottom: 80px
    }
    .en .top-business__card__inner {
        margin-top: 40px
    }
    .en .en-card__icon {
        bottom: 20px;
        left: 20px
    }
    .en .top-about__btm__heading {
        padding-left: 0
    }
    .en .top-about__btm__heading:before {
        right: -10vw
    }
    .interview-list__card {
        padding: 30px
    }
    .interview-list__img__cover {
        padding-top: 90%
    }
    .interview-list__arrow {
        right: calc(100% + 20px)
    }
    .interview-single__container {
        display: block
    }
    .interview-single__sticky {
        position: relative;
        top: 0
    }
    .interview-single__content,
    .interview-single__content.\:schedule {
        padding-top: 0
    }
    .interview-single__img {
        margin-top: 3rem
    }
    .interview-single__query {
        margin-top: 2.5rem
    }
    .interview-single__body {
        margin-top: 1rem
    }
    .interview-single__schedule__details {
        flex: 0 0 50%
    }
    .interview-single__schedule__img {
        margin-left: 4vw
    }
    .interview-single__next {
        padding: 30px
    }
    .interview-single__next__inner {
        margin-top: 3vw;
        gap: 30px
    }
    .interview-single__next__img__cover {
        padding-top: 90%
    }
    .interview-single__next__arrow {
        right: 30px;
        bottom: 30px;
        width: 60px;
        height: 60px
    }
    .interview-single__next__arrow .c-hover-circle:before,
    .interview-single__next__arrow .c-hover-circle:after {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px
    }
    .interview-single__next__details {
        padding: 1.5rem 0
    }
    .interview-single__next__details__btm {
        max-width: 220px
    }
    .pp-grid {
        display: block;
        padding: 30px 0
    }
    .pp__side {
        position: relative;
        top: auto
    }
    .pp__title {
        margin-bottom: 15px
    }
    .recruit-top__heading__inner {
        padding-top: 65vh
    }
    .recruit-top__heading .container .recruit-top__img.\:img01 {
        width: 55%
    }
    .recruit-top__heading .container .recruit-top__img.\:img02 {
        top: 30vw
    }
    .recruit-top__heading .container .recruit-top__img.\:img03 {
        top: 70vw;
        width: 25%
    }
    .requirements .lower__sticky__main {
        padding-right: 50px
    }
    .requirements-list__tit {
        flex: 0 0 120px
    }
    .requirements-entry {
        right: 20px;
        bottom: 20px;
        width: 110px;
        height: 110px
    }
    .technology-pcp__grid {
        gap: 50px
    }
    .technology-pcp__img,
    .technology-pcp__body {
        flex: 0 0 calc(50% - 25px)
    }
    .technology-case__grid {
        grid-template-rows: repeat(2, auto);
        grid-template-columns: repeat(2, auto)
    }
    .technology-case__list.\:left {
        grid-row: 2/3;
        grid-column: 1/2;
        align-self: flex-start
    }
    .technology-case__list.\:right {
        grid-row: 2/3;
        grid-column: 2/3
    }
    .technology-case__item__tit:before {
        top: 9px
    }
    .technology-case__map {
        grid-row: 1/2;
        grid-column: 1/3;
        margin: 0 100px 50px
    }
    .technology-development__grid {
        display: block
    }
    .technology-development .c-title__secondary {
        margin-bottom: 20px
    }
    .technology-development__body {
        margin-top: 50px
    }
    .technology-matarials {
        padding-right: 20px;
        padding-left: 20px
    }
    .technology-matarials__grid {
        display: block
    }
    .technology-matarials__grid .c-title__secondary {
        margin-bottom: 40px
    }
    .technology-matarials__body {
        margin-top: 50px
    }
    .technology-mass {
        padding-right: 20px;
        padding-left: 20px
    }
    .technology-mass__grid {
        display: block
    }
    .technology-mass__grid .c-title__secondary {
        margin-bottom: 40px
    }
    .technology-mass__body {
        margin-top: 50px
    }
    .top-hero__mov__container {
        border-radius: 30px
    }
    .top-hero__mov video.\:pc,
    .top-hero__mov img.\:pc {
        display: none
    }
    .top-hero__catch {
        width: 60vw
    }
    .top-hero__catch__jp {
        padding: 5px 20px 10px;
        border-radius: 0 15px 0 0
    }
    .top-hero__catch__en__first,
    .top-hero__catch__en__second {
        padding: 20px 25px 5px;
        border-radius: 0 15px 0 0
    }
    .top-hero__catch__corner {
        width: 15px;
        height: 15px
    }
    .top-hero__catch__corner:before {
        box-shadow: 0 0 0 15px var(--color-white)
    }
    .top-hero__info {
        position: relative;
        right: auto;
        left: auto;
        bottom: 0;
        width: 100%;
        margin-top: 50px
    }
    .top-hero__info__inner {
        padding: 20px
    }
    .top-hero__info__heading {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .top-about__img {
        padding-top: 80%
    }
    .top-about__grid {
        display: block;
        gap: 80px
    }
    .top-about__details {
        margin-top: 50px
    }
    .top-about__loop__img {
        flex: 0 0 145px;
        width: 145px;
        height: 100px
    }
    .top-business__card__link {
        padding: 20px
    }
    .top-business__card__inner {
        margin-top: 60px;
        gap: 40px
    }
    .top-business__card__details {
        flex-basis: 40%
    }
    .top-business__card__arrow {
        flex: 0 0 80px
    }
    .top-business__card__arrow .c-hover-circle {
        max-width: 80px;
        max-height: 80px
    }
    .top-technology__card.\:technology02 .top-technology__tit__corner01:before,
    .top-technology__card.\:technology02 .top-technology__tit__corner02:before {
        box-shadow: 0 0 0 15px var(--color-blue-B5)
    }
    .top-technology__img {
        border-radius: 20px
    }
    .top-technology__tit {
        width: 35%;
        border-radius: 20px 0 0
    }
    .top-technology__tit .top-technology__tit__corner01,
    .top-technology__tit .top-technology__tit__corner02 {
        width: 15px;
        height: 15px
    }
    .top-technology__tit .top-technology__tit__corner01:before,
    .top-technology__tit .top-technology__tit__corner02:before {
        box-shadow: 0 0 0 15px var(--color-blue-7D)
    }
    .top-recruit__grid {
        display: block
    }
    .top-recruit__slider {
        max-width: 70%;
        margin: 50px auto 0
    }
    .top-recruit__heading {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 3
    }
    .top-recruit__body {
        max-width: 70%;
        margin: 50px auto 0;
        padding: 0
    }
}

@media screen and (max-width: 767.98px) {
    .blog__pagenavi__previous,
    .blog__pagenavi__next {
        flex: 0 0 100%
    }
    .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-150 {
        margin: 150px
    }
    .-md\:mt-150 {
        margin-top: 150px
    }
    .-md\:mr-150 {
        margin-right: 150px
    }
    .-md\:mb-150 {
        margin-bottom: 150px
    }
    .-md\:ml-150 {
        margin-left: 150px
    }
    .-md\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-md\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-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-150 {
        padding: 150px
    }
    .-md\:pt-150 {
        padding-top: 150px
    }
    .-md\:pr-150 {
        padding-right: 150px
    }
    .-md\:pb-150 {
        padding-bottom: 150px
    }
    .-md\:pl-150 {
        padding-left: 150px
    }
    .-md\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-md\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-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
    }
    .modal__container {
        max-width: 85%
    }
    .modal__content__top {
        align-items: center
    }
    .modal__content__img {
        flex: 0 0 35%
    }
    .c-card__blog {
        width: 320px
    }
    .lower__header__title.\:secondary .\:en.\:recruit {
        margin-bottom: 25px;
        font-size: 14vw;
        line-height: .9
    }
    .lower__main {
        height: 30vh
    }
    .lower__main .container {
        align-items: flex-end
    }
    .lower__main__catch {
        margin-top: 0;
        margin-bottom: 100px
    }
    .lower-scroll__img {
        width: 70%;
        margin: 0 auto
    }
    .l-drawer__header {
        height: var(--header-height-md)
    }
    .l-header__wrapper {
        height: var(--header-height-md);
        padding: 0 20px
    }
    .l-header__wrapper:before {
        top: 15px;
        left: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 30px)
    }
    .l-header__logo__link {
        width: 180px
    }
    .about {
        padding-top: 40vw
    }
    .about-main {
        right: -25px;
        max-width: 100%
    }
    .about-philosophy__vision {
        display: block
    }
    .about-philosophy__img {
        max-width: 60%;
        margin: 0 auto 20px
    }
    .about-outline__block:first-child {
        padding-top: 0
    }
    .about-outline__block__key {
        flex: 0 0 120px
    }
    .about-member__others__block {
        display: block;
        padding: 25px 0
    }
    .about-member__others__key {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        flex-wrap: wrap;
        align-items: baseline
    }
    .about-member__others__key span:first-child {
        flex: 0 0 auto
    }
    .about-member__others__key span:nth-child(2) {
        flex: 0 0 auto
    }
    .blog__single__header__arrow {
        width: 50px;
        height: 50px;
        margin-top: -25px
    }
    .blog__single__header__title {
        margin-bottom: 3rem;
        padding: .55rem 0 2rem
    }
    .blog__back {
        padding-bottom: 0
    }
    .business-content__process__others {
        display: block;
        padding: 25px 30px
    }
    .business-content__process__others .business-content__process__tit {
        margin-bottom: 10px
    }
    .data-container {
        padding-top: 25px
    }
    .data-content__inner.\:ratio {
        padding-top: 80%
    }
    .data-content__inner.\:graduate,
    .data-content__inner.\:department {
        gap: 10px
    }
    .data-circle.\:ratio01 {
        width: 19vw;
        height: 19vw
    }
    .data-circle.\:ratio02 {
        width: 22vw;
        height: 22vw
    }
    .data-circle.\:ratio03 {
        right: 16vw;
        width: 16vw;
        height: 16vw
    }
    .data-circle.\:gender01 {
        max-width: 120px;
        max-height: 120px
    }
    .data-circle.\:gender02 {
        max-width: 110px;
        max-height: 110px
    }
    .data-circle.\:graduate01 {
        max-width: 130px;
        max-height: 130px
    }
    .data-circle.\:graduate02 {
        max-width: 140px;
        max-height: 140px
    }
    .data-circle.\:graduate03 {
        max-width: 110px;
        max-height: 110px
    }
    .data-circle.\:graduate04 {
        max-width: 95px;
        max-height: 95px
    }
    .data-circle.\:department01 {
        max-width: 140px;
        max-height: 140px
    }
    .data-circle.\:department02 {
        max-width: 130px;
        max-height: 130px
    }
    .data-circle.\:department03 {
        max-width: 110px;
        max-height: 110px
    }
    .data-circle.\:department04 {
        max-width: 95px;
        max-height: 95px
    }
    .en .top-business__accordion__inner:before {
        left: 15px;
        width: calc(100% - 30px)
    }
    .en .top-business__accordion__inner {
        padding: 40px 15px 0
    }
    .en .top-business__card__details {
        padding-top: 0
    }
    .en .top-business__card__img {
        left: 0;
        width: 100%;
        margin: 0;
        padding-top: 56.25%
    }
    .en .top-business__card__inner {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 5vw
    }
    .en .top-technology__tit {
        width: 65%
    }
    .en .top-technology__img {
        padding-top: 60%
    }
    .en .top-about__btm .about-member__others__value {
        text-align: left
    }
    .interview-list__card {
        display: block
    }
    .interview-list__img__inner {
        position: unset;
        width: 100%
    }
    .interview-list__img__cover {
        padding-top: 65%
    }
    .interview-list__arrow {
        right: 25px;
        bottom: 25px
    }
    .interview-list__details {
        padding-bottom: 0
    }
    .interview-list__prof {
        margin-top: 40px
    }
    .interview-single__kv__cover {
        margin: 0 20px
    }
    .interview-single__schedule__time {
        flex: 0 0 70px
    }
    .interview-single__schedule__details {
        flex: 0 0 55%
    }
    .interview-single__next__inner {
        display: block
    }
    .interview-single__next__img__inner {
        width: 100%
    }
    .interview-single__next__img__cover {
        padding-top: 65%
    }
    .interview-single__next__details {
        padding-bottom: 0
    }
    .interview-single__next__details__btm {
        max-width: 90%
    }
    .interview-single__next__prof {
        margin-top: 40px
    }
    .recruit-top__heading__inner {
        padding-top: 60vw
    }
    .recruit-top__heading .container .recruit-top__img.\:img02 {
        width: 30%
    }
    .recruit-top__heading .container .recruit-top__img.\:img03 {
        top: 75vw;
        width: 22.5%
    }
    .requirements .lower__sticky__main {
        padding-right: 0
    }
    .technology-pcp__grid {
        display: block
    }
    .technology-pcp__body {
        margin-top: 50px
    }
    .technology-case__grid {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px
    }
    .technology-case__map {
        margin: 0 50px 50px
    }
    .top-hero__mov__container {
        border-radius: 20px
    }
    .top-hero__mov {
        -webkit-transform: translate(-50%, 0%);
        top: 0;
        height: 100vh;
        transform: translate(-50%)
    }
    .top-hero__catch {
        width: 80vw
    }
    .top-about__img {
        padding-top: 100%
    }
    .top-business__card__link {
        padding: 15px 15px 0
    }
    .top-business__card__inner {
        display: block;
        margin-top: 5vw
    }
    .top-business__card__body {
        margin-top: 30px
    }
    .top-business__card__arrow {
        display: flex;
        justify-content: flex-end;
        margin: 20px 0 40px
    }
    .top-business__card__arrow .c-hover-circle {
        max-width: 60px;
        max-height: 60px
    }
    .top-business__card__arrow .c-hover-circle:before,
    .top-business__card__arrow .c-hover-circle:after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }
    .top-business__card__img {
        left: -15px;
        width: calc(100% + 30px);
        padding-top: 70%
    }
    .top-recruit__slider,
    .top-recruit__body {
        max-width: 100%;
        margin: 50px auto 0
    }
    .top-blog .l-aside__blog {
        padding-top: 80px
    }
    .top-blog .container:before {
        top: -10vw
    }
}

@media (max-width: 575.98px) {
    .intro__logo {
        width: 140px;
        height: 40px;
        margin-top: -20px;
        margin-left: -70px
    }
}

@media screen and (max-width: 575.98px) {
    .blog__share {
        justify-content: center;
        text-align: center
    }
    .blog__share__title {
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px
    }
    .blog__share__buttons {
        flex: 0 0 100%;
        padding-right: 20px;
        padding-left: 20px
    }
    .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-150 {
        margin: 150px
    }
    .-sm\:mt-150 {
        margin-top: 150px
    }
    .-sm\:mr-150 {
        margin-right: 150px
    }
    .-sm\:mb-150 {
        margin-bottom: 150px
    }
    .-sm\:ml-150 {
        margin-left: 150px
    }
    .-sm\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-sm\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-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-150 {
        padding: 150px
    }
    .-sm\:pt-150 {
        padding-top: 150px
    }
    .-sm\:pr-150 {
        padding-right: 150px
    }
    .-sm\:pb-150 {
        padding-bottom: 150px
    }
    .-sm\:pl-150 {
        padding-left: 150px
    }
    .-sm\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-sm\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-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
    }
    .modal__container {
        max-width: 90%;
        padding: 25px 25px 80px
    }
    .modal__header {
        padding-bottom: 15px
    }
    .modal__content {
        padding: 30px 0
    }
    .modal__content__top {
        display: block;
        margin-top: 0
    }
    .modal__content__name {
        margin-top: 30px
    }
    .modal__close {
        top: 20px;
        right: 20px;
        width: 35px;
        height: 35px
    }
    .c-card__blog {
        width: 100%;
        margin-bottom: 40px
    }
    .c-card__blog__tit {
        height: auto
    }
    .c-hover-circle {
        width: 73px;
        height: 73px
    }
    .c-hover-circle:before,
    .c-hover-circle:after {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px
    }
    .c-information-list__time {
        color: var(--color-gray)
    }
    .lower__header__title {
        padding: 1.25rem 0 1.5rem
    }
    .lower__header__title.\:secondary .\:en.\:recruit {
        font-size: 16vw
    }
    .lower-scroll__img {
        width: 100%
    }
    .recruit__list__wrap {
        margin-top: 60px
    }
    .recruit__loop__link {
        padding-right: 50px
    }
    .recruit__loop__link:after {
        right: 0;
        width: 37px;
        height: 37px;
        margin-top: -18.5px
    }
    .l-aside__contact__tit {
        margin-bottom: 10px;
        font-size: 18vw;
        line-height: 1;
        text-align: center
    }
    .l-aside__contact__inner {
        display: block;
        padding: 100px 0
    }
    .l-aside__contact__inner .c-hover-circle {
        margin-left: auto
    }
    .l-drawer__header {
        padding: 0 20px
    }
    .l-drawer__hamburger {
        right: 0
    }
    .l-drawer__nav__list {
        margin: 1.5rem 0
    }
    .l-drawer__nav__list .l-drawer__nav__ul .l-drawer__nav__list {
        margin: .6rem 0
    }
    .l-footer__nav__list {
        margin: 1.5rem 0
    }
    .l-footer__nav__list .l-footer__nav__ul .l-footer__nav__list {
        margin: .6rem 0
    }
    .about-outline__block {
        display: block;
        padding: 20px 0
    }
    .about-member__others__block {
        display: block;
        padding: 16px 0
    }
    .blog__single__header__arrow {
        left: -4.25rem;
        width: 45px;
        height: 45px;
        margin-top: -22.5px
    }
    .blog__share__title {
        margin-top: 5px !important
    }
    .business-wrapper {
        padding-top: 50px
    }
    .business-content__process__item {
        padding-bottom: 40px;
        padding-left: 65px
    }
    .business-content__process__others {
        padding: 20px 25px
    }
    .data-container {
        padding-top: 0
    }
    .data-content__inner {
        margin: 20px 0 30px
    }
    .data-content__inner.\:ratio {
        padding-top: 65%
    }
    .data-content__inner.\:employees .data-content__img {
        margin: 80px auto 30px;
        padding-top: 0
    }
    .data-content__inner.\:graduate,
    .data-content__inner.\:department {
        flex-wrap: wrap
    }
    .data-circle.\:ratio01 {
        width: 26vw;
        height: 26vw
    }
    .data-circle.\:ratio02 {
        width: 35vw;
        height: 35vw
    }
    .data-circle.\:ratio03 {
        right: 40vw;
        width: 22vw;
        height: 22vw
    }
    .data-circle.\:gender01 {
        width: 25vw;
        max-width: 130px;
        height: 25vw;
        max-height: 130px
    }
    .data-circle.\:gender02 {
        width: 22vw;
        max-width: 120px;
        height: 22vw;
        max-height: 120px
    }
    .data-circle.\:graduate01 {
        width: 30vw;
        max-width: 140px;
        height: 30vw;
        max-height: 140px
    }
    .data-circle.\:graduate02 {
        width: 32vw;
        max-width: 160px;
        height: 32vw;
        max-height: 160px
    }
    .data-circle.\:graduate03 {
        width: 28vw;
        max-width: 140px;
        height: 28vw;
        max-height: 140px
    }
    .data-circle.\:graduate04 {
        width: 24vw;
        max-width: 110px;
        height: 24vw;
        max-height: 110px
    }
    .data-circle.\:department01 {
        width: 32vw;
        max-width: 160px;
        height: 32vw;
        max-height: 160px
    }
    .data-circle.\:department02 {
        width: 30vw;
        max-width: 140px;
        height: 30vw;
        max-height: 140px
    }
    .data-circle.\:department03 {
        width: 28vw;
        max-width: 140px;
        height: 28vw;
        max-height: 140px
    }
    .data-circle.\:department04 {
        width: 24vw;
        max-width: 110px;
        height: 24vw;
        max-height: 110px
    }
    .en .top-business__card__link {
        padding-bottom: 70px
    }
    .en .top-technology__tit {
        width: 85%;
        padding: 10px 10px 5px;
        font-size: 18px
    }
    .en .technology-wrapper {
        margin-top: 60px
    }
    .en .technology-pcp {
        padding-top: 30px;
        padding-bottom: 50px
    }
    .en .en-card__icon {
        bottom: 15px;
        left: 15px
    }
    .interview-list__card {
        padding: 20px
    }
    .interview-single__kv__cover {
        padding-top: 56.25%
    }
    .interview-single__schedule {
        flex-wrap: wrap;
        margin-top: 1.5rem
    }
    .interview-single__schedule__details {
        flex: 0 0 calc(100% - 70px)
    }
    .interview-single__schedule__img {
        flex: 0 0 calc(100% - 70px);
        margin-top: 20px;
        margin-left: 70px;
        padding-top: 50%
    }
    .recruit-top__heading__inner {
        padding-top: 120vw
    }
    .recruit-top__heading .container .recruit-top__img.\:img01 {
        left: 0;
        width: 75%
    }
    .recruit-top__heading .container .recruit-top__img.\:img02 {
        top: 85vw;
        right: auto;
        left: 0;
        width: 40%
    }
    .recruit-top__heading .container .recruit-top__img.\:img03 {
        top: 90vw;
        width: 30%
    }
    .requirements-accordion__summary {
        padding: 20px 50px 20px 20px
    }
    .requirements-accordion__arrow {
        right: 20px
    }
    .requirements-accordion__inner {
        padding: 5px 25px 30px
    }
    .requirements-list__block {
        display: block;
        padding: 15px 0
    }
    .requirements-list__tit {
        margin-bottom: 10px
    }
    .requirements-entry {
        right: 15px;
        bottom: 15px;
        width: 90px;
        height: 90px
    }
    .technology-case__grid {
        display: block
    }
    .technology-case__map {
        margin: 0 0 30px
    }
    .top-hero__mov video,
    .top-hero__mov img {
        height: calc(100svh - 30px)
    }
    .top-hero__catch {
        width: 100vw
    }
    @media only screen and (max-width: 767px) {
        .top-hero__catch {
            width: 80vw
        }
    }
    .top-hero__catch__jp {
        width: 83.5%;
        padding: 10px 20px 0px
    }
    .top-hero__catch__en__first,
    .top-hero__catch__en__second {
        padding: 15px 20px 5px
    }
    .top-hero__catch__en__second {
        border-radius: 0
    }
    .top-hero__catch__en__second .top-hero__catch__corner {
        -webkit-transform: rotate(-90deg);
        right: 10px;
        bottom: 100%;
        left: auto;
        transform: rotate(-90deg)
    }
    .top-hero__catch__en__second .top-hero__catch__corner:before {
        -webkit-transform: translate(0, -50%);
        transform: translateY(-50%);
        box-shadow: 0 0 0 30px var(--color-white)
    }
    .top-about__img {
        padding-top: 120%
    }
    .top-about__loop__img {
        flex: 0 0 128px;
        width: 128px;
        height: 90px
    }
    .top-business__heading {
        padding-bottom: 50px
    }
    .top-business__card__details {
        padding-top: 20px
    }
    .top-technology__card {
        padding: 15px 15px 35px
    }
    .top-technology__tit {
        width: 45%
    }
    .top-recruit__slider {
        max-width: 85%
    }
    .top-recruit__body {
        max-width: 100%
    }
    .top-blog .l-aside__blog {
        padding-top: 65px
    }
    .top-blog .container:before {
        top: -15vw
    }
}

@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
    }
    .top-technology__tit {
        width: 75%
    }
    .-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-150 {
        margin: 150px
    }
    .-xs\:mt-150 {
        margin-top: 150px
    }
    .-xs\:mr-150 {
        margin-right: 150px
    }
    .-xs\:mb-150 {
        margin-bottom: 150px
    }
    .-xs\:ml-150 {
        margin-left: 150px
    }
    .-xs\:my-150 {
        margin-top: 150px;
        margin-bottom: 150px
    }
    .-xs\:mx-150 {
        margin-right: 150px;
        margin-left: 150px
    }
    .-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-150 {
        padding: 150px
    }
    .-xs\:pt-150 {
        padding-top: 150px
    }
    .-xs\:pr-150 {
        padding-right: 150px
    }
    .-xs\:pb-150 {
        padding-bottom: 150px
    }
    .-xs\:pl-150 {
        padding-left: 150px
    }
    .-xs\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .-xs\:px-150 {
        padding-right: 150px;
        padding-left: 150px
    }
    .-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 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
    }
}

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

        mrtDtlWrp

-------------------- */
.mrtDtlWrp{margin: 0 0 2rem;}
.mrtDtlTtlBlk{
    margin: 0 0 2rem;
    text-align: center;
}
.mrtDtlTtl{
    color: #28282c;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.08rem;
}
@media only screen and (max-width: 767px) {
    .mrtDtlTtl{
        color: #28282c;
        font-size: 5vw;
        padding: 0px 15px 20px;
        line-height: 25px;
        letter-spacing: 0.08rem;
    }
}
.mrtDtlOtr{padding: 0 20px;}
.mrtDtlInr{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mrtDtlCol{
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    height: 320px;
    margin: 0 10px 1.2rem 0;
    width: 100%;
}
.mrtDtl01{background-image: url("../images/ccc.svg");}
.mrtDtl02{background-image: url("../images/ccc.svg");}
.mrtDtl03{background-image: url("../images/ccc.svg");}
.mrtDtlColCnt{
    text-align: center;
    /*padding: 0 3.8rem 0.5rem;*/
    padding: 0;
    max-width: 200px;
}
.mrtDtlNum{
    display: block;
    font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
    .mrtDtlNum{
        display: block;
        font-size: 0.875rem;
        font-weight: 700;
    }
}
.mrtDtlThm{
    font-feature-settings: "palt";
    display: inline-block;
    margin: 0 0 0.3rem;
}
.mrtDtlThmTxt{
    color: #f7941d;
    font-size: 1.1rem;
    font-weight: 500;
    display: inline-block;
    padding: 0.5rem 0 0.2rem
}
.mrtDtlLst{text-align: left;}
.mrtDtlItm{
    font-size: 0.875rem;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
@media only screen and (min-width: 768px){

}
@media only screen and (min-width: 1025px){

    /* --------------------
  
          mrtDtlWrp
  
  -------------------- */
    .mrtDtlWrp{margin: 0 0 4.6875rem;}
    .mrtDtlTtlBlk{margin: 0 0 3.4375rem;}
    .mrtDtlTtl{
        font-size: 20px;
        letter-spacing:  0.3rem;
    }
    .mrtDtlTtl br {display: none;}
    .mrtDtlOtr{
        margin: 0 auto;
        max-width: 1200px;
    }
    .mrtDtlInr{justify-content: space-between;}
    .mrtDtlCol{
        height: 360px;
        margin: 0;
        width: 32%;
    }
    .mrtDtl01{background-image: url("../images/ccc.svg");}
    .mrtDtl02{background-image: url("../images/ccc.svg");}
    .mrtDtl03{background-image: url("../images/ccc.svg");}
    .mrtDtlColCnt{
        margin: -1rem 0 0;
        padding: 0 3.4rem;
        max-width: 100%;
    }
    .mrtDtlNum{
        font-size: 1rem;
        margin: 0;
        font-weight: 600;
    }
    .mrtDtlThm{margin: 0 0 1.25rem;}
    .mrtDtlThmTxt{
        display: block;
        font-size: 1.5rem;
        line-height: 1;
        font-weight: 600;
    }
    .mrtDtlLst{}
    .mrtDtlItm{font-size: 0.9375rem;}
}
/* --------------------------------

        meritArea

-------------------------------- */
.meritArea{margin: 0 0 3rem;}
.mrtCnt{}
.mrtHeadBlk{margin: 0 0 1rem;}
.mrtTtlBlk{
    color: rgba(199, 0, 11, 1);
    text-align: center;
}
.mrtTtl{
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
    .mrtTtl{
        font-size: 6.3vw;
        font-weight: 600;
        line-height: 1;
    }
}
.mrtTtl span{
    color: #28282c;
}
.mrtBodyBlk{}

.mrtCnt .contInr {
    padding: 2rem 0 1rem;
}
.mrtHeadBlk{margin: 0 0 2.4375rem;}

.section-merit{
    padding-top: 120px;
}

.l-footer{
    margin-top: 120px;
}
@media only screen and (min-width: 1025px){
    .l-footer{
        margin-top: 240px;
    }
}

/*==================*/
section.section-company{
    padding-inline: 0;
}
.section-company .container{
    max-width: 93rem;
    margin-inline: auto;
}
.title-mul{
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin: 0 0 80px;
}
.title-mul span{
    font-size: 14px;
    line-height: 18px;
    color: #F7941D;
    display: block;
}
.section-company table{
    font-size: 15px;
    line-height: 24px;
    width: 100%;
}
.section-company table tr{border-bottom: 1px solid #d9d9d9;}
.section-company table tr:last-child{border-bottom: 0;}
.section-company table tr th,
.section-company table tr th,
.section-company table tr td{
    padding: 12px 15px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
}

.map-iframe{
    position: relative;
    padding-bottom: 44.88%;
}
.map-iframe iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.company__history__main {
    margin: 0 auto;
    padding-inline: 20px;
}
.company__history__main__year {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 2.7rem 0;
}
.company__history__main__year + .company__history__main__year {
    border-top: 1px solid #d9d9d9;
}
.company__history__main__year > .company__history__main__term {
    flex: 0 0 9rem;
    width: 9rem;
}
.company__history__main__year > .company__history__main__desc {
    flex: 0 0 calc(100% - 9rem);
    width: calc(100% - 9rem);
}
.company__history__main__month {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.company__history__main__month > .company__history__main__term {
    flex: 0 0 18rem;
    width: 18rem;
}
.company__history__main__month > .company__history__main__desc {
    flex: 0 0 calc(100% - 18rem);
    width: calc(100% - 18rem);
}
.company__history__main__desc,
.company__history__main__term {
    /*font-family: neue-haas-grotesk-text, source-han-sans-japanese, sans-serif;*/
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.7142857143;
}
@media (max-width: 767px) {
    .company__history__main__desc,
    .company__history__main__term {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.7692307692;
    }
    .company__overview__label {
        font-size: max(1rem, 10px);
        letter-spacing: 0;
        line-height: 1.5;
        margin-top: 1.5rem;
    }
    .company__overview__catchcopy {
        font-size: max(3rem, 10px);
        letter-spacing: 0;
        line-height: 1.3333333333;
        margin-top: 1rem;
    }
    .company__overview__images {
        flex-flow: row wrap;
        gap: 1.5rem;
        margin-top: 2.5rem;
    }
    .company__overview__images__img1 {
        flex: 0 0 100%;
        height: 34.5rem;
        width: 100%;
    }
    .company__overview__images__img2 {
        margin-right: 0;
        margin-top: 10.6rem;
    }
    .company__overview__images__img2,
    .company__overview__images__img3 {
        flex: 0 0 calc(50% - 0.75rem);
        height: 21.2rem;
        width: calc(50% - 0.75rem);
    }
    .company__overview__main {
        margin: 5rem auto 0;
        width: 100%;
    }
    .company__overview__main__line {
        padding: 1.6rem 0;
    }
    .company__overview__main__term {
        flex: 0 0 9rem;
        width: 9rem;
    }
    .company__overview__main__desc {
        flex: 0 0 calc(100% - 9rem);
        width: calc(100% - 9rem);
    }
    .company__overview__main__desc .textlinelink {
        margin-top: 0.5rem;
    }
    .company__overview__main__desc dl dt {
        flex: 0 0 12rem;
        width: 12rem;
    }
    .company__overview__main__desc dl dd {
        flex: 0 0 calc(100% - 12rem);
        width: calc(100% - 12rem);
    }
    .company__overview__main__desc ul li {
        padding-left: 1em;
    }
    .company__trackrecord {
        margin-top: 10rem;
    }
    .company__trackrecord__group {
        display: block;
        margin-top: 4rem;
    }
    .company__trackrecord__label {
        font-size: max(2.4rem, 10px);
        letter-spacing: 0;
        line-height: 1.4166666667;
        width: 100%;
    }
    .company__trackrecord__body {
        display: block;
        width: 100%;
    }
    .company__trackrecord__body__block {
        display: flex;
        margin-top: 1.5rem;
        min-height: 6.6rem;
        padding: 1.3rem 1.5rem;
        width: 100%;
    }
    .company__trackrecord__body__block__term {
        font-size: max(1.5rem, 10px);
        letter-spacing: 0;
        line-height: 1.3333333333;
    }
    .company__trackrecord__body__block__desc {
        font-size: max(1.6rem, 10px);
        letter-spacing: 0;
        line-height: 1.3125;
    }
    .company__trackrecord__link {
        margin: 4rem auto 0;
    }
    .company__trackrecord__link .boxbutton {
        margin: 0 auto;
        width: 25.5rem;
    }
    .company__history {
        margin-top: 10rem;
    }
    .company__history__main {
        margin: 5rem 0 0;
        width: 100%;
    }
    .company__history__main__year {
        padding: 1.6rem 0;
    }
    .company__history__main__year > .company__history__main__term {
        flex: 0 0 6rem;
        width: 6rem;
    }
    .company__history__main__year > .company__history__main__desc {
        flex: 0 0 calc(100% - 6rem);
        width: calc(100% - 6rem);
    }
    .company__history__main__year:first-child {
        padding-top: 0;
    }
    .company__history__main__year:last-child {
        padding-bottom: 0;
    }
    .company__history__main__month > .company__history__main__term {
        flex: 0 0 6rem;
        width: 6rem;
    }
    .company__history__main__month > .company__history__main__desc {
        flex: 0 0 calc(100% - 6rem);
        width: calc(100% - 6rem);
    }
}

.business-wrapper#business01{
    background: #fff;
}
.business-wrapper#business01 .lower__sticky__side{
    color: #28282c;
}
.business-wrapper#business01 .lower__sticky__main.\:border:before{
    border-left: 1px solid #28282c;
}
/*======================*/
.top-hero__catch__jp__cover{
    font-size: 24px;
    color: var(--color-secondary);
    font-family: monospace;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .top-hero__catch__jp__cover{
        font-size: 11px;
        color: var(--color-secondary);
        font-family: monospace;
        font-weight: 600;
    }
}
.top-hero__catch__en__first__cover,
.top-hero__catch__en__second__cover{
    font-size: 38px;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .top-hero__catch__en__first__cover,
    .top-hero__catch__en__second__cover{
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
    }
}
.company-overview--gallery{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
}
.company-overview--gallery figure{
    width: calc(33.333333% - 10px);
}
.company-overview--gallery figure img{
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.business-wrapper#business03{
    background: #fff;
}
.business-wrapper#business03 .lower__sticky__side{
    color: #28282c;
}
.business-wrapper#business03 .lower__sticky__main.\:border:before{
    border-left: 1px solid #28282c;
}
/*========================*/

.section-intro h2{
    font-size: 22px;
    line-height: 26px;
    color: #F7941D;
    margin: 0 0 30px;
    text-align: center;
}
.section-intro p{
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #28282c
}


.p-business {
    padding-bottom: var(--space-160);
}
.p-business-intro__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8.33333%;
    margin: 0 -20px;
}
@media (max-width: 1024px) {
    .p-business-intro__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }
}
.p-business-intro__heading {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    padding: 0 20px;
}
@media (max-width: 1024px) {
    .p-business-intro__heading {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: var(--space-64);
    }
}
.p-business-intro__content {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    padding: 0 20px;
}
@media (max-width: 1024px) {
    .p-business-intro__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }
}
.p-business-intro__copy {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: var(--space-24);
}
.p-business-nav {
    margin-top: 0;
}
@media (max-width: 767px) {
    .p-business-nav {
        margin-right: -15px;
        margin-left: -15px;
        padding-inline: 20px;
    }
}
.p-business-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}
@media (max-width: 1024px) {
    .p-business-nav__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .p-business-nav__list {
        margin-top: 24px;
    }
}
.p-business-nav__item,
.p-business-nav__list-item {
    height: max(24.333333vw, 420px);
}
.p-business-nav__list .p-business-nav__item,
.p-business-nav__list .p-business-nav__list-item {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 0 2px 4px;
}
/* @media (max-width: 1024px) {
    .p-business-nav__list .p-business-nav__item,
    .p-business-nav__list .p-business-nav__list-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        height: 355px;
    }
} */
@media (max-width: 767px) {
    .p-business-nav__item,
    .p-business-nav__list-item {
        height: 355px;
    }
    .p-business-nav__list .p-business-nav__item,
    .p-business-nav__list .p-business-nav__list-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        height: 210px;
    }
}
.p-business-detail__header {
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 1024px) {
    .p-business-detail__header {
        padding-top: 260px;
    }
}
@media (max-width: 767px) {
    .p-business-detail__header {
        padding-top: 180px;
    }
}
.p-business-detail__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -20px;
}
@media (max-width: 1024px) {
    .p-business-detail__header-row {
        display: block;
        width: 100%;
        margin: 0;
    }
}
.p-business-detail__header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 37.5%;
    padding: 80px 20px;
}
@media (max-width: 1024px) {
    .p-business-detail__header-body {
        display: block;
        max-width: 100%;
        padding: 0;
    }
}
@media (max-width: 1024px) {
    .p-business-detail__header-block {
        margin-bottom: var(--space-56);
    }
}
.p-business-detail__header-heading span {
    display: block;
}
.p-business-detail__header-heading-main {
    font-size: var(--font-size-heading-xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
}
.is-en .p-business-detail__header-heading-main {
    font-family: var(--font-family-eng);
    font-weight: 400;
    letter-spacing: 0;
}
.p-business-detail__header-heading-sub {
    font-size: 20px;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-heading);
    letter-spacing: 0;
    font-family: var(--font-family-eng);
    color: #f7941d;
}
@media (max-width: 1024px) {
    .p-business-detail__header-heading-sub {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .p-business-detail__header-heading-sub {
        font-size: 16px;
    }
}
.p-business-detail__header-image {
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
    height: 56.25vw;
    max-height: 100vh;
    padding: 0 20px;
}
@media (max-width: 1024px) {
    .p-business-detail__header-image {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: initial;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .p-business-detail__header-image {
        height: 85.3333333333vw;
    }
}
.p-business-detail__header-image-item {
    height: 100%;
    margin-right: calc(var(--site-padding) * -1);
    overflow: hidden;
    border-radius: 0 0 0 20px;
}
.p-business-detail__header-image-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .p-business-detail__header-image-item {
        border-radius: 10px 0 0 10px;
    }
}
.p-business-detail__body {
    padding-top: var(--space-160);
    padding-bottom: var(--space-160);
    border-top: none;
}
@media (max-width: 1024px) {
    .p-business-detail__body {
        padding-top: var(--space-128);
    }
}
@media (max-width: 767px) {
    .p-business-detail__body {
        padding-top: var(--space-96);
    }
}
.p-business-detail__body-inner {
    max-width: 840px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .p-business-detail__body-inner {
        padding: 0 40px;
    }
}
@media (max-width: 767px) {
    .p-business-detail__body-inner {
        padding: 0;
    }
}
.p-business-detail-lead__copy {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    color: #f7941d;
}
.p-business-detail-content {
    padding-top: 0;
    overflow: hidden;
}
.p-business-detail-content__heading {
    position: relative;
}
.p-business-detail-content__img {
    text-align: center;
}
.p-business-detail-content__img--bg {
    overflow: hidden;
    background-color: #f0efe9;
    border-radius: 8px;
}
@media (max-width: 767px) {
    .p-business-detail-content__img--scroll {
        margin: 0 calc(var(--site-padding) * -1);
        overflow-x: scroll;
    }
    .p-business-detail-content__img--scroll img {
        width: 60rem;
        max-width: initial;
        padding: 0 var(--site-padding);
    }
}
.p-business-detail-content__box {
    padding: var(--space-32) var(--space-40);
    margin-top: var(--space-64);
    text-align: justify;
    background-color: #f0efe9;
    border-radius: 8px;
}
.is-en .p-business-detail-content__box {
    text-align: initial;
}
@media (max-width: 767px) {
    .p-business-detail-content__box {
        padding: var(--space-40) var(--space-40);
    }
}
.p-business-detail-content__box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .p-business-detail-content__box-row {
        display: block;
    }
}
.p-business-detail-content__box-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: var(--space-40);
}
@media (max-width: 767px) {
    .p-business-detail-content__box-body {
        padding-right: 0;
    }
}
.p-business-detail-content__box-img {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    max-width: 150px;
}
@media (max-width: 767px) {
    .p-business-detail-content__box-img {
        margin: 24px auto 0;
    }
}
.p-business-detail-content__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-family: var(--font-family-eng-sub);
    color: #fff;
    background-color: #f7941d;
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .p-business-detail-content__num {
        width: 48px;
        height: 48px;
    }
}
.p-business-detail-content__num-label {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0;
}
.p-business-detail-content__num-number {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
}
.p-business-detail-content__case-item {
    margin-top: var(--space-24);
}
.p-business-detail-content__case-item+.p-business-detail-content__case-item{
    padding-top: 60px;
    position: relative;
}
/*.p-business-detail-content__case-item+.p-business-detail-content__case-item:before{
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #f7941d;
    content: "";
    position: absolute;
    left: 50%;
    top: 48px;
    transform: translate(-50%, -50%);
}*/
.p-business-detail-content__case-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.p-business-detail-content__case-header .p-business-detail-content__case-heading{
    margin-bottom: 0;
}
.p-business-detail-content__case-heading {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: var(--space-16);
    margin-bottom: 0;
}
.p-business-detail-content__case-body {
    position: relative;
    padding: var(--space-32) var(--space-40);
    margin-top: 18px;
    background-color: #f0efe9;
    border-radius: 8px;
    color: #414042;
}
.p-business-detail-content__case-body:before {
    position: absolute;
    top: 0;
    left: 24px;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent #f0efe9;
    border-style: solid;
    border-width: 0 6.50px 9px 6.50px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.p-business-detail-content__case-body h3.title{margin:30px 0 15px;}
.p-business-detail-content__case-body .p-process-flow__cards+h3.title{
    margin-top: 50px;
}
.p-business-detail-content__circle {
    max-width: 720px;
    margin: 0 auto;
}
.p-business-detail-content__circle-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px -20px;
}
@media (max-width: 767px) {
    .p-business-detail-content__circle-list {
        margin: 0 -5px -10px;
    }
}
.p-business-detail-content__circle-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 240px;
    flex-basis: 240px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px 20px;
}
@media (max-width: 767px) {
    .p-business-detail-content__circle-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        height: 50%;
        padding: 0 5px 10px;
    }
}
.p-business-detail-content__circle-inner {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 220px;
    height: 220px;
    padding: 20px;
    text-align: center;
    background-color: var(--color-bg-light);
    border-radius: 100%;
}
.is-en .p-business-detail-content__circle-inner {
    font-size: 16px;
}
@media (max-width: 1024px) {
    .p-business-detail-content__circle-inner {
        font-size: 15px;
    }
    .is-en .p-business-detail-content__circle-inner {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .p-business-detail-content__circle-inner {
        width: 40vw;
        height: 40vw;
        font-size: 14px;
    }
    .is-en .p-business-detail-content__circle-inner {
        font-size: 12px;
    }
}
.p-business-detail-content__cards {
    position: relative;
    margin-top: 60px;
}
.p-business-detail-content__cards:first-child {
    margin-top: 0;
}
.p-business-detail-content__cards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -20px;
}
.p-business-detail-content__cards-item {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 0 20px 20px;
}
@media (max-width: 767px) {
    .p-business-detail-content__cards-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 100%;
    }
}
.p-business-detail-content__cards-img {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    background-color: #f0efe9;
    border-radius: 8px;
}
.p-business-detail-content__cards-img img {
    width: 48%;
}
@media (max-width: 767px) {
    .p-business-detail-content__cards-img {
        width: 10rem;
    }
    .p-business-detail-content__cards-img img {
        width: 100%;
    }
}
.p-business-detail-content__cards-body {
    padding-top: 18px;
}
@media (max-width: 767px) {
    .p-business-detail-content__cards-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: 8px;
        padding-left: 20px;
    }
}
.p-business-detail-content__cards-term {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
}
.p-business-detail-content__cards-desc {
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body-sm);
    letter-spacing: var(--letter-spacing-m);
    padding-top: 10px;
}
.p-business-detail-content__merit {
    position: relative;
    margin-top: 60px;
}
.p-business-detail-content__merit:first-child {
    margin-top: 0;
}
.p-business-detail-content__merit-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -32px;
}
.p-business-detail-content__merit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 33.33333%;
    padding: 0 20px 32px;
}
@media (max-width: 1024px) {
    .p-business-detail-content__merit-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}
.p-business-detail-content__merit-num {
    position: relative;
}
.p-business-detail-content__merit-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
}
.p-business-detail-content__merit-term {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
}
.p-business-detail-content__merit-desc {
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body-sm);
    letter-spacing: var(--letter-spacing-m);
    padding-top: 10px;
}
.p-business-detail-contact {
    padding: 20px;
    background-color: #f7941d;
    border-radius: 8px;
}
.p-business-detail-contact__text {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    color: #fff;
    text-align: center;
}
.p-business-detail-contact__header {
    padding-bottom: 20px;
}
.p-business-detail-contact__body {
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .p-business-detail-contact__body {
        padding: 20px;
    }
}
.p-business-detail-contact__heading {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    text-align: center;
}
.p-business-detail-contact__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .p-business-detail-contact__lists {
        margin-top: 20px;
    }
}
.p-business-detail-contact__lists-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    border-left: solid 1px var(--color-border-primary);
}
.p-business-detail-contact__lists-item:first-child {
    border-left: none;
}
@media (max-width: 1024px) {
    .p-business-detail-contact__lists-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 20px 0;
        border-top: solid 1px var(--color-border-primary);
        border-left: none;
    }
    .p-business-detail-contact__lists-item:last-child {
        padding-bottom: 0;
    }
}
.p-business-detail-contact__lists-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.p-business-detail-contact__lists-icon {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #f0efe9;
    border-radius: 100%;
}
.p-business-detail-contact__lists-label {
    margin-left: 10px;
    font-family: var(--font-family-eng-sub);
    font-size: 14px;
    font-size: var(--font-size-body-lg);
    line-height: var(--line-height-heading);
}
.p-business-detail-works {
    padding-top: var(--space-160);
    overflow: hidden;
}
.p-business-detail-other-business {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #f0efe9;
}
@media only screen and (max-width: 767px){
    .p-business-detail-other-business{
        padding-inline: 20px;
    }
}

.c-business-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    background-color: black;
    border-radius: 5px;
}
.c-business-card__link {
    width: 100%;
    height: 100%;
    color: #fff;
}
.c-business-card__link:hover {
    color: #fff;
}
.is-coming .c-business-card__link {
    pointer-events: none;
}
.c-business-card__heading {
    position: absolute;
    top: var(--space-32);
    left: var(--space-24);
    z-index: 2;
    font-size: 14px;
}
.c-business-card--main .c-business-card__heading {
    top: var(--space-56);
    left: var(--space-48);
}
@media (max-width: 1024px) {
    .c-business-card--main .c-business-card__heading {
        top: var(--space-32);
        left: var(--space-24);
    }
}
.c-business-card__heading-main {
    font-size: var(--font-size-heading-sm);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    display: block;
}
.p-top-business .c-business-card__heading-main {
    font-size: var(--font-size-heading-xs);
}
.c-business-card--main .c-business-card__heading-main {
    font-size: var(--font-size-heading-md);
}
.is-en .c-business-card__heading-main {
    font-family: var(--font-family-eng);
    letter-spacing: 0;
}
@media (max-width: 767px) {
    .c-business-card__heading-main {
        font-size: var(--font-size-heading-md);
    }
}
.c-business-card__heading-sub {
    display: block;
    font-family: var(--font-family-eng);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-s);
    opacity: 0.7;
}
.c-business-card__text {
    position: absolute;
    bottom: var(--space-24);
    left: var(--space-24);
    z-index: 2;
    padding-right: 70px;
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body-sm);
    letter-spacing: var(--letter-spacing-m);
}
.c-business-card--main .c-business-card__text {
    left: var(--space-48);
}
@media (max-width: 1024px) {
    .c-business-card__text {
        font-size: 15px;
    }
    .c-business-card--main .c-business-card__text {
        left: var(--space-24);
    }
}
@media (max-width: 767px) {
    .c-business-card__text {
        padding-right: 50px;
        font-size: 13px;
    }
}
.c-business-card__icon {
    position: absolute;
    right: var(--space-24);
    bottom: var(--space-24);
    z-index: 2;
}
.c-business-card__image {
    width: 100%;
    height: 100%;
}
.c-business-card__image-item {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media (hover: hover) and (pointer: fine) {
    a:hover .c-business-card__image-item {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.c-business-card__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: background-color;
}
.is-coming .c-business-card__image-overlay {
    z-index: 3;
    background-color: rgba(78, 83, 80, 0.9);
}
@media (max-width: 767px) {
    .c-business-card__image-overlay {
        background-color: rgba(0, 0, 0, 0.4);
    }
}
@media (hover: hover) and (pointer: fine) {
    a:hover .c-business-card__image-overlay {
        background-color: rgba(0, 0, 0, 0);
    }
}
.c-business-card__coming {
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: var(--font-family-eng-sub);
}
.c-works-list {
    display: block;
}
@media (max-width: 767px) {
    .c-works-list {
        margin: 0 -15px;
    }
}
.c-works-list__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -40px;
}
@media (max-width: 1024px) {
    .c-works-list__wrapper {
        margin: 0 -10px -20px;
    }
}
@media (max-width: 767px) {
    .c-works-list__wrapper {
        margin: 0 -2px -4px;
    }
}
section.p-works-detail__footer{
    padding-inline: 0;
}
/*===============================================*/
/*===============================================*/
.u-mt-em1 {
    margin-top: 1em !important;
}
.c-ico {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    fill: currentColor;
    flex-shrink: 0;
}
.c-ico.-pulse01 .svg-elem-1 {
    stroke-dashoffset: 46.9px;
    stroke-dasharray: 46.9077072144px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), stroke 0.2s ease;
}
.c-ico.-pulse01.-l {
    font-size: min(calc(1.10204vw + 0.58546rem), 1.6875rem);
}
a:hover .c-ico.-pulse01 .svg-elem-1,
button:hover .c-ico.-pulse01 .svg-elem-1 {
    stroke-dashoffset: 0;
    stroke: #db2020;
}

@media (any-hover: none) {
    .c-ico.-pulse01 .svg-elem-1 {
        stroke-dashoffset: 0;
        stroke: #db2020;
    }
    .c-button01.-red a .svg-elem-1,
    .c-button01.-red button .svg-elem-1,
    .c-button01.-red > span .svg-elem-1,
    .c-cta03__button a .c-ico.-pulse01 .svg-elem-1 {
        stroke: #fff;
    }
}


.c-button01 {
    color: #fff;
    display: flex;
    font-size: min(calc(0.08163vw + 0.85587rem), 0.9375rem);
    font-weight: 700;
}
.c-button01 a,
.c-button01 button,
.c-button01 > span {
    align-items: center;
    background-color: #f7941d;
    color: #fff;
    border-radius: 9999px;
    box-shadow: 5px 10px 30px rgba(34, 34, 34, 0.1);
    display: flex;
    justify-content: center;
    min-height: 3.733em;
    padding: 0.5em 1em;
    transition-duration: 0.5s;
    width: 14.933em;
}
.c-button01 a .c-ico,
.c-button01 button .c-ico,
.c-button01 > span .c-ico {
    margin-left: 0.75em;
    margin-right: -1.5em;
}
.c-button01.-center {
    justify-content: center;
}
.c-button01.-white {
    color: #222;
}
.c-button01.-white a,
.c-button01.-white button,
.c-button01.-white > span {
    background-color: #fff;
}
.c-button01.-red a,
.c-button01.-red button,
.c-button01.-red > span {
    background-color: #db2020;
}
.c-button01.-m a,
.c-button01.-m button,
.c-button01.-m > span {
    width: 18.533em;
}
.c-button01.-back a .c-ico,
.c-button01.-back button .c-ico,
.c-button01.-back > span .c-ico {
    margin-left: 0;
    margin-right: 1em;
    order: -1;
}
.c-button01.-back a .c-ico img,
.c-button01.-back a .c-ico svg,
.c-button01.-back button .c-ico img,
.c-button01.-back button .c-ico svg,
.c-button01.-back > span .c-ico img,
.c-button01.-back > span .c-ico svg {
    scale: -1 1;
}
.c-button01.-m a:hover{
    opacity: 0.7;
}
.c-aco01 {
    border-bottom: 1px solid #e5e5e5;
    font-size: min(calc(0.40816vw + 8.4184px), 12.5px);
}
.c-aco01__head {
    align-items: center;
    display: flex;
    padding: 1em 0;
    position: relative;
}
.c-aco01__head .c-title01 {
    margin-right: 1em;
}
.c-aco01__body {
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: min(0.8163265306vw + 16.9387755102px, 30px);
}
.c-aco01__body>p{
    margin-top: 15px;
}
.c-aco01__toggle {
    aspect-ratio: 1/1;
    border: 1px solid;
    border-radius: 50%;
    font-size: min(calc(0.32653vw + 11.7347px), 1.5px);
    margin-left: auto;
    position: relative;
    width: 1em;
}
.c-aco01__toggle:after,
.c-aco01__toggle:before {
    aspect-ratio: 9.75/2;
    background-color: currentColor;
    border-radius: 9999px;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 0.42em;
}
.c-aco01__toggle:after {
    rotate: 90deg;
}
.c-aco01.is-open .c-aco01__toggle:after {
    opacity: 0;
}
.p-for-beginner_ol01 {
    list-style: none;
    counter-reset: number;
}
.p-for-beginner_ol01+.p-for-beginner_ol01{
    margin-top: 30px;
}
.p-for-beginner_ol01+.c-heading-sm[data-heading-type="dot"]{
    margin-top: var(--space-24);
}
.p-for-beginner_ol01 li {
    counter-increment: number;
    padding-bottom: 2em;
    padding-left: 2.5em;
    padding-top: 0.25em;
    position: relative;
    z-index: 0;
}
.p-for-beginner_ol01 li:before {
    aspect-ratio: 1/1;
    background-color: #e5e5e5;
    border-radius: 50%;
    content: counter(number);
    display: grid;
    font-family: Geologica, sans-serif;
    font-weight: 600;
    left: 0;
    letter-spacing: 0;
    line-height: 1.2;
    place-items: center;
    position: absolute;
    top: 0;
    width: 1.625em;
}
.p-for-beginner_ol01 li:after {
    border-left: min(0.1632653061vw + 1.387755102px, 4px) solid #e5e5e5;
    bottom: 0;
    content: "";
    left: 0.7em;
    position: absolute;
    top: 0;
    z-index: -1;
}
.p-for-beginner_ol01 li:last-child {
    padding-bottom: 0;
}
.p-for-beginner_ol01 li:last-child:after {
    display: none;
}
.js-aco .js-aco_wrap{
    overflow: hidden;
}
/*===========================*/
/*=============================================*/
.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--gutter-y) * -1);
    margin-right: calc(var(--gutter-x) / -2);
    margin-left: calc(var(--gutter-x) / -2);
    --gutter-x: 20px;
    --gutter-y: 40px;
}
@media (min-width: 768px) {
    .l-flex {
        --gutter-x: 20px;
        --gutter-y: 40px;
    }
}
@media (min-width: 1025px) {
    .l-flex {
        --gutter-x: 40px;
        --gutter-y: 60px;
    }
}
.l-flex > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) / 2);
    padding-left: calc(var(--gutter-x) / 2);
    margin-top: var(--gutter-y);
}
.l-flex__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media (min-width: 768px) {
    .l-flex__col > :first-child {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .l-flex__col:first-child > :first-child {
        margin-top: 0;
    }
}
.-cols-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.-cols-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.-cols-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}
.-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.-cols-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}
.-cols-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}
.-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.l-flex__col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.l-flex__col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%;
}
.l-flex__col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.l-flex__col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}
.l-flex__col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.l-flex__col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
}
.l-flex__col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}
.l-flex__col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
}
.l-flex__col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%;
}
.l-flex__col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}
.l-flex__col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%;
}
.l-flex__col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%;
}
.l-flex__col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.-offset-1 {
    margin-left: 8.3333333333%;
}
.-offset-2 {
    margin-left: 16.6666666667%;
}
.-offset-3 {
    margin-left: 25%;
}
.-offset-4 {
    margin-left: 33.3333333333%;
}
.-offset-5 {
    margin-left: 41.6666666667%;
}
.-offset-6 {
    margin-left: 50%;
}
.-offset-7 {
    margin-left: 58.3333333333%;
}
.-offset-8 {
    margin-left: 66.6666666667%;
}
.-offset-9 {
    margin-left: 75%;
}
.-offset-10 {
    margin-left: 83.3333333333%;
}
.-offset-11 {
    margin-left: 91.6666666667%;
}
.-g,
.-gx {
    --gutter-x: 50px;
}
.-g,
.-gy {
    --gutter-y: 50px;
}
.-g-0,
.-gx-0 {
    --gutter-x: 0;
}
.-g-0,
.-gy-0 {
    --gutter-y: 0;
}
.-g-1,
.-gx-1 {
    --gutter-x: 10px;
}
.-g-1,
.-gy-1 {
    --gutter-y: 10px;
}
.-g-2,
.-gx-2 {
    --gutter-x: 20px;
}
.-g-2,
.-gy-2 {
    --gutter-y: 20px;
}
.-g-3,
.-gx-3 {
    --gutter-x: 30px;
}
.-g-3,
.-gy-3 {
    --gutter-y: 30px;
}
.-g-4,
.-gx-4 {
    --gutter-x: 40px;
}
.-g-4,
.-gy-4 {
    --gutter-y: 40px;
}
.-g-5,
.-gx-5 {
    --gutter-x: 50px;
}
.-g-5,
.-gy-5 {
    --gutter-y: 50px;
}
@media (min-width: 768px) {
    .-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    .-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .l-flex__col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .l-flex__col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .l-flex__col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .l-flex__col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .l-flex__col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .l-flex__col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .l-flex__col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .l-flex__col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .l-flex__col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .l-flex__col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .l-flex__col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-offset-sm-0 {
        margin-left: 0;
    }
    .-offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .-offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .-offset-sm-3 {
        margin-left: 25%;
    }
    .-offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .-offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .-offset-sm-6 {
        margin-left: 50%;
    }
    .-offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .-offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .-offset-sm-9 {
        margin-left: 75%;
    }
    .-offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .-offset-sm-11 {
        margin-left: 91.6666666667%;
    }
    .-g,
    .-gy {
        --gutter-y: 30px;
    }
    .-g-sm-0,
    .-gx-sm-0 {
        --gutter-x: 0;
    }
    .-g-sm-0,
    .-gy-sm-0 {
        --gutter-y: 0;
    }
    .-g-sm-1,
    .-gx-sm-1 {
        --gutter-x: 10px;
    }
    .-g-sm-1,
    .-gy-sm-1 {
        --gutter-y: 10px;
    }
    .-g-sm-2,
    .-gx-sm-2 {
        --gutter-x: 20px;
    }
    .-g-sm-2,
    .-gy-sm-2 {
        --gutter-y: 20px;
    }
    .-g-sm-3,
    .-gx-sm-3 {
        --gutter-x: 30px;
    }
    .-g-sm-3,
    .-gy-sm-3 {
        --gutter-y: 30px;
    }
    .-g-sm-4,
    .-gx-sm-4 {
        --gutter-x: 40px;
    }
    .-g-sm-4,
    .-gy-sm-4 {
        --gutter-y: 40px;
    }
    .-g-sm-5,
    .-gx-sm-5 {
        --gutter-x: 50px;
    }
    .-g-sm-5,
    .-gy-sm-5 {
        --gutter-y: 50px;
    }
}
@media (min-width: 1025px) {
    .-cols-md-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-cols-md-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .-cols-md-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    .-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .l-flex__col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .l-flex__col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .l-flex__col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .l-flex__col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .l-flex__col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .l-flex__col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .l-flex__col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .l-flex__col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .l-flex__col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .l-flex__col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .l-flex__col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-offset-md-0 {
        margin-left: 0;
    }
    .-offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .-offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .-offset-md-3 {
        margin-left: 25%;
    }
    .-offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .-offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .-offset-md-6 {
        margin-left: 50%;
    }
    .-offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .-offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .-offset-md-9 {
        margin-left: 75%;
    }
    .-offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .-offset-md-11 {
        margin-left: 91.6666666667%;
    }
    .-g-md-0,
    .-gx-md-0 {
        --gutter-x: 0;
    }
    .-g-md-0,
    .-gy-md-0 {
        --gutter-y: 0;
    }
    .-g-md-1,
    .-gx-md-1 {
        --gutter-x: 10px;
    }
    .-g-md-1,
    .-gy-md-1 {
        --gutter-y: 10px;
    }
    .-g-md-2,
    .-gx-md-2 {
        --gutter-x: 20px;
    }
    .-g-md-2,
    .-gy-md-2 {
        --gutter-y: 20px;
    }
    .-g-md-3,
    .-gx-md-3 {
        --gutter-x: 30px;
    }
    .-g-md-3,
    .-gy-md-3 {
        --gutter-y: 30px;
    }
    .-g-md-4,
    .-gx-md-4 {
        --gutter-x: 40px;
    }
    .-g-md-4,
    .-gy-md-4 {
        --gutter-y: 40px;
    }
    .-g-md-5,
    .-gx-md-5 {
        --gutter-x: 50px;
    }
    .-g-md-5,
    .-gy-md-5 {
        --gutter-y: 50px;
    }
}
@media (min-width: 1441px) {
    .-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    .-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .l-flex__col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .l-flex__col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .l-flex__col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .l-flex__col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .l-flex__col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .l-flex__col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .l-flex__col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .l-flex__col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .l-flex__col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .l-flex__col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .l-flex__col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-offset-lg-0 {
        margin-left: 0;
    }
    .-offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .-offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .-offset-lg-3 {
        margin-left: 25%;
    }
    .-offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .-offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .-offset-lg-6 {
        margin-left: 50%;
    }
    .-offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .-offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .-offset-lg-9 {
        margin-left: 75%;
    }
    .-offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .-offset-lg-11 {
        margin-left: 91.6666666667%;
    }
    .-g-lg-0,
    .-gx-lg-0 {
        --gutter-x: 0;
    }
    .-g-lg-0,
    .-gy-lg-0 {
        --gutter-y: 0;
    }
    .-g-lg-1,
    .-gx-lg-1 {
        --gutter-x: 10px;
    }
    .-g-lg-1,
    .-gy-lg-1 {
        --gutter-y: 10px;
    }
    .-g-lg-2,
    .-gx-lg-2 {
        --gutter-x: 20px;
    }
    .-g-lg-2,
    .-gy-lg-2 {
        --gutter-y: 20px;
    }
    .-g-lg-3,
    .-gx-lg-3 {
        --gutter-x: 30px;
    }
    .-g-lg-3,
    .-gy-lg-3 {
        --gutter-y: 30px;
    }
    .-g-lg-4,
    .-gx-lg-4 {
        --gutter-x: 40px;
    }
    .-g-lg-4,
    .-gy-lg-4 {
        --gutter-y: 40px;
    }
    .-g-lg-5,
    .-gx-lg-5 {
        --gutter-x: 50px;
    }
    .-g-lg-5,
    .-gy-lg-5 {
        --gutter-y: 50px;
    }
}
@media (min-width: 1681px) {
    .-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    .-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .l-flex__col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .l-flex__col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .l-flex__col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .l-flex__col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .l-flex__col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .l-flex__col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .l-flex__col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .l-flex__col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .l-flex__col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .l-flex__col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .l-flex__col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .l-flex__col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .-offset-xl-0 {
        margin-left: 0;
    }
    .-offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .-offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .-offset-xl-3 {
        margin-left: 25%;
    }
    .-offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .-offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .-offset-xl-6 {
        margin-left: 50%;
    }
    .-offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .-offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .-offset-xl-9 {
        margin-left: 75%;
    }
    .-offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .-offset-xl-11 {
        margin-left: 91.6666666667%;
    }
    .-g-xl-0,
    .-gx-xl-0 {
        --gutter-x: 0;
    }
    .-g-xl-0,
    .-gy-xl-0 {
        --gutter-y: 0;
    }
    .-g-xl-1,
    .-gx-xl-1 {
        --gutter-x: 10px;
    }
    .-g-xl-1,
    .-gy-xl-1 {
        --gutter-y: 10px;
    }
    .-g-xl-2,
    .-gx-xl-2 {
        --gutter-x: 20px;
    }
    .-g-xl-2,
    .-gy-xl-2 {
        --gutter-y: 20px;
    }
    .-g-xl-3,
    .-gx-xl-3 {
        --gutter-x: 30px;
    }
    .-g-xl-3,
    .-gy-xl-3 {
        --gutter-y: 30px;
    }
    .-g-xl-4,
    .-gx-xl-4 {
        --gutter-x: 40px;
    }
    .-g-xl-4,
    .-gy-xl-4 {
        --gutter-y: 40px;
    }
    .-g-xl-5,
    .-gx-xl-5 {
        --gutter-x: 50px;
    }
    .-g-xl-5,
    .-gy-xl-5 {
        --gutter-y: 50px;
    }
}
.-flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}
.-flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}
.-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
@media (max-width: 1920px) {
    .-flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .-flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}
@media (max-width: 1500px) {
    .-flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .-flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

.c-heading-sm {
    font-size: var(--font-size-heading-sm);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: var(--space-24);
}
.c-heading-sm[data-heading-type="dot"] {
    position: relative;
    padding-left: 30px;
}
.c-heading-sm[data-heading-type="dot"]:before {
    position: absolute;
    top: 06px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    background-color: #f7941d;
    border-radius: 100%;
}
.c-heading-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: var(--space-48);
}
.c-heading-section--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1024px) {
    .c-heading-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.c-heading-section__main {
    font-size: 56px;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-family-eng);
}
@media (max-width: 1024px) {
    .c-heading-section__main {
        font-size: 42px;
    }
}
@media (max-width: 767px) {
    .c-heading-section__main {
        font-size: 36px;
    }
}
.c-heading-section__sub {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: 0.15em;
    padding-left: var(--space-24);
}
.c-heading-section--vertical .c-heading-section__sub {
    padding-top: var(--space-16);
    padding-left: 0;
}
.is-en .c-heading-section__sub {
    font-weight: var(--font-weight-normal);
    letter-spacing: 0.05em;
}
@media (max-width: 1024px) {
    .c-heading-section__sub {
        padding-top: var(--space-16);
        padding-left: 0;
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .c-heading-section__sub {
        font-size: 14px;
    }
}
.c-heading-section-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: var(--space-48);
}
.c-heading-section-sm--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.c-heading-section-sm__main {
    font-size: 36px;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-family-eng);
}
@media (max-width: 1024px) {
    .c-heading-section-sm__main {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .c-heading-section-sm__main {
        font-size: 24px;
    }
}
.c-heading-section-sm__sub {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: 0.15;
    padding-left: var(--space-24);
}
.c-heading-section-sm--vertical .c-heading-section-sm__sub {
    padding-top: var(--space-12);
    padding-left: 0;
}
@media (max-width: 1024px) {
    .c-heading-section-sm__sub {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .c-heading-section-sm__sub {
        font-size: 14px;
    }
}


#gen_list{
    scroll-margin-top: 80px;
}
.gen-list3 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1300px;
    margin: 30px auto 0;
}

.gen-list3 > li {
    width: 23.8%;
}
.gen-list3 > li .icon-btn{
    padding: 6px 12px;
    border-radius: 30px;
    background: #00c600;
    color: #fff;
    display: block;
    max-width: 120px;
    text-align: center;
    margin: 0 auto 15px;
}
.gen-list3 > li .icon-btn.icon-btn-red{
    background: #D0315B;
}
.gen-list3 > li .icon-btn.icon-btn-oranges{
    background: #F7941D;
}
.gen-list3 > li .icon-btn.icon-btn-green{
    background: #00c600;
}
.gen-list3 > li .icon-btn.icon-btn-blue{
    background: #00a0e9;
}
.gen-list3-intro{
    font-size: 15px;
}
.gen-list3-intro p{
    margin-top: 15px;
}
.gen-list3-intro h3{
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}
.cl-red{
    color: #D0315B;
}
strong{
    font-weight: 600;
}
#gen3 .cmn-ttl2 {
    margin: auto;
    margin-bottom: 80px;
}

#gen3 .cmn-numlist .blue-txt {
    margin-bottom: 15px;
}

#gen3 .cmn-numlist .cmn-link1 {
    margin-top: 40px;
}

#gen3 .cmn-numlist {
    padding-bottom: 200px;
}

#gen3 .cmn-numlist .flex .left {
    width: calc(95% - 350px);
}
#gen3 .cmn-numlist .flex .right {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 350px;
}

#gen3 .cmn-numlist .red {
    color: #ff0000;
    margin-top: 10px;
}

@media screen and (max-width: 1200px) {
    /*.gen-list3 { margin-bottom: 100px; }*/
    #gen3 { padding-top: 70px; }
    #gen3 .cmn-ttl2 { margin-bottom: 50px; }
}

@media screen and (max-width: 1050px) {
    #gen3 .cmn-numlist .flex .left { width: 100%; }
    #gen3 .cmn-numlist .flex .left br.pc { display: none; }
    #gen3 .cmn-numlist .flex .right { width: 100%; margin-top: 10px; }
}

@media screen and (max-width: 1000px) {
    .gen-list2 > li > img { width: 360px; }
    .gen-list2 > li .txtarea { width: calc(96% - 360px); }

    .gen-list3 { flex-wrap: wrap; }
}

@media screen and (max-width: 768px) {
    #gen1 { padding-bottom: 40px; }
    .gen1-wrap { padding-top: 60px; }
    .bus-list1 > li { flex-wrap: wrap; justify-content: center; }
    .bus-list1 > li > .txtarea { width: 98%; }
    .bus-list1 > li > img { width: 80%; margin-top: 20px; }
    .bus-list1 > li:nth-child(odd) > img { order: 2; }
    .bus-list1 > li > .txtarea .inner { max-width: none; }
    .bus-list1 .blue-txt { margin-bottom: 16px; }

    #gen2 { padding-top: 50px; padding-bottom: 40px; }
    .gen-list2 > li { flex-wrap: wrap; justify-content: center; }
    .gen-list2 > li > img { width: 80%; order: 2; margin-top: 20px; }
    .gen-list2 > li .txtarea { width: 98%; }
    .gen-list2 > li .txtarea .blue-txt { margin-bottom: 15px; }

    #gen3 { padding-top: 40px; background-image: none; }
    .gen-list3 { justify-content: space-around; margin-bottom: 50px; }
    .gen-list3 > li { width: 48%; max-width: 280px; margin-bottom: 20px; }
    .gen-list3 > li img { display: block; width: 100%; }
}

.simple-bordered{
    min-width: 320px;
    margin-top: 15px;
}
.simple-bordered tr th,
.simple-bordered tr td{
    border: 1px solid #9f9e98;
    padding: 13px 16px;
    font-weight: 400;
}
@media only screen and (min-width: 768px){
    .simple-bordered{
        min-width: 440px;
    }
}
/*===========================*/
.inner-gen-list{
    color: #fff;
    background: #D0315B;
    padding: 10px;
    border-radius: 8px;
    height: 100%;
}
.gen-list3 li:nth-child(2) .inner-gen-list{
    background: #F1DD62;
}
.gen-list3 li:nth-child(3) .inner-gen-list{
    background: #A7CC86;
}
.gen-list3 li:nth-child(4) .inner-gen-list{
    background: #519CEC;
}
.inner-gen-list figure{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
}
.inner-gen-list figure img{
    max-height: 100px;
    width: auto;
}
.inner-gen-list h3{
    background: #fff;
    color: #999;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    padding: 6px 0;
    margin: 0 0 10px;
}
.inner-gen-list p{
    font-size: 12px;
    line-height: 24px;
}
.mt-3{
    margin-top: 30px;
}
.center {
    text-align: center;
}
.title {
    font-size: 20px;
    font-weight: bold;
}
/*=====================================*/
/*=====================================*/
.p-process-flow__cards {
    max-width: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 calc(50% - 50vw) 15px;
    margin-top: 3.56250px;
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
    .p-process-flow__cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        margin-top: 1.56250px;
        margin-bottom: 15px;
        width: 100%;
        gap: 1.250px;
    }
}
.p-process-flow__card {
    width: calc(50% - 30px);
    border: 1px solid #cfcfcf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 15px 28px 15px;
    border-radius: 0.6250px;
    position: relative;
}
.p-process-flow__card+.p-process-flow__card:after{
    content: "or";
    position: absolute;
    left: -37px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .p-process-flow__card {
        width: 100%;
        padding: 2.250px 1.6250px 2.56250px 3.06250px;
        max-width: none;
        max-width: initial;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
    .p-process-flow__card+.p-process-flow__card:after{
        left: -25px;
        top: 0;
        transform: translateY(-100%)
    }
}
.p-process-flow__card.p-process-flow__card--new {
    max-width: 13.750px;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card.p-process-flow__card--new {
        max-width: none;
        max-width: initial;
    }
}
.p-process-flow__card:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    text-align: center;
    border-radius: 50%;
    background-color: #333;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.p-process-flow__card.no-dot:before {
    display: none;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card:before {
        content: none;
    }
}
.p-process-flow__card:first-child:after {
    content: none;
}
.p-process-flow__step-number {
    font-family: "DM Sans", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #aaafb6;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .p-process-flow__step-number {
        font-size: 24px;
    }
}
.p-process-flow__step-number.p-process-flow__step-number--new {
    color: #ffa868;
}
.p-process-flow__step-step {
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #aaafb6;
}
.p-process-flow__step-step.p-process-flow__step-step--new {
    color: #ffa868;
}
.p-process-flow__step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f0efe9;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 767px) {
    .p-process-flow__step-wrapper {
        width: 54.3750px;
        height: 54.3750px;
        top: 15%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 0;
    }
}
.p-process-flow__card-top-contents {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*height: 148px;*/
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-top-contents {
        margin-top: 0;
        /*-webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;*/
        height: auto;
    }
}
.p-process-flow__card-icon {
    width: 100%;
    /*height: 10rem;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon {
        height: 3.6250px;
        width: 3.56250px;
    }
}
.p-process-flow__card-icon--1 {
    width: 85px;
    aspect-ratio: 85/57;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon--1 {
        width: 5.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon.p-process-flow__card-icon--1 img {
        width: 4.750px;
    }
}
.p-process-flow__card-icon--2 {
    width: 7.6250px;
    aspect-ratio: 122/78;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon--2 {
        width: 4.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon.p-process-flow__card-icon--2 img {
        width: 4.81250px;
    }
}
.p-process-flow__card-icon--3 {
    width: 5.68750px;
    aspect-ratio: 91/74;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon--3 {
        width: 3.56250px;
    }
}
.p-process-flow__card-icon--4 {
    width: 75px;
    aspect-ratio: 120/78;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon--4 {
        width: 3.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon.p-process-flow__card-icon--4 img {
        width: 30px;
    }
}
*/
.p-process-flow__card-icon img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-icon img {
        height: 100%;
        margin-inline: auto;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon {
    width: 100%;
    height: 5.43750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon {
        height: 2.6250px;
        width: 3.56250px;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon--1 {
    width: 5.31250px;
    aspect-ratio: 85/57;
    padding-top: 1.250px;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon--1 {
        padding-top: 0;
        width: 3.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon.p-process-flow__card-icon--1 img {
        width: 2.750px;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon--2 {
    width: 5.43750px;
    aspect-ratio: 87/82;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon--2 {
        width: 3.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon.p-process-flow__card-icon--2 img {
        width: 2.81250px;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon--3 {
    width: 7.6250px;
    aspect-ratio: 122/78;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon--3 {
        width: 3.56250px;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon--4 {
    width: 5.68750px;
    aspect-ratio: 91/74;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon--4 {
        width: 3.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon.p-process-flow__card-icon--4 img {
        width: 30px;
    }
}
.p-process-flow__card--new .p-process-flow__card-icon--5 {
    width: 75px;
    aspect-ratio: 120/78;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon--5 {
        width: 3.56250px;
    }
}
@media screen and (max-width: 767px) {
    .p-process-flow__card--new .p-process-flow__card-icon.p-process-flow__card-icon--5 img {
        width: 35px;
    }
}
.p-process-flow__card-title {
    text-align: center;
    margin-top: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-title {
        font-size: 16px;
        margin-top: 0;
        margin-left: 0.6250px;
    }
}
.p-process-flow__card-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: 5px;
    color: #666;
}
@media screen and (max-width: 767px) {
    .p-process-flow__card-text {
        font-size: 14px;
        margin-top: 10px;
    }
}

aside.l-aside__contact .l-aside__contact__bg{top: 0;}
.contact .c-title__primary{text-shadow: unset;}
#top .section-merit h2.mrtTtl{font-size:3rem;}
#top .section-merit h2.mrtTtl span{font-size: 2rem;}
@media screen and (max-width: 767px) {
    .l-header__gnav{display: none}
    #top .section-merit h4.mrtDtlThm{line-height:1;margin-bottom: 10px;}
    #top .section-merit h4.mrtDtlThm span{padding-bottom:0;}
    .company-overview--gallery {gap: 5px;justify-content: space-between;}
    .company-overview--gallery figure {width: calc(33.333333% - 5px);}
    .lower__sticky__container {padding-bottom: 40px;}
    .map-iframe {padding-bottom: 100%;}
}
@media screen and (min-width: 768px) {
    body .l-header__hamburger {display: none;}	
}	
@media screen and (min-width: 1200px) {
    .lower__main__catch .c-title__primary.\:md{font-size:60px;}
    #top .section-merit h2.mrtTtl{font-size:33px;}
    #top .section-merit h2.mrtTtl span{font-size: 24px;}
}
@media screen and (min-width: 768px){
    .pcbr { display:block; }
    .spbr { display:none; }
}
@media screen and (max-width: 767px){
    .pcbr { display:none; }
    .spbr { display:block; }
}


.business-wrapper.bg-blue{
    background: var(--color-primary);
}
.business-wrapper.bg-primary{
    background: #f7941d;
}


@media only screen and (max-width: 767px) {
    #top .section-merit h2.mrtTtl {
        font-size: 8.3vw;
        font-weight: 600;
        line-height: 1;
    }
    #top .section-merit h2.mrtTtl span{
        font-size: 5.3vw;
    }
}

.banner__top{
    position: relative;
}
.banner__top .banner__text{
    position: absolute;
    left: 40px;
    top: 40%;
}
.banner__top .banner__text h2{
    color: #fff;
    font-size: 4vw;
    line-height: 1.3;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.slider-fade img{
    aspect-ratio: 18/24;
    object-fit: cover;
    object-position: center;
}
@media only screen and (min-width: 768px){
    .slider-fade img{
        aspect-ratio: 18/8;
    }
    .banner__top .banner__text h2{
        font-size: 48px;
    }
}

.section-intro h2{
    line-height: 30px;
}
.section-intro.text-left h2,
.section-intro.text-left p{
    text-align: left;
}
@media only screen and (min-width: 768px){
    .section-intro h2{
        line-height: 26px;
    }
    .section-intro.text-md-center h2,
    .section-intro.text-left p{
        text-align: center;
    }
}

@media only screen and (max-width: 767px){
    .p-business-detail-content__case-body{
        padding: 16px 20px;
    }
}