@charset "UTF-8";

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

:before,
:after {
  --tw-content: ""
}

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

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

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

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

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

::-webkit-search-decoration {
  -webkit-appearance: none
}

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

summary {
  display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af
}

button,
[role=button] {
  cursor: pointer
}

:disabled {
  cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

[hidden] {
  display: none
}

*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

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

.u-row-span-2 {
  grid-row: span 2 / span 2 !important
}

.u-row-span-3 {
  grid-row: span 3 / span 3 !important
}

.u-m-0 {
  margin: 0 !important
}

.u-m-100px {
  margin: 100px !important
}

.u-m-10px {
  margin: 10px !important
}

.u-m-15px {
  margin: 15px !important
}

.u-m-20px {
  margin: 20px !important
}

.u-m-25px {
  margin: 25px !important
}

.u-m-30px {
  margin: 30px !important
}

.u-m-35px {
  margin: 35px !important
}

.u-m-40px {
  margin: 40px !important
}

.u-m-45px {
  margin: 45px !important
}

.u-m-50px {
  margin: 50px !important
}

.u-m-55px {
  margin: 55px !important
}

.u-m-5px {
  margin: 5px !important
}

.u-m-60px {
  margin: 60px !important
}

.u-m-65px {
  margin: 65px !important
}

.u-m-70px {
  margin: 70px !important
}

.u-m-75px {
  margin: 75px !important
}

.u-m-80px {
  margin: 80px !important
}

.u-m-85px {
  margin: 85px !important
}

.u-m-90px {
  margin: 90px !important
}

.u-m-95px {
  margin: 95px !important
}

.u-m-auto {
  margin: auto !important
}

.u-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.u-mx-55px {
  margin-left: 55px !important;
  margin-right: 55px !important
}

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

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

.u-mx-65px {
  margin-left: 65px !important;
  margin-right: 65px !important
}

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

.u-mx-75px {
  margin-left: 75px !important;
  margin-right: 75px !important
}

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

.u-mx-85px {
  margin-left: 85px !important;
  margin-right: 85px !important
}

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

.u-mx-95px {
  margin-left: 95px !important;
  margin-right: 95px !important
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.u-my-55px {
  margin-top: 55px !important;
  margin-bottom: 55px !important
}

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

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

.u-my-65px {
  margin-top: 65px !important;
  margin-bottom: 65px !important
}

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

.u-my-75px {
  margin-top: 75px !important;
  margin-bottom: 75px !important
}

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

.u-my-85px {
  margin-top: 85px !important;
  margin-bottom: 85px !important
}

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

.u-my-95px {
  margin-top: 95px !important;
  margin-bottom: 95px !important
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.u-mb-0 {
  margin-bottom: 0 !important
}

.u-mb-100px {
  margin-bottom: 100px !important
}

.u-mb-10px {
  margin-bottom: 10px !important
}

.u-mb-15px {
  margin-bottom: 15px !important
}

.u-mb-20px {
  margin-bottom: 20px !important
}

.u-mb-25px {
  margin-bottom: 25px !important
}

.u-mb-30px {
  margin-bottom: 30px !important
}

.u-mb-35px {
  margin-bottom: 35px !important
}

.u-mb-40px {
  margin-bottom: 40px !important
}

.u-mb-45px {
  margin-bottom: 45px !important
}

.u-mb-50px {
  margin-bottom: 50px !important
}

.u-mb-55px {
  margin-bottom: 55px !important
}

.u-mb-5px {
  margin-bottom: 5px !important
}

.u-mb-60px {
  margin-bottom: 60px !important
}

.u-mb-65px {
  margin-bottom: 65px !important
}

.u-mb-70px {
  margin-bottom: 70px !important
}

.u-mb-75px {
  margin-bottom: 75px !important
}

.u-mb-80px {
  margin-bottom: 80px !important
}

.u-mb-85px {
  margin-bottom: 85px !important
}

.u-mb-90px {
  margin-bottom: 90px !important
}

.u-mb-95px {
  margin-bottom: 95px !important
}

.u-mb-auto {
  margin-bottom: auto !important
}

.u-ml-0 {
  margin-left: 0 !important
}

.u-ml-100px {
  margin-left: 100px !important
}

.u-ml-10px {
  margin-left: 10px !important
}

.u-ml-15px {
  margin-left: 15px !important
}

.u-ml-20px {
  margin-left: 20px !important
}

.u-ml-25px {
  margin-left: 25px !important
}

.u-ml-30px {
  margin-left: 30px !important
}

.u-ml-35px {
  margin-left: 35px !important
}

.u-ml-40px {
  margin-left: 40px !important
}

.u-ml-45px {
  margin-left: 45px !important
}

.u-ml-50px {
  margin-left: 50px !important
}

.u-ml-55px {
  margin-left: 55px !important
}

.u-ml-5px {
  margin-left: 5px !important
}

.u-ml-60px {
  margin-left: 60px !important
}

.u-ml-65px {
  margin-left: 65px !important
}

.u-ml-70px {
  margin-left: 70px !important
}

.u-ml-75px {
  margin-left: 75px !important
}

.u-ml-80px {
  margin-left: 80px !important
}

.u-ml-85px {
  margin-left: 85px !important
}

.u-ml-90px {
  margin-left: 90px !important
}

.u-ml-95px {
  margin-left: 95px !important
}

.u-ml-auto {
  margin-left: auto !important
}

.u-mr-0 {
  margin-right: 0 !important
}

.u-mr-100px {
  margin-right: 100px !important
}

.u-mr-10px {
  margin-right: 10px !important
}

.u-mr-15px {
  margin-right: 15px !important
}

.u-mr-20px {
  margin-right: 20px !important
}

.u-mr-25px {
  margin-right: 25px !important
}

.u-mr-30px {
  margin-right: 30px !important
}

.u-mr-35px {
  margin-right: 35px !important
}

.u-mr-40px {
  margin-right: 40px !important
}

.u-mr-45px {
  margin-right: 45px !important
}

.u-mr-50px {
  margin-right: 50px !important
}

.u-mr-55px {
  margin-right: 55px !important
}

.u-mr-5px {
  margin-right: 5px !important
}

.u-mr-60px {
  margin-right: 60px !important
}

.u-mr-65px {
  margin-right: 65px !important
}

.u-mr-70px {
  margin-right: 70px !important
}

.u-mr-75px {
  margin-right: 75px !important
}

.u-mr-80px {
  margin-right: 80px !important
}

.u-mr-85px {
  margin-right: 85px !important
}

.u-mr-90px {
  margin-right: 90px !important
}

.u-mr-95px {
  margin-right: 95px !important
}

.u-mr-auto {
  margin-right: auto !important
}

.u-mt-0 {
  margin-top: 0 !important
}

.u-mt-100px {
  margin-top: 100px !important
}

.u-mt-10px {
  margin-top: 10px !important
}

.u-mt-15px {
  margin-top: 15px !important
}

.u-mt-20px {
  margin-top: 20px !important
}

.u-mt-25px {
  margin-top: 25px !important
}

.u-mt-30px {
  margin-top: 30px !important
}

.u-mt-35px {
  margin-top: 35px !important
}

.u-mt-40px {
  margin-top: 40px !important
}

.u-mt-45px {
  margin-top: 45px !important
}

.u-mt-50px {
  margin-top: 50px !important
}

.u-mt-55px {
  margin-top: 55px !important
}

.u-mt-5px {
  margin-top: 5px !important
}

.u-mt-60px {
  margin-top: 60px !important
}

.u-mt-65px {
  margin-top: 65px !important
}

.u-mt-70px {
  margin-top: 70px !important
}

.u-mt-75px {
  margin-top: 75px !important
}

.u-mt-80px {
  margin-top: 80px !important
}

.u-mt-85px {
  margin-top: 85px !important
}

.u-mt-90px {
  margin-top: 90px !important
}

.u-mt-95px {
  margin-top: 95px !important
}

.u-mt-auto {
  margin-top: auto !important
}

.u-inline-block {
  display: inline-block !important
}

.u-grid {
  display: grid !important
}

.u-contents {
  display: contents !important
}

.u-hidden {
  display: none !important
}

.u-aspect-\[10\/9\] {
  aspect-ratio: 10/9 !important
}

.u-aspect-auto {
  aspect-ratio: auto !important
}

.u-h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important
}

.u-w-0 {
  width: 0px !important
}

.u-w-1\/12 {
  width: 8.333333% !important
}

.u-w-1\/2 {
  width: 50% !important
}

.u-w-1\/3 {
  width: 33.333333% !important
}

.u-w-1\/4 {
  width: 25% !important
}

.u-w-1\/5 {
  width: 20% !important
}

.u-w-1\/6 {
  width: 16.666667% !important
}

.u-w-10 {
  width: 2.5rem !important
}

.u-w-10\% {
  width: 10% !important
}

.u-w-10\/12 {
  width: 83.333333% !important
}

.u-w-100\% {
  width: 100% !important
}

.u-w-10em {
  width: 10em !important
}

.u-w-11\/12 {
  width: 91.666667% !important
}

.u-w-11em {
  width: 11em !important
}

.u-w-12em {
  width: 12em !important
}

.u-w-13em {
  width: 13em !important
}

.u-w-14em {
  width: 14em !important
}

.u-w-15\% {
  width: 15% !important
}

.u-w-15em {
  width: 15em !important
}

.u-w-16em {
  width: 16em !important
}

.u-w-17em {
  width: 17em !important
}

.u-w-18em {
  width: 18em !important
}

.u-w-19em {
  width: 19em !important
}

.u-w-2\/12 {
  width: 16.666667% !important
}

.u-w-2\/3 {
  width: 66.666667% !important
}

.u-w-2\/4 {
  width: 50% !important
}

.u-w-2\/5 {
  width: 40% !important
}

.u-w-2\/6 {
  width: 33.333333% !important
}

.u-w-20 {
  width: 5rem !important
}

.u-w-20\% {
  width: 20% !important
}

.u-w-20em {
  width: 20em !important
}

.u-w-25\% {
  width: 25% !important
}

.u-w-2em {
  width: 2em !important
}

.u-w-3\/12 {
  width: 25% !important
}

.u-w-3\/4 {
  width: 75% !important
}

.u-w-3\/5 {
  width: 60% !important
}

.u-w-3\/6 {
  width: 50% !important
}

.u-w-30\% {
  width: 30% !important
}

.u-w-35\% {
  width: 35% !important
}

.u-w-3em {
  width: 3em !important
}

.u-w-4\/12 {
  width: 33.333333% !important
}

.u-w-4\/5 {
  width: 80% !important
}

.u-w-4\/6 {
  width: 66.666667% !important
}

.u-w-40 {
  width: 10rem !important
}

.u-w-40\% {
  width: 40% !important
}

.u-w-45\% {
  width: 45% !important
}

.u-w-4em {
  width: 4em !important
}

.u-w-5 {
  width: 1.25rem !important
}

.u-w-5\% {
  width: 5% !important
}

.u-w-5\/12 {
  width: 41.666667% !important
}

.u-w-5\/6 {
  width: 83.333333% !important
}

.u-w-50\% {
  width: 50% !important
}

.u-w-55\% {
  width: 55% !important
}

.u-w-5em {
  width: 5em !important
}

.u-w-6\/12 {
  width: 50% !important
}

.u-w-60 {
  width: 15rem !important
}

.u-w-60\% {
  width: 60% !important
}

.u-w-65\% {
  width: 65% !important
}

.u-w-6em {
  width: 6em !important
}

.u-w-7\/12 {
  width: 58.333333% !important
}

.u-w-70\% {
  width: 70% !important
}

.u-w-75\% {
  width: 75% !important
}

.u-w-7em {
  width: 7em !important
}

.u-w-8\/12 {
  width: 66.666667% !important
}

.u-w-80 {
  width: 20rem !important
}

.u-w-80\% {
  width: 80% !important
}

.u-w-85\% {
  width: 85% !important
}

.u-w-8em {
  width: 8em !important
}

.u-w-9\/12 {
  width: 75% !important
}

.u-w-90\% {
  width: 90% !important
}

.u-w-95\% {
  width: 95% !important
}

.u-w-9em {
  width: 9em !important
}

.u-w-auto {
  width: auto !important
}

.u-w-full {
  width: 100% !important
}

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

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

.u-grid-rows-subgrid {
  grid-template-rows: subgrid !important
}

.u-gap-0 {
  gap: 0px !important
}

.u-gap-10px {
  gap: 10px !important
}

.u-gap-15px {
  gap: 15px !important
}

.u-gap-20px {
  gap: 20px !important
}

.u-gap-25px {
  gap: 25px !important
}

.u-gap-30px {
  gap: 30px !important
}

.u-gap-35px {
  gap: 35px !important
}

.u-gap-40px {
  gap: 40px !important
}

.u-gap-45px {
  gap: 45px !important
}

.u-gap-50px {
  gap: 50px !important
}

.u-gap-5px {
  gap: 5px !important
}

.u-gap-x-0 {
  -moz-column-gap: 0px !important;
  column-gap: 0px !important
}

.u-gap-x-10px {
  -moz-column-gap: 10px !important;
  column-gap: 10px !important
}

.u-gap-x-15px {
  -moz-column-gap: 15px !important;
  column-gap: 15px !important
}

.u-gap-x-20px {
  -moz-column-gap: 20px !important;
  column-gap: 20px !important
}

.u-gap-x-25px {
  -moz-column-gap: 25px !important;
  column-gap: 25px !important
}

.u-gap-x-30px {
  -moz-column-gap: 30px !important;
  column-gap: 30px !important
}

.u-gap-x-35px {
  -moz-column-gap: 35px !important;
  column-gap: 35px !important
}

.u-gap-x-40px {
  -moz-column-gap: 40px !important;
  column-gap: 40px !important
}

.u-gap-x-45px {
  -moz-column-gap: 45px !important;
  column-gap: 45px !important
}

.u-gap-x-50px {
  -moz-column-gap: 50px !important;
  column-gap: 50px !important
}

.u-gap-x-5px {
  -moz-column-gap: 5px !important;
  column-gap: 5px !important
}

.u-gap-y-0 {
  row-gap: 0px !important
}

.u-gap-y-10px {
  row-gap: 10px !important
}

.u-gap-y-15px {
  row-gap: 15px !important
}

.u-gap-y-20px {
  row-gap: 20px !important
}

.u-gap-y-25px {
  row-gap: 25px !important
}

.u-gap-y-30px {
  row-gap: 30px !important
}

.u-gap-y-35px {
  row-gap: 35px !important
}

.u-gap-y-40px {
  row-gap: 40px !important
}

.u-gap-y-45px {
  row-gap: 45px !important
}

.u-gap-y-50px {
  row-gap: 50px !important
}

.u-gap-y-5px {
  row-gap: 5px !important
}

.u-border-t-0 {
  border-top-width: 0px !important
}

.u-border-none {
  border-style: none !important
}

.u-bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.u-p-0 {
  padding: 0 !important
}

.u-p-100px {
  padding: 100px !important
}

.u-p-10px {
  padding: 10px !important
}

.u-p-15px {
  padding: 15px !important
}

.u-p-20px {
  padding: 20px !important
}

.u-p-25px {
  padding: 25px !important
}

.u-p-30px {
  padding: 30px !important
}

.u-p-35px {
  padding: 35px !important
}

.u-p-40px {
  padding: 40px !important
}

.u-p-45px {
  padding: 45px !important
}

.u-p-50px {
  padding: 50px !important
}

.u-p-55px {
  padding: 55px !important
}

.u-p-5px {
  padding: 5px !important
}

.u-p-60px {
  padding: 60px !important
}

.u-p-65px {
  padding: 65px !important
}

.u-p-70px {
  padding: 70px !important
}

.u-p-75px {
  padding: 75px !important
}

.u-p-80px {
  padding: 80px !important
}

.u-p-85px {
  padding: 85px !important
}

.u-p-90px {
  padding: 90px !important
}

.u-p-95px {
  padding: 95px !important
}

.u-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.u-px-100px {
  padding-left: 100px !important;
  padding-right: 100px !important
}

.u-px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important
}

.u-px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important
}

.u-px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.u-px-25px {
  padding-left: 25px !important;
  padding-right: 25px !important
}

.u-px-30px {
  padding-left: 30px !important;
  padding-right: 30px !important
}

.u-px-35px {
  padding-left: 35px !important;
  padding-right: 35px !important
}

.u-px-40px {
  padding-left: 40px !important;
  padding-right: 40px !important
}

.u-px-45px {
  padding-left: 45px !important;
  padding-right: 45px !important
}

.u-px-50px {
  padding-left: 50px !important;
  padding-right: 50px !important
}

.u-px-55px {
  padding-left: 55px !important;
  padding-right: 55px !important
}

.u-px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important
}

.u-px-60px {
  padding-left: 60px !important;
  padding-right: 60px !important
}

.u-px-65px {
  padding-left: 65px !important;
  padding-right: 65px !important
}

.u-px-70px {
  padding-left: 70px !important;
  padding-right: 70px !important
}

.u-px-75px {
  padding-left: 75px !important;
  padding-right: 75px !important
}

.u-px-80px {
  padding-left: 80px !important;
  padding-right: 80px !important
}

.u-px-85px {
  padding-left: 85px !important;
  padding-right: 85px !important
}

.u-px-90px {
  padding-left: 90px !important;
  padding-right: 90px !important
}

.u-px-95px {
  padding-left: 95px !important;
  padding-right: 95px !important
}

.u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.u-py-55px {
  padding-top: 55px !important;
  padding-bottom: 55px !important
}

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

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

.u-py-65px {
  padding-top: 65px !important;
  padding-bottom: 65px !important
}

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

.u-py-75px {
  padding-top: 75px !important;
  padding-bottom: 75px !important
}

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

.u-py-85px {
  padding-top: 85px !important;
  padding-bottom: 85px !important
}

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

.u-py-95px {
  padding-top: 95px !important;
  padding-bottom: 95px !important
}

.u-pb-0 {
  padding-bottom: 0 !important
}

.u-pb-100px {
  padding-bottom: 100px !important
}

.u-pb-10px {
  padding-bottom: 10px !important
}

.u-pb-15px {
  padding-bottom: 15px !important
}

.u-pb-20px {
  padding-bottom: 20px !important
}

.u-pb-25px {
  padding-bottom: 25px !important
}

.u-pb-30px {
  padding-bottom: 30px !important
}

.u-pb-35px {
  padding-bottom: 35px !important
}

.u-pb-40px {
  padding-bottom: 40px !important
}

.u-pb-45px {
  padding-bottom: 45px !important
}

.u-pb-50px {
  padding-bottom: 50px !important
}

.u-pb-55px {
  padding-bottom: 55px !important
}

.u-pb-5px {
  padding-bottom: 5px !important
}

.u-pb-60px {
  padding-bottom: 60px !important
}

.u-pb-65px {
  padding-bottom: 65px !important
}

.u-pb-70px {
  padding-bottom: 70px !important
}

.u-pb-75px {
  padding-bottom: 75px !important
}

.u-pb-80px {
  padding-bottom: 80px !important
}

.u-pb-85px {
  padding-bottom: 85px !important
}

.u-pb-90px {
  padding-bottom: 90px !important
}

.u-pb-95px {
  padding-bottom: 95px !important
}

.u-pl-0 {
  padding-left: 0 !important
}

.u-pl-1 {
  padding-left: .25rem !important
}

.u-pl-1\.5em {
  padding-left: 1.5em !important
}

.u-pl-100px {
  padding-left: 100px !important
}

.u-pl-10px {
  padding-left: 10px !important
}

.u-pl-15px {
  padding-left: 15px !important
}

.u-pl-1em {
  padding-left: 1em !important
}

.u-pl-2 {
  padding-left: .5rem !important
}

.u-pl-2\.5em {
  padding-left: 2.5em !important
}

.u-pl-20px {
  padding-left: 20px !important
}

.u-pl-25px {
  padding-left: 25px !important
}

.u-pl-2em {
  padding-left: 2em !important
}

.u-pl-3 {
  padding-left: .75rem !important
}

.u-pl-3\.5em {
  padding-left: 3.5em !important
}

.u-pl-30px {
  padding-left: 30px !important
}

.u-pl-35px {
  padding-left: 35px !important
}

.u-pl-3em {
  padding-left: 3em !important
}

.u-pl-4 {
  padding-left: 1rem !important
}

.u-pl-4\.5em {
  padding-left: 4.5em !important
}

.u-pl-40px {
  padding-left: 40px !important
}

.u-pl-45px {
  padding-left: 45px !important
}

.u-pl-4em {
  padding-left: 4em !important
}

.u-pl-50px {
  padding-left: 50px !important
}

.u-pl-55px {
  padding-left: 55px !important
}

.u-pl-5em {
  padding-left: 5em !important
}

.u-pl-5px {
  padding-left: 5px !important
}

.u-pl-60px {
  padding-left: 60px !important
}

.u-pl-65px {
  padding-left: 65px !important
}

.u-pl-70px {
  padding-left: 70px !important
}

.u-pl-75px {
  padding-left: 75px !important
}

.u-pl-80px {
  padding-left: 80px !important
}

.u-pl-85px {
  padding-left: 85px !important
}

.u-pl-90px {
  padding-left: 90px !important
}

.u-pl-95px {
  padding-left: 95px !important
}

.u-pr-0 {
  padding-right: 0 !important
}

.u-pr-100px {
  padding-right: 100px !important
}

.u-pr-10px {
  padding-right: 10px !important
}

.u-pr-15px {
  padding-right: 15px !important
}

.u-pr-20px {
  padding-right: 20px !important
}

.u-pr-25px {
  padding-right: 25px !important
}

.u-pr-30px {
  padding-right: 30px !important
}

.u-pr-35px {
  padding-right: 35px !important
}

.u-pr-40px {
  padding-right: 40px !important
}

.u-pr-45px {
  padding-right: 45px !important
}

.u-pr-50px {
  padding-right: 50px !important
}

.u-pr-55px {
  padding-right: 55px !important
}

.u-pr-5px {
  padding-right: 5px !important
}

.u-pr-60px {
  padding-right: 60px !important
}

.u-pr-65px {
  padding-right: 65px !important
}

.u-pr-70px {
  padding-right: 70px !important
}

.u-pr-75px {
  padding-right: 75px !important
}

.u-pr-80px {
  padding-right: 80px !important
}

.u-pr-85px {
  padding-right: 85px !important
}

.u-pr-90px {
  padding-right: 90px !important
}

.u-pr-95px {
  padding-right: 95px !important
}

.u-pt-0 {
  padding-top: 0 !important
}

.u-pt-100px {
  padding-top: 100px !important
}

.u-pt-10px {
  padding-top: 10px !important
}

.u-pt-15px {
  padding-top: 15px !important
}

.u-pt-20px {
  padding-top: 20px !important
}

.u-pt-25px {
  padding-top: 25px !important
}

.u-pt-30px {
  padding-top: 30px !important
}

.u-pt-35px {
  padding-top: 35px !important
}

.u-pt-40px {
  padding-top: 40px !important
}

.u-pt-45px {
  padding-top: 45px !important
}

.u-pt-50px {
  padding-top: 50px !important
}

.u-pt-55px {
  padding-top: 55px !important
}

.u-pt-5px {
  padding-top: 5px !important
}

.u-pt-60px {
  padding-top: 60px !important
}

.u-pt-65px {
  padding-top: 65px !important
}

.u-pt-70px {
  padding-top: 70px !important
}

.u-pt-75px {
  padding-top: 75px !important
}

.u-pt-80px {
  padding-top: 80px !important
}

.u-pt-85px {
  padding-top: 85px !important
}

.u-pt-90px {
  padding-top: 90px !important
}

.u-pt-95px {
  padding-top: 95px !important
}

.u-text-left {
  text-align: left !important
}

.u-text-center {
  text-align: center !important
}

.u-text-right {
  text-align: right !important
}

.u-align-top {
  vertical-align: top !important
}

.u-align-middle {
  vertical-align: middle !important
}

.u-align-bottom {
  vertical-align: bottom !important
}

.u-text-11px {
  font-size: .6875rem !important
}

.u-text-12px {
  font-size: .75rem !important
}

.u-text-13px {
  font-size: .8125rem !important
}

.u-text-14px {
  font-size: .875rem !important
}

.u-text-15px {
  font-size: .9375rem !important
}

.u-text-16px {
  font-size: 1rem !important
}

.u-text-17px {
  font-size: 1.0625rem !important
}

.u-text-18px {
  font-size: 1.125rem !important
}

.u-text-19px {
  font-size: 1.1875rem !important
}

.u-text-20px {
  font-size: 1.25rem !important
}

.u-text-21px {
  font-size: 1.3125rem !important
}

.u-text-22px {
  font-size: 1.375rem !important
}

.u-text-23px {
  font-size: 1.4375rem !important
}

.u-text-24px {
  font-size: 1.5rem !important
}

.u-text-25px {
  font-size: 1.5625rem !important
}

.u-text-26px {
  font-size: 1.625rem !important
}

.u-text-27px {
  font-size: 1.6875rem !important
}

.u-text-28px {
  font-size: 1.75rem !important
}

.u-text-29px {
  font-size: 1.8125rem !important
}

.u-text-30px {
  font-size: 1.875rem !important
}

.u-text-31px {
  font-size: 1.9375rem !important
}

.u-text-32px {
  font-size: 2rem !important
}

.u-text-33px {
  font-size: 2.0625rem !important
}

.u-text-34px {
  font-size: 2.125rem !important
}

.u-text-35px {
  font-size: 2.1875rem !important
}

.u-text-36px {
  font-size: 2.25rem !important
}

.u-text-37px {
  font-size: 2.3125rem !important
}

.u-text-38px {
  font-size: 2.375rem !important
}

.u-text-39px {
  font-size: 2.4375rem !important
}

.u-text-40px {
  font-size: 2.5rem !important
}

.u-text-\[55px\] {
  font-size: 55px !important
}

.u-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.u-text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important
}

.u-text-sm {
  font-size: .875rem !important;
  line-height: 1.25rem !important
}

.u-font-bold {
  font-weight: 700 !important
}

.u-font-light {
  font-weight: 300 !important
}

.u-font-medium {
  font-weight: 500 !important
}

.u-font-normal {
  font-weight: 400 !important
}

.u-uppercase {
  text-transform: uppercase !important
}

.u-not-italic {
  font-style: normal !important
}

.u-leading-\[1\.2\] {
  line-height: 1.2 !important
}

.u-underline {
  text-decoration-line: underline !important
}

.u-no-underline {
  text-decoration-line: none !important
}

.\[pc\:2\] {
  pc: 2 !important
}

.\[pc\:3\] {
  pc: 3 !important
}

.\[pc\:4\] {
  pc: 4 !important
}

@media (max-width: 639px) {
  .sp\:u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .sp\:u-m-0 {
    margin: 0 !important
  }

  .sp\:u-m-100px {
    margin: 100px !important
  }

  .sp\:u-m-10px {
    margin: 10px !important
  }

  .sp\:u-m-15px {
    margin: 15px !important
  }

  .sp\:u-m-20px {
    margin: 20px !important
  }

  .sp\:u-m-25px {
    margin: 25px !important
  }

  .sp\:u-m-30px {
    margin: 30px !important
  }

  .sp\:u-m-35px {
    margin: 35px !important
  }

  .sp\:u-m-40px {
    margin: 40px !important
  }

  .sp\:u-m-45px {
    margin: 45px !important
  }

  .sp\:u-m-50px {
    margin: 50px !important
  }

  .sp\:u-m-55px {
    margin: 55px !important
  }

  .sp\:u-m-5px {
    margin: 5px !important
  }

  .sp\:u-m-60px {
    margin: 60px !important
  }

  .sp\:u-m-65px {
    margin: 65px !important
  }

  .sp\:u-m-70px {
    margin: 70px !important
  }

  .sp\:u-m-75px {
    margin: 75px !important
  }

  .sp\:u-m-80px {
    margin: 80px !important
  }

  .sp\:u-m-85px {
    margin: 85px !important
  }

  .sp\:u-m-90px {
    margin: 90px !important
  }

  .sp\:u-m-95px {
    margin: 95px !important
  }

  .sp\:u-m-auto {
    margin: auto !important
  }

  .sp\:u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .sp\:u-mx-100px {
    margin-left: 100px !important;
    margin-right: 100px !important
  }

  .sp\:u-mx-10px {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .sp\:u-mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .sp\:u-mx-20px {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .sp\:u-mx-25px {
    margin-left: 25px !important;
    margin-right: 25px !important
  }

  .sp\:u-mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important
  }

  .sp\:u-mx-35px {
    margin-left: 35px !important;
    margin-right: 35px !important
  }

  .sp\:u-mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .sp\:u-mx-45px {
    margin-left: 45px !important;
    margin-right: 45px !important
  }

  .sp\:u-mx-50px {
    margin-left: 50px !important;
    margin-right: 50px !important
  }

  .sp\:u-mx-55px {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .sp\:u-mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important
  }

  .sp\:u-mx-60px {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .sp\:u-mx-65px {
    margin-left: 65px !important;
    margin-right: 65px !important
  }

  .sp\:u-mx-70px {
    margin-left: 70px !important;
    margin-right: 70px !important
  }

  .sp\:u-mx-75px {
    margin-left: 75px !important;
    margin-right: 75px !important
  }

  .sp\:u-mx-80px {
    margin-left: 80px !important;
    margin-right: 80px !important
  }

  .sp\:u-mx-85px {
    margin-left: 85px !important;
    margin-right: 85px !important
  }

  .sp\:u-mx-90px {
    margin-left: 90px !important;
    margin-right: 90px !important
  }

  .sp\:u-mx-95px {
    margin-left: 95px !important;
    margin-right: 95px !important
  }

  .sp\:u-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .sp\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .sp\:u-my-100px {
    margin-top: 100px !important;
    margin-bottom: 100px !important
  }

  .sp\:u-my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .sp\:u-my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important
  }

  .sp\:u-my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .sp\:u-my-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important
  }

  .sp\:u-my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important
  }

  .sp\:u-my-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important
  }

  .sp\:u-my-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .sp\:u-my-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important
  }

  .sp\:u-my-50px {
    margin-top: 50px !important;
    margin-bottom: 50px !important
  }

  .sp\:u-my-55px {
    margin-top: 55px !important;
    margin-bottom: 55px !important
  }

  .sp\:u-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important
  }

  .sp\:u-my-60px {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .sp\:u-my-65px {
    margin-top: 65px !important;
    margin-bottom: 65px !important
  }

  .sp\:u-my-70px {
    margin-top: 70px !important;
    margin-bottom: 70px !important
  }

  .sp\:u-my-75px {
    margin-top: 75px !important;
    margin-bottom: 75px !important
  }

  .sp\:u-my-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .sp\:u-my-85px {
    margin-top: 85px !important;
    margin-bottom: 85px !important
  }

  .sp\:u-my-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important
  }

  .sp\:u-my-95px {
    margin-top: 95px !important;
    margin-bottom: 95px !important
  }

  .sp\:u-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .sp\:u-mb-0 {
    margin-bottom: 0 !important
  }

  .sp\:u-mb-100px {
    margin-bottom: 100px !important
  }

  .sp\:u-mb-10px {
    margin-bottom: 10px !important
  }

  .sp\:u-mb-15px {
    margin-bottom: 15px !important
  }

  .sp\:u-mb-20px {
    margin-bottom: 20px !important
  }

  .sp\:u-mb-25px {
    margin-bottom: 25px !important
  }

  .sp\:u-mb-30px {
    margin-bottom: 30px !important
  }

  .sp\:u-mb-35px {
    margin-bottom: 35px !important
  }

  .sp\:u-mb-40px {
    margin-bottom: 40px !important
  }

  .sp\:u-mb-45px {
    margin-bottom: 45px !important
  }

  .sp\:u-mb-50px {
    margin-bottom: 50px !important
  }

  .sp\:u-mb-55px {
    margin-bottom: 55px !important
  }

  .sp\:u-mb-5px {
    margin-bottom: 5px !important
  }

  .sp\:u-mb-60px {
    margin-bottom: 60px !important
  }

  .sp\:u-mb-65px {
    margin-bottom: 65px !important
  }

  .sp\:u-mb-70px {
    margin-bottom: 70px !important
  }

  .sp\:u-mb-75px {
    margin-bottom: 75px !important
  }

  .sp\:u-mb-80px {
    margin-bottom: 80px !important
  }

  .sp\:u-mb-85px {
    margin-bottom: 85px !important
  }

  .sp\:u-mb-90px {
    margin-bottom: 90px !important
  }

  .sp\:u-mb-95px {
    margin-bottom: 95px !important
  }

  .sp\:u-mb-auto {
    margin-bottom: auto !important
  }

  .sp\:u-ml-0 {
    margin-left: 0 !important
  }

  .sp\:u-ml-100px {
    margin-left: 100px !important
  }

  .sp\:u-ml-10px {
    margin-left: 10px !important
  }

  .sp\:u-ml-15px {
    margin-left: 15px !important
  }

  .sp\:u-ml-20px {
    margin-left: 20px !important
  }

  .sp\:u-ml-25px {
    margin-left: 25px !important
  }

  .sp\:u-ml-30px {
    margin-left: 30px !important
  }

  .sp\:u-ml-35px {
    margin-left: 35px !important
  }

  .sp\:u-ml-40px {
    margin-left: 40px !important
  }

  .sp\:u-ml-45px {
    margin-left: 45px !important
  }

  .sp\:u-ml-50px {
    margin-left: 50px !important
  }

  .sp\:u-ml-55px {
    margin-left: 55px !important
  }

  .sp\:u-ml-5px {
    margin-left: 5px !important
  }

  .sp\:u-ml-60px {
    margin-left: 60px !important
  }

  .sp\:u-ml-65px {
    margin-left: 65px !important
  }

  .sp\:u-ml-70px {
    margin-left: 70px !important
  }

  .sp\:u-ml-75px {
    margin-left: 75px !important
  }

  .sp\:u-ml-80px {
    margin-left: 80px !important
  }

  .sp\:u-ml-85px {
    margin-left: 85px !important
  }

  .sp\:u-ml-90px {
    margin-left: 90px !important
  }

  .sp\:u-ml-95px {
    margin-left: 95px !important
  }

  .sp\:u-ml-auto {
    margin-left: auto !important
  }

  .sp\:u-mr-0 {
    margin-right: 0 !important
  }

  .sp\:u-mr-100px {
    margin-right: 100px !important
  }

  .sp\:u-mr-10px {
    margin-right: 10px !important
  }

  .sp\:u-mr-15px {
    margin-right: 15px !important
  }

  .sp\:u-mr-20px {
    margin-right: 20px !important
  }

  .sp\:u-mr-25px {
    margin-right: 25px !important
  }

  .sp\:u-mr-30px {
    margin-right: 30px !important
  }

  .sp\:u-mr-35px {
    margin-right: 35px !important
  }

  .sp\:u-mr-40px {
    margin-right: 40px !important
  }

  .sp\:u-mr-45px {
    margin-right: 45px !important
  }

  .sp\:u-mr-50px {
    margin-right: 50px !important
  }

  .sp\:u-mr-55px {
    margin-right: 55px !important
  }

  .sp\:u-mr-5px {
    margin-right: 5px !important
  }

  .sp\:u-mr-60px {
    margin-right: 60px !important
  }

  .sp\:u-mr-65px {
    margin-right: 65px !important
  }

  .sp\:u-mr-70px {
    margin-right: 70px !important
  }

  .sp\:u-mr-75px {
    margin-right: 75px !important
  }

  .sp\:u-mr-80px {
    margin-right: 80px !important
  }

  .sp\:u-mr-85px {
    margin-right: 85px !important
  }

  .sp\:u-mr-90px {
    margin-right: 90px !important
  }

  .sp\:u-mr-95px {
    margin-right: 95px !important
  }

  .sp\:u-mr-auto {
    margin-right: auto !important
  }

  .sp\:u-mt-0 {
    margin-top: 0 !important
  }

  .sp\:u-mt-100px {
    margin-top: 100px !important
  }

  .sp\:u-mt-10px {
    margin-top: 10px !important
  }

  .sp\:u-mt-15px {
    margin-top: 15px !important
  }

  .sp\:u-mt-20px {
    margin-top: 20px !important
  }

  .sp\:u-mt-25px {
    margin-top: 25px !important
  }

  .sp\:u-mt-30px {
    margin-top: 30px !important
  }

  .sp\:u-mt-35px {
    margin-top: 35px !important
  }

  .sp\:u-mt-40px {
    margin-top: 40px !important
  }

  .sp\:u-mt-45px {
    margin-top: 45px !important
  }

  .sp\:u-mt-50px {
    margin-top: 50px !important
  }

  .sp\:u-mt-55px {
    margin-top: 55px !important
  }

  .sp\:u-mt-5px {
    margin-top: 5px !important
  }

  .sp\:u-mt-60px {
    margin-top: 60px !important
  }

  .sp\:u-mt-65px {
    margin-top: 65px !important
  }

  .sp\:u-mt-70px {
    margin-top: 70px !important
  }

  .sp\:u-mt-75px {
    margin-top: 75px !important
  }

  .sp\:u-mt-80px {
    margin-top: 80px !important
  }

  .sp\:u-mt-85px {
    margin-top: 85px !important
  }

  .sp\:u-mt-90px {
    margin-top: 90px !important
  }

  .sp\:u-mt-95px {
    margin-top: 95px !important
  }

  .sp\:u-mt-auto {
    margin-top: auto !important
  }

  .sp\:u-inline-block {
    display: inline-block !important
  }

  .sp\:u-hidden {
    display: none !important
  }

  .sp\:u-aspect-auto {
    aspect-ratio: auto !important
  }

  .sp\:u-w-0 {
    width: 0px !important
  }

  .sp\:u-w-1\/12 {
    width: 8.333333% !important
  }

  .sp\:u-w-1\/2 {
    width: 50% !important
  }

  .sp\:u-w-1\/3 {
    width: 33.333333% !important
  }

  .sp\:u-w-1\/4 {
    width: 25% !important
  }

  .sp\:u-w-1\/5 {
    width: 20% !important
  }

  .sp\:u-w-1\/6 {
    width: 16.666667% !important
  }

  .sp\:u-w-10 {
    width: 2.5rem !important
  }

  .sp\:u-w-10\% {
    width: 10% !important
  }

  .sp\:u-w-10\/12 {
    width: 83.333333% !important
  }

  .sp\:u-w-100\% {
    width: 100% !important
  }

  .sp\:u-w-10em {
    width: 10em !important
  }

  .sp\:u-w-11\/12 {
    width: 91.666667% !important
  }

  .sp\:u-w-11em {
    width: 11em !important
  }

  .sp\:u-w-12em {
    width: 12em !important
  }

  .sp\:u-w-13em {
    width: 13em !important
  }

  .sp\:u-w-14em {
    width: 14em !important
  }

  .sp\:u-w-15\% {
    width: 15% !important
  }

  .sp\:u-w-15em {
    width: 15em !important
  }

  .sp\:u-w-16em {
    width: 16em !important
  }

  .sp\:u-w-17em {
    width: 17em !important
  }

  .sp\:u-w-18em {
    width: 18em !important
  }

  .sp\:u-w-19em {
    width: 19em !important
  }

  .sp\:u-w-2\/12 {
    width: 16.666667% !important
  }

  .sp\:u-w-2\/3 {
    width: 66.666667% !important
  }

  .sp\:u-w-2\/4 {
    width: 50% !important
  }

  .sp\:u-w-2\/5 {
    width: 40% !important
  }

  .sp\:u-w-2\/6 {
    width: 33.333333% !important
  }

  .sp\:u-w-20 {
    width: 5rem !important
  }

  .sp\:u-w-20\% {
    width: 20% !important
  }

  .sp\:u-w-20em {
    width: 20em !important
  }

  .sp\:u-w-25\% {
    width: 25% !important
  }

  .sp\:u-w-2em {
    width: 2em !important
  }

  .sp\:u-w-3\/12 {
    width: 25% !important
  }

  .sp\:u-w-3\/4 {
    width: 75% !important
  }

  .sp\:u-w-3\/5 {
    width: 60% !important
  }

  .sp\:u-w-3\/6 {
    width: 50% !important
  }

  .sp\:u-w-30\% {
    width: 30% !important
  }

  .sp\:u-w-35\% {
    width: 35% !important
  }

  .sp\:u-w-3em {
    width: 3em !important
  }

  .sp\:u-w-4\/12 {
    width: 33.333333% !important
  }

  .sp\:u-w-4\/5 {
    width: 80% !important
  }

  .sp\:u-w-4\/6 {
    width: 66.666667% !important
  }

  .sp\:u-w-40 {
    width: 10rem !important
  }

  .sp\:u-w-40\% {
    width: 40% !important
  }

  .sp\:u-w-45\% {
    width: 45% !important
  }

  .sp\:u-w-4em {
    width: 4em !important
  }

  .sp\:u-w-5 {
    width: 1.25rem !important
  }

  .sp\:u-w-5\% {
    width: 5% !important
  }

  .sp\:u-w-5\/12 {
    width: 41.666667% !important
  }

  .sp\:u-w-5\/6 {
    width: 83.333333% !important
  }

  .sp\:u-w-50\% {
    width: 50% !important
  }

  .sp\:u-w-55\% {
    width: 55% !important
  }

  .sp\:u-w-5em {
    width: 5em !important
  }

  .sp\:u-w-6\/12 {
    width: 50% !important
  }

  .sp\:u-w-60 {
    width: 15rem !important
  }

  .sp\:u-w-60\% {
    width: 60% !important
  }

  .sp\:u-w-65\% {
    width: 65% !important
  }

  .sp\:u-w-6em {
    width: 6em !important
  }

  .sp\:u-w-7\/12 {
    width: 58.333333% !important
  }

  .sp\:u-w-70\% {
    width: 70% !important
  }

  .sp\:u-w-75\% {
    width: 75% !important
  }

  .sp\:u-w-7em {
    width: 7em !important
  }

  .sp\:u-w-8\/12 {
    width: 66.666667% !important
  }

  .sp\:u-w-80 {
    width: 20rem !important
  }

  .sp\:u-w-80\% {
    width: 80% !important
  }

  .sp\:u-w-85\% {
    width: 85% !important
  }

  .sp\:u-w-8em {
    width: 8em !important
  }

  .sp\:u-w-9\/12 {
    width: 75% !important
  }

  .sp\:u-w-90\% {
    width: 90% !important
  }

  .sp\:u-w-95\% {
    width: 95% !important
  }

  .sp\:u-w-9em {
    width: 9em !important
  }

  .sp\:u-w-auto {
    width: auto !important
  }

  .sp\:u-w-full {
    width: 100% !important
  }

  .sp\:u-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  .sp\:u-gap-0 {
    gap: 0px !important
  }

  .sp\:u-gap-10px {
    gap: 10px !important
  }

  .sp\:u-gap-15px {
    gap: 15px !important
  }

  .sp\:u-gap-20px {
    gap: 20px !important
  }

  .sp\:u-gap-25px {
    gap: 25px !important
  }

  .sp\:u-gap-30px {
    gap: 30px !important
  }

  .sp\:u-gap-35px {
    gap: 35px !important
  }

  .sp\:u-gap-40px {
    gap: 40px !important
  }

  .sp\:u-gap-45px {
    gap: 45px !important
  }

  .sp\:u-gap-50px {
    gap: 50px !important
  }

  .sp\:u-gap-5px {
    gap: 5px !important
  }

  .sp\:u-gap-x-0 {
    -moz-column-gap: 0px !important;
    column-gap: 0px !important
  }

  .sp\:u-gap-x-10px {
    -moz-column-gap: 10px !important;
    column-gap: 10px !important
  }

  .sp\:u-gap-x-15px {
    -moz-column-gap: 15px !important;
    column-gap: 15px !important
  }

  .sp\:u-gap-x-20px {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important
  }

  .sp\:u-gap-x-25px {
    -moz-column-gap: 25px !important;
    column-gap: 25px !important
  }

  .sp\:u-gap-x-30px {
    -moz-column-gap: 30px !important;
    column-gap: 30px !important
  }

  .sp\:u-gap-x-35px {
    -moz-column-gap: 35px !important;
    column-gap: 35px !important
  }

  .sp\:u-gap-x-40px {
    -moz-column-gap: 40px !important;
    column-gap: 40px !important
  }

  .sp\:u-gap-x-45px {
    -moz-column-gap: 45px !important;
    column-gap: 45px !important
  }

  .sp\:u-gap-x-50px {
    -moz-column-gap: 50px !important;
    column-gap: 50px !important
  }

  .sp\:u-gap-x-5px {
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }

  .sp\:u-gap-y-0 {
    row-gap: 0px !important
  }

  .sp\:u-gap-y-10px {
    row-gap: 10px !important
  }

  .sp\:u-gap-y-15px {
    row-gap: 15px !important
  }

  .sp\:u-gap-y-20px {
    row-gap: 20px !important
  }

  .sp\:u-gap-y-25px {
    row-gap: 25px !important
  }

  .sp\:u-gap-y-30px {
    row-gap: 30px !important
  }

  .sp\:u-gap-y-35px {
    row-gap: 35px !important
  }

  .sp\:u-gap-y-40px {
    row-gap: 40px !important
  }

  .sp\:u-gap-y-45px {
    row-gap: 45px !important
  }

  .sp\:u-gap-y-50px {
    row-gap: 50px !important
  }

  .sp\:u-gap-y-5px {
    row-gap: 5px !important
  }

  .sp\:u-border-none {
    border-style: none !important
  }

  .sp\:u-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
  }

  .sp\:u-p-0 {
    padding: 0 !important
  }

  .sp\:u-p-100px {
    padding: 100px !important
  }

  .sp\:u-p-10px {
    padding: 10px !important
  }

  .sp\:u-p-15px {
    padding: 15px !important
  }

  .sp\:u-p-20px {
    padding: 20px !important
  }

  .sp\:u-p-25px {
    padding: 25px !important
  }

  .sp\:u-p-30px {
    padding: 30px !important
  }

  .sp\:u-p-35px {
    padding: 35px !important
  }

  .sp\:u-p-40px {
    padding: 40px !important
  }

  .sp\:u-p-45px {
    padding: 45px !important
  }

  .sp\:u-p-50px {
    padding: 50px !important
  }

  .sp\:u-p-55px {
    padding: 55px !important
  }

  .sp\:u-p-5px {
    padding: 5px !important
  }

  .sp\:u-p-60px {
    padding: 60px !important
  }

  .sp\:u-p-65px {
    padding: 65px !important
  }

  .sp\:u-p-70px {
    padding: 70px !important
  }

  .sp\:u-p-75px {
    padding: 75px !important
  }

  .sp\:u-p-80px {
    padding: 80px !important
  }

  .sp\:u-p-85px {
    padding: 85px !important
  }

  .sp\:u-p-90px {
    padding: 90px !important
  }

  .sp\:u-p-95px {
    padding: 95px !important
  }

  .sp\:u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .sp\:u-px-100px {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .sp\:u-px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .sp\:u-px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .sp\:u-px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .sp\:u-px-25px {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  .sp\:u-px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .sp\:u-px-35px {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  .sp\:u-px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .sp\:u-px-45px {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  .sp\:u-px-50px {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  .sp\:u-px-55px {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  .sp\:u-px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .sp\:u-px-60px {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .sp\:u-px-65px {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  .sp\:u-px-70px {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  .sp\:u-px-75px {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  .sp\:u-px-80px {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .sp\:u-px-85px {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  .sp\:u-px-90px {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  .sp\:u-px-95px {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  .sp\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .sp\:u-py-100px {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .sp\:u-py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .sp\:u-py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important
  }

  .sp\:u-py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .sp\:u-py-25px {
    padding-top: 25px !important;
    padding-bottom: 25px !important
  }

  .sp\:u-py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }

  .sp\:u-py-35px {
    padding-top: 35px !important;
    padding-bottom: 35px !important
  }

  .sp\:u-py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .sp\:u-py-45px {
    padding-top: 45px !important;
    padding-bottom: 45px !important
  }

  .sp\:u-py-50px {
    padding-top: 50px !important;
    padding-bottom: 50px !important
  }

  .sp\:u-py-55px {
    padding-top: 55px !important;
    padding-bottom: 55px !important
  }

  .sp\:u-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important
  }

  .sp\:u-py-60px {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .sp\:u-py-65px {
    padding-top: 65px !important;
    padding-bottom: 65px !important
  }

  .sp\:u-py-70px {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .sp\:u-py-75px {
    padding-top: 75px !important;
    padding-bottom: 75px !important
  }

  .sp\:u-py-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .sp\:u-py-85px {
    padding-top: 85px !important;
    padding-bottom: 85px !important
  }

  .sp\:u-py-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important
  }

  .sp\:u-py-95px {
    padding-top: 95px !important;
    padding-bottom: 95px !important
  }

  .sp\:u-pb-0 {
    padding-bottom: 0 !important
  }

  .sp\:u-pb-100px {
    padding-bottom: 100px !important
  }

  .sp\:u-pb-10px {
    padding-bottom: 10px !important
  }

  .sp\:u-pb-15px {
    padding-bottom: 15px !important
  }

  .sp\:u-pb-20px {
    padding-bottom: 20px !important
  }

  .sp\:u-pb-25px {
    padding-bottom: 25px !important
  }

  .sp\:u-pb-30px {
    padding-bottom: 30px !important
  }

  .sp\:u-pb-35px {
    padding-bottom: 35px !important
  }

  .sp\:u-pb-40px {
    padding-bottom: 40px !important
  }

  .sp\:u-pb-45px {
    padding-bottom: 45px !important
  }

  .sp\:u-pb-50px {
    padding-bottom: 50px !important
  }

  .sp\:u-pb-55px {
    padding-bottom: 55px !important
  }

  .sp\:u-pb-5px {
    padding-bottom: 5px !important
  }

  .sp\:u-pb-60px {
    padding-bottom: 60px !important
  }

  .sp\:u-pb-65px {
    padding-bottom: 65px !important
  }

  .sp\:u-pb-70px {
    padding-bottom: 70px !important
  }

  .sp\:u-pb-75px {
    padding-bottom: 75px !important
  }

  .sp\:u-pb-80px {
    padding-bottom: 80px !important
  }

  .sp\:u-pb-85px {
    padding-bottom: 85px !important
  }

  .sp\:u-pb-90px {
    padding-bottom: 90px !important
  }

  .sp\:u-pb-95px {
    padding-bottom: 95px !important
  }

  .sp\:u-pl-0 {
    padding-left: 0 !important
  }

  .sp\:u-pl-1 {
    padding-left: .25rem !important
  }

  .sp\:u-pl-1\.5em {
    padding-left: 1.5em !important
  }

  .sp\:u-pl-100px {
    padding-left: 100px !important
  }

  .sp\:u-pl-10px {
    padding-left: 10px !important
  }

  .sp\:u-pl-15px {
    padding-left: 15px !important
  }

  .sp\:u-pl-1em {
    padding-left: 1em !important
  }

  .sp\:u-pl-2 {
    padding-left: .5rem !important
  }

  .sp\:u-pl-2\.5em {
    padding-left: 2.5em !important
  }

  .sp\:u-pl-20px {
    padding-left: 20px !important
  }

  .sp\:u-pl-25px {
    padding-left: 25px !important
  }

  .sp\:u-pl-2em {
    padding-left: 2em !important
  }

  .sp\:u-pl-3 {
    padding-left: .75rem !important
  }

  .sp\:u-pl-3\.5em {
    padding-left: 3.5em !important
  }

  .sp\:u-pl-30px {
    padding-left: 30px !important
  }

  .sp\:u-pl-35px {
    padding-left: 35px !important
  }

  .sp\:u-pl-3em {
    padding-left: 3em !important
  }

  .sp\:u-pl-4 {
    padding-left: 1rem !important
  }

  .sp\:u-pl-4\.5em {
    padding-left: 4.5em !important
  }

  .sp\:u-pl-40px {
    padding-left: 40px !important
  }

  .sp\:u-pl-45px {
    padding-left: 45px !important
  }

  .sp\:u-pl-4em {
    padding-left: 4em !important
  }

  .sp\:u-pl-50px {
    padding-left: 50px !important
  }

  .sp\:u-pl-55px {
    padding-left: 55px !important
  }

  .sp\:u-pl-5em {
    padding-left: 5em !important
  }

  .sp\:u-pl-5px {
    padding-left: 5px !important
  }

  .sp\:u-pl-60px {
    padding-left: 60px !important
  }

  .sp\:u-pl-65px {
    padding-left: 65px !important
  }

  .sp\:u-pl-70px {
    padding-left: 70px !important
  }

  .sp\:u-pl-75px {
    padding-left: 75px !important
  }

  .sp\:u-pl-80px {
    padding-left: 80px !important
  }

  .sp\:u-pl-85px {
    padding-left: 85px !important
  }

  .sp\:u-pl-90px {
    padding-left: 90px !important
  }

  .sp\:u-pl-95px {
    padding-left: 95px !important
  }

  .sp\:u-pr-0 {
    padding-right: 0 !important
  }

  .sp\:u-pr-100px {
    padding-right: 100px !important
  }

  .sp\:u-pr-10px {
    padding-right: 10px !important
  }

  .sp\:u-pr-15px {
    padding-right: 15px !important
  }

  .sp\:u-pr-20px {
    padding-right: 20px !important
  }

  .sp\:u-pr-25px {
    padding-right: 25px !important
  }

  .sp\:u-pr-30px {
    padding-right: 30px !important
  }

  .sp\:u-pr-35px {
    padding-right: 35px !important
  }

  .sp\:u-pr-40px {
    padding-right: 40px !important
  }

  .sp\:u-pr-45px {
    padding-right: 45px !important
  }

  .sp\:u-pr-50px {
    padding-right: 50px !important
  }

  .sp\:u-pr-55px {
    padding-right: 55px !important
  }

  .sp\:u-pr-5px {
    padding-right: 5px !important
  }

  .sp\:u-pr-60px {
    padding-right: 60px !important
  }

  .sp\:u-pr-65px {
    padding-right: 65px !important
  }

  .sp\:u-pr-70px {
    padding-right: 70px !important
  }

  .sp\:u-pr-75px {
    padding-right: 75px !important
  }

  .sp\:u-pr-80px {
    padding-right: 80px !important
  }

  .sp\:u-pr-85px {
    padding-right: 85px !important
  }

  .sp\:u-pr-90px {
    padding-right: 90px !important
  }

  .sp\:u-pr-95px {
    padding-right: 95px !important
  }

  .sp\:u-pt-0 {
    padding-top: 0 !important
  }

  .sp\:u-pt-100px {
    padding-top: 100px !important
  }

  .sp\:u-pt-10px {
    padding-top: 10px !important
  }

  .sp\:u-pt-15px {
    padding-top: 15px !important
  }

  .sp\:u-pt-20px {
    padding-top: 20px !important
  }

  .sp\:u-pt-25px {
    padding-top: 25px !important
  }

  .sp\:u-pt-30px {
    padding-top: 30px !important
  }

  .sp\:u-pt-35px {
    padding-top: 35px !important
  }

  .sp\:u-pt-40px {
    padding-top: 40px !important
  }

  .sp\:u-pt-45px {
    padding-top: 45px !important
  }

  .sp\:u-pt-50px {
    padding-top: 50px !important
  }

  .sp\:u-pt-55px {
    padding-top: 55px !important
  }

  .sp\:u-pt-5px {
    padding-top: 5px !important
  }

  .sp\:u-pt-60px {
    padding-top: 60px !important
  }

  .sp\:u-pt-65px {
    padding-top: 65px !important
  }

  .sp\:u-pt-70px {
    padding-top: 70px !important
  }

  .sp\:u-pt-75px {
    padding-top: 75px !important
  }

  .sp\:u-pt-80px {
    padding-top: 80px !important
  }

  .sp\:u-pt-85px {
    padding-top: 85px !important
  }

  .sp\:u-pt-90px {
    padding-top: 90px !important
  }

  .sp\:u-pt-95px {
    padding-top: 95px !important
  }

  .sp\:u-text-left {
    text-align: left !important
  }

  .sp\:u-text-center {
    text-align: center !important
  }

  .sp\:u-text-right {
    text-align: right !important
  }

  .sp\:u-align-top {
    vertical-align: top !important
  }

  .sp\:u-align-middle {
    vertical-align: middle !important
  }

  .sp\:u-align-bottom {
    vertical-align: bottom !important
  }

  .sp\:u-text-11px {
    font-size: .6875rem !important
  }

  .sp\:u-text-12px {
    font-size: .75rem !important
  }

  .sp\:u-text-13px {
    font-size: .8125rem !important
  }

  .sp\:u-text-14px {
    font-size: .875rem !important
  }

  .sp\:u-text-15px {
    font-size: .9375rem !important
  }

  .sp\:u-text-16px {
    font-size: 1rem !important
  }

  .sp\:u-text-17px {
    font-size: 1.0625rem !important
  }

  .sp\:u-text-18px {
    font-size: 1.125rem !important
  }

  .sp\:u-text-19px {
    font-size: 1.1875rem !important
  }

  .sp\:u-text-20px {
    font-size: 1.25rem !important
  }

  .sp\:u-text-21px {
    font-size: 1.3125rem !important
  }

  .sp\:u-text-22px {
    font-size: 1.375rem !important
  }

  .sp\:u-text-23px {
    font-size: 1.4375rem !important
  }

  .sp\:u-text-24px {
    font-size: 1.5rem !important
  }

  .sp\:u-text-25px {
    font-size: 1.5625rem !important
  }

  .sp\:u-text-26px {
    font-size: 1.625rem !important
  }

  .sp\:u-text-27px {
    font-size: 1.6875rem !important
  }

  .sp\:u-text-28px {
    font-size: 1.75rem !important
  }

  .sp\:u-text-29px {
    font-size: 1.8125rem !important
  }

  .sp\:u-text-30px {
    font-size: 1.875rem !important
  }

  .sp\:u-text-31px {
    font-size: 1.9375rem !important
  }

  .sp\:u-text-32px {
    font-size: 2rem !important
  }

  .sp\:u-text-33px {
    font-size: 2.0625rem !important
  }

  .sp\:u-text-34px {
    font-size: 2.125rem !important
  }

  .sp\:u-text-35px {
    font-size: 2.1875rem !important
  }

  .sp\:u-text-36px {
    font-size: 2.25rem !important
  }

  .sp\:u-text-37px {
    font-size: 2.3125rem !important
  }

  .sp\:u-text-38px {
    font-size: 2.375rem !important
  }

  .sp\:u-text-39px {
    font-size: 2.4375rem !important
  }

  .sp\:u-text-40px {
    font-size: 2.5rem !important
  }

  .sp\:u-font-bold {
    font-weight: 700 !important
  }

  .sp\:u-font-light {
    font-weight: 300 !important
  }

  .sp\:u-font-medium {
    font-weight: 500 !important
  }

  .sp\:u-font-normal {
    font-weight: 400 !important
  }

  .sp\:u-uppercase {
    text-transform: uppercase !important
  }

  .sp\:u-not-italic {
    font-style: normal !important
  }

  .sp\:u-underline {
    text-decoration-line: underline !important
  }

  .sp\:u-no-underline {
    text-decoration-line: none !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .tab\:u-m-0 {
    margin: 0 !important
  }

  .tab\:u-m-100px {
    margin: 100px !important
  }

  .tab\:u-m-10px {
    margin: 10px !important
  }

  .tab\:u-m-15px {
    margin: 15px !important
  }

  .tab\:u-m-20px {
    margin: 20px !important
  }

  .tab\:u-m-25px {
    margin: 25px !important
  }

  .tab\:u-m-30px {
    margin: 30px !important
  }

  .tab\:u-m-35px {
    margin: 35px !important
  }

  .tab\:u-m-40px {
    margin: 40px !important
  }

  .tab\:u-m-45px {
    margin: 45px !important
  }

  .tab\:u-m-50px {
    margin: 50px !important
  }

  .tab\:u-m-55px {
    margin: 55px !important
  }

  .tab\:u-m-5px {
    margin: 5px !important
  }

  .tab\:u-m-60px {
    margin: 60px !important
  }

  .tab\:u-m-65px {
    margin: 65px !important
  }

  .tab\:u-m-70px {
    margin: 70px !important
  }

  .tab\:u-m-75px {
    margin: 75px !important
  }

  .tab\:u-m-80px {
    margin: 80px !important
  }

  .tab\:u-m-85px {
    margin: 85px !important
  }

  .tab\:u-m-90px {
    margin: 90px !important
  }

  .tab\:u-m-95px {
    margin: 95px !important
  }

  .tab\:u-m-auto {
    margin: auto !important
  }

  .tab\:u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .tab\:u-mx-100px {
    margin-left: 100px !important;
    margin-right: 100px !important
  }

  .tab\:u-mx-10px {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .tab\:u-mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .tab\:u-mx-20px {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .tab\:u-mx-25px {
    margin-left: 25px !important;
    margin-right: 25px !important
  }

  .tab\:u-mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important
  }

  .tab\:u-mx-35px {
    margin-left: 35px !important;
    margin-right: 35px !important
  }

  .tab\:u-mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .tab\:u-mx-45px {
    margin-left: 45px !important;
    margin-right: 45px !important
  }

  .tab\:u-mx-50px {
    margin-left: 50px !important;
    margin-right: 50px !important
  }

  .tab\:u-mx-55px {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .tab\:u-mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important
  }

  .tab\:u-mx-60px {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .tab\:u-mx-65px {
    margin-left: 65px !important;
    margin-right: 65px !important
  }

  .tab\:u-mx-70px {
    margin-left: 70px !important;
    margin-right: 70px !important
  }

  .tab\:u-mx-75px {
    margin-left: 75px !important;
    margin-right: 75px !important
  }

  .tab\:u-mx-80px {
    margin-left: 80px !important;
    margin-right: 80px !important
  }

  .tab\:u-mx-85px {
    margin-left: 85px !important;
    margin-right: 85px !important
  }

  .tab\:u-mx-90px {
    margin-left: 90px !important;
    margin-right: 90px !important
  }

  .tab\:u-mx-95px {
    margin-left: 95px !important;
    margin-right: 95px !important
  }

  .tab\:u-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .tab\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .tab\:u-my-100px {
    margin-top: 100px !important;
    margin-bottom: 100px !important
  }

  .tab\:u-my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .tab\:u-my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important
  }

  .tab\:u-my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .tab\:u-my-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important
  }

  .tab\:u-my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important
  }

  .tab\:u-my-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important
  }

  .tab\:u-my-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .tab\:u-my-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important
  }

  .tab\:u-my-50px {
    margin-top: 50px !important;
    margin-bottom: 50px !important
  }

  .tab\:u-my-55px {
    margin-top: 55px !important;
    margin-bottom: 55px !important
  }

  .tab\:u-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important
  }

  .tab\:u-my-60px {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .tab\:u-my-65px {
    margin-top: 65px !important;
    margin-bottom: 65px !important
  }

  .tab\:u-my-70px {
    margin-top: 70px !important;
    margin-bottom: 70px !important
  }

  .tab\:u-my-75px {
    margin-top: 75px !important;
    margin-bottom: 75px !important
  }

  .tab\:u-my-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .tab\:u-my-85px {
    margin-top: 85px !important;
    margin-bottom: 85px !important
  }

  .tab\:u-my-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important
  }

  .tab\:u-my-95px {
    margin-top: 95px !important;
    margin-bottom: 95px !important
  }

  .tab\:u-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .tab\:u-mb-0 {
    margin-bottom: 0 !important
  }

  .tab\:u-mb-100px {
    margin-bottom: 100px !important
  }

  .tab\:u-mb-10px {
    margin-bottom: 10px !important
  }

  .tab\:u-mb-15px {
    margin-bottom: 15px !important
  }

  .tab\:u-mb-20px {
    margin-bottom: 20px !important
  }

  .tab\:u-mb-25px {
    margin-bottom: 25px !important
  }

  .tab\:u-mb-30px {
    margin-bottom: 30px !important
  }

  .tab\:u-mb-35px {
    margin-bottom: 35px !important
  }

  .tab\:u-mb-40px {
    margin-bottom: 40px !important
  }

  .tab\:u-mb-45px {
    margin-bottom: 45px !important
  }

  .tab\:u-mb-50px {
    margin-bottom: 50px !important
  }

  .tab\:u-mb-55px {
    margin-bottom: 55px !important
  }

  .tab\:u-mb-5px {
    margin-bottom: 5px !important
  }

  .tab\:u-mb-60px {
    margin-bottom: 60px !important
  }

  .tab\:u-mb-65px {
    margin-bottom: 65px !important
  }

  .tab\:u-mb-70px {
    margin-bottom: 70px !important
  }

  .tab\:u-mb-75px {
    margin-bottom: 75px !important
  }

  .tab\:u-mb-80px {
    margin-bottom: 80px !important
  }

  .tab\:u-mb-85px {
    margin-bottom: 85px !important
  }

  .tab\:u-mb-90px {
    margin-bottom: 90px !important
  }

  .tab\:u-mb-95px {
    margin-bottom: 95px !important
  }

  .tab\:u-mb-auto {
    margin-bottom: auto !important
  }

  .tab\:u-ml-0 {
    margin-left: 0 !important
  }

  .tab\:u-ml-100px {
    margin-left: 100px !important
  }

  .tab\:u-ml-10px {
    margin-left: 10px !important
  }

  .tab\:u-ml-15px {
    margin-left: 15px !important
  }

  .tab\:u-ml-20px {
    margin-left: 20px !important
  }

  .tab\:u-ml-25px {
    margin-left: 25px !important
  }

  .tab\:u-ml-30px {
    margin-left: 30px !important
  }

  .tab\:u-ml-35px {
    margin-left: 35px !important
  }

  .tab\:u-ml-40px {
    margin-left: 40px !important
  }

  .tab\:u-ml-45px {
    margin-left: 45px !important
  }

  .tab\:u-ml-50px {
    margin-left: 50px !important
  }

  .tab\:u-ml-55px {
    margin-left: 55px !important
  }

  .tab\:u-ml-5px {
    margin-left: 5px !important
  }

  .tab\:u-ml-60px {
    margin-left: 60px !important
  }

  .tab\:u-ml-65px {
    margin-left: 65px !important
  }

  .tab\:u-ml-70px {
    margin-left: 70px !important
  }

  .tab\:u-ml-75px {
    margin-left: 75px !important
  }

  .tab\:u-ml-80px {
    margin-left: 80px !important
  }

  .tab\:u-ml-85px {
    margin-left: 85px !important
  }

  .tab\:u-ml-90px {
    margin-left: 90px !important
  }

  .tab\:u-ml-95px {
    margin-left: 95px !important
  }

  .tab\:u-ml-auto {
    margin-left: auto !important
  }

  .tab\:u-mr-0 {
    margin-right: 0 !important
  }

  .tab\:u-mr-100px {
    margin-right: 100px !important
  }

  .tab\:u-mr-10px {
    margin-right: 10px !important
  }

  .tab\:u-mr-15px {
    margin-right: 15px !important
  }

  .tab\:u-mr-20px {
    margin-right: 20px !important
  }

  .tab\:u-mr-25px {
    margin-right: 25px !important
  }

  .tab\:u-mr-30px {
    margin-right: 30px !important
  }

  .tab\:u-mr-35px {
    margin-right: 35px !important
  }

  .tab\:u-mr-40px {
    margin-right: 40px !important
  }

  .tab\:u-mr-45px {
    margin-right: 45px !important
  }

  .tab\:u-mr-50px {
    margin-right: 50px !important
  }

  .tab\:u-mr-55px {
    margin-right: 55px !important
  }

  .tab\:u-mr-5px {
    margin-right: 5px !important
  }

  .tab\:u-mr-60px {
    margin-right: 60px !important
  }

  .tab\:u-mr-65px {
    margin-right: 65px !important
  }

  .tab\:u-mr-70px {
    margin-right: 70px !important
  }

  .tab\:u-mr-75px {
    margin-right: 75px !important
  }

  .tab\:u-mr-80px {
    margin-right: 80px !important
  }

  .tab\:u-mr-85px {
    margin-right: 85px !important
  }

  .tab\:u-mr-90px {
    margin-right: 90px !important
  }

  .tab\:u-mr-95px {
    margin-right: 95px !important
  }

  .tab\:u-mr-auto {
    margin-right: auto !important
  }

  .tab\:u-mt-0 {
    margin-top: 0 !important
  }

  .tab\:u-mt-100px {
    margin-top: 100px !important
  }

  .tab\:u-mt-10px {
    margin-top: 10px !important
  }

  .tab\:u-mt-15px {
    margin-top: 15px !important
  }

  .tab\:u-mt-20px {
    margin-top: 20px !important
  }

  .tab\:u-mt-25px {
    margin-top: 25px !important
  }

  .tab\:u-mt-30px {
    margin-top: 30px !important
  }

  .tab\:u-mt-35px {
    margin-top: 35px !important
  }

  .tab\:u-mt-40px {
    margin-top: 40px !important
  }

  .tab\:u-mt-45px {
    margin-top: 45px !important
  }

  .tab\:u-mt-50px {
    margin-top: 50px !important
  }

  .tab\:u-mt-55px {
    margin-top: 55px !important
  }

  .tab\:u-mt-5px {
    margin-top: 5px !important
  }

  .tab\:u-mt-60px {
    margin-top: 60px !important
  }

  .tab\:u-mt-65px {
    margin-top: 65px !important
  }

  .tab\:u-mt-70px {
    margin-top: 70px !important
  }

  .tab\:u-mt-75px {
    margin-top: 75px !important
  }

  .tab\:u-mt-80px {
    margin-top: 80px !important
  }

  .tab\:u-mt-85px {
    margin-top: 85px !important
  }

  .tab\:u-mt-90px {
    margin-top: 90px !important
  }

  .tab\:u-mt-95px {
    margin-top: 95px !important
  }

  .tab\:u-mt-auto {
    margin-top: auto !important
  }

  .tab\:u-inline-block {
    display: inline-block !important
  }

  .tab\:u-hidden {
    display: none !important
  }

  .tab\:u-aspect-auto {
    aspect-ratio: auto !important
  }

  .tab\:u-h-\[149px\] {
    height: 149px !important
  }

  .tab\:u-w-0 {
    width: 0px !important
  }

  .tab\:u-w-1\/12 {
    width: 8.333333% !important
  }

  .tab\:u-w-1\/2 {
    width: 50% !important
  }

  .tab\:u-w-1\/3 {
    width: 33.333333% !important
  }

  .tab\:u-w-1\/4 {
    width: 25% !important
  }

  .tab\:u-w-1\/5 {
    width: 20% !important
  }

  .tab\:u-w-1\/6 {
    width: 16.666667% !important
  }

  .tab\:u-w-10 {
    width: 2.5rem !important
  }

  .tab\:u-w-10\% {
    width: 10% !important
  }

  .tab\:u-w-10\/12 {
    width: 83.333333% !important
  }

  .tab\:u-w-100\% {
    width: 100% !important
  }

  .tab\:u-w-10em {
    width: 10em !important
  }

  .tab\:u-w-11\/12 {
    width: 91.666667% !important
  }

  .tab\:u-w-11em {
    width: 11em !important
  }

  .tab\:u-w-12em {
    width: 12em !important
  }

  .tab\:u-w-13em {
    width: 13em !important
  }

  .tab\:u-w-14em {
    width: 14em !important
  }

  .tab\:u-w-15\% {
    width: 15% !important
  }

  .tab\:u-w-15em {
    width: 15em !important
  }

  .tab\:u-w-16em {
    width: 16em !important
  }

  .tab\:u-w-17em {
    width: 17em !important
  }

  .tab\:u-w-18em {
    width: 18em !important
  }

  .tab\:u-w-19em {
    width: 19em !important
  }

  .tab\:u-w-2\/12 {
    width: 16.666667% !important
  }

  .tab\:u-w-2\/3 {
    width: 66.666667% !important
  }

  .tab\:u-w-2\/4 {
    width: 50% !important
  }

  .tab\:u-w-2\/5 {
    width: 40% !important
  }

  .tab\:u-w-2\/6 {
    width: 33.333333% !important
  }

  .tab\:u-w-20 {
    width: 5rem !important
  }

  .tab\:u-w-20\% {
    width: 20% !important
  }

  .tab\:u-w-20em {
    width: 20em !important
  }

  .tab\:u-w-25\% {
    width: 25% !important
  }

  .tab\:u-w-2em {
    width: 2em !important
  }

  .tab\:u-w-3\/12 {
    width: 25% !important
  }

  .tab\:u-w-3\/4 {
    width: 75% !important
  }

  .tab\:u-w-3\/5 {
    width: 60% !important
  }

  .tab\:u-w-3\/6 {
    width: 50% !important
  }

  .tab\:u-w-30\% {
    width: 30% !important
  }

  .tab\:u-w-35\% {
    width: 35% !important
  }

  .tab\:u-w-3em {
    width: 3em !important
  }

  .tab\:u-w-4\/12 {
    width: 33.333333% !important
  }

  .tab\:u-w-4\/5 {
    width: 80% !important
  }

  .tab\:u-w-4\/6 {
    width: 66.666667% !important
  }

  .tab\:u-w-40 {
    width: 10rem !important
  }

  .tab\:u-w-40\% {
    width: 40% !important
  }

  .tab\:u-w-45\% {
    width: 45% !important
  }

  .tab\:u-w-4em {
    width: 4em !important
  }

  .tab\:u-w-5 {
    width: 1.25rem !important
  }

  .tab\:u-w-5\% {
    width: 5% !important
  }

  .tab\:u-w-5\/12 {
    width: 41.666667% !important
  }

  .tab\:u-w-5\/6 {
    width: 83.333333% !important
  }

  .tab\:u-w-50\% {
    width: 50% !important
  }

  .tab\:u-w-55\% {
    width: 55% !important
  }

  .tab\:u-w-5em {
    width: 5em !important
  }

  .tab\:u-w-6\/12 {
    width: 50% !important
  }

  .tab\:u-w-60 {
    width: 15rem !important
  }

  .tab\:u-w-60\% {
    width: 60% !important
  }

  .tab\:u-w-65\% {
    width: 65% !important
  }

  .tab\:u-w-6em {
    width: 6em !important
  }

  .tab\:u-w-7\/12 {
    width: 58.333333% !important
  }

  .tab\:u-w-70\% {
    width: 70% !important
  }

  .tab\:u-w-75\% {
    width: 75% !important
  }

  .tab\:u-w-7em {
    width: 7em !important
  }

  .tab\:u-w-8\/12 {
    width: 66.666667% !important
  }

  .tab\:u-w-80 {
    width: 20rem !important
  }

  .tab\:u-w-80\% {
    width: 80% !important
  }

  .tab\:u-w-85\% {
    width: 85% !important
  }

  .tab\:u-w-8em {
    width: 8em !important
  }

  .tab\:u-w-9\/12 {
    width: 75% !important
  }

  .tab\:u-w-90\% {
    width: 90% !important
  }

  .tab\:u-w-95\% {
    width: 95% !important
  }

  .tab\:u-w-9em {
    width: 9em !important
  }

  .tab\:u-w-auto {
    width: auto !important
  }

  .tab\:u-w-full {
    width: 100% !important
  }

  .tab\:u-gap-0 {
    gap: 0px !important
  }

  .tab\:u-gap-10px {
    gap: 10px !important
  }

  .tab\:u-gap-15px {
    gap: 15px !important
  }

  .tab\:u-gap-20px {
    gap: 20px !important
  }

  .tab\:u-gap-25px {
    gap: 25px !important
  }

  .tab\:u-gap-30px {
    gap: 30px !important
  }

  .tab\:u-gap-35px {
    gap: 35px !important
  }

  .tab\:u-gap-40px {
    gap: 40px !important
  }

  .tab\:u-gap-45px {
    gap: 45px !important
  }

  .tab\:u-gap-50px {
    gap: 50px !important
  }

  .tab\:u-gap-5px {
    gap: 5px !important
  }

  .tab\:u-gap-x-0 {
    -moz-column-gap: 0px !important;
    column-gap: 0px !important
  }

  .tab\:u-gap-x-10px {
    -moz-column-gap: 10px !important;
    column-gap: 10px !important
  }

  .tab\:u-gap-x-15px {
    -moz-column-gap: 15px !important;
    column-gap: 15px !important
  }

  .tab\:u-gap-x-20px {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important
  }

  .tab\:u-gap-x-25px {
    -moz-column-gap: 25px !important;
    column-gap: 25px !important
  }

  .tab\:u-gap-x-30px {
    -moz-column-gap: 30px !important;
    column-gap: 30px !important
  }

  .tab\:u-gap-x-35px {
    -moz-column-gap: 35px !important;
    column-gap: 35px !important
  }

  .tab\:u-gap-x-40px {
    -moz-column-gap: 40px !important;
    column-gap: 40px !important
  }

  .tab\:u-gap-x-45px {
    -moz-column-gap: 45px !important;
    column-gap: 45px !important
  }

  .tab\:u-gap-x-50px {
    -moz-column-gap: 50px !important;
    column-gap: 50px !important
  }

  .tab\:u-gap-x-5px {
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }

  .tab\:u-gap-y-0 {
    row-gap: 0px !important
  }

  .tab\:u-gap-y-10px {
    row-gap: 10px !important
  }

  .tab\:u-gap-y-15px {
    row-gap: 15px !important
  }

  .tab\:u-gap-y-20px {
    row-gap: 20px !important
  }

  .tab\:u-gap-y-25px {
    row-gap: 25px !important
  }

  .tab\:u-gap-y-30px {
    row-gap: 30px !important
  }

  .tab\:u-gap-y-35px {
    row-gap: 35px !important
  }

  .tab\:u-gap-y-40px {
    row-gap: 40px !important
  }

  .tab\:u-gap-y-45px {
    row-gap: 45px !important
  }

  .tab\:u-gap-y-50px {
    row-gap: 50px !important
  }

  .tab\:u-gap-y-5px {
    row-gap: 5px !important
  }

  .tab\:u-border-none {
    border-style: none !important
  }

  .tab\:u-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
  }

  .tab\:u-p-0 {
    padding: 0 !important
  }

  .tab\:u-p-100px {
    padding: 100px !important
  }

  .tab\:u-p-10px {
    padding: 10px !important
  }

  .tab\:u-p-15px {
    padding: 15px !important
  }

  .tab\:u-p-20px {
    padding: 20px !important
  }

  .tab\:u-p-25px {
    padding: 25px !important
  }

  .tab\:u-p-30px {
    padding: 30px !important
  }

  .tab\:u-p-35px {
    padding: 35px !important
  }

  .tab\:u-p-40px {
    padding: 40px !important
  }

  .tab\:u-p-45px {
    padding: 45px !important
  }

  .tab\:u-p-50px {
    padding: 50px !important
  }

  .tab\:u-p-55px {
    padding: 55px !important
  }

  .tab\:u-p-5px {
    padding: 5px !important
  }

  .tab\:u-p-60px {
    padding: 60px !important
  }

  .tab\:u-p-65px {
    padding: 65px !important
  }

  .tab\:u-p-70px {
    padding: 70px !important
  }

  .tab\:u-p-75px {
    padding: 75px !important
  }

  .tab\:u-p-80px {
    padding: 80px !important
  }

  .tab\:u-p-85px {
    padding: 85px !important
  }

  .tab\:u-p-90px {
    padding: 90px !important
  }

  .tab\:u-p-95px {
    padding: 95px !important
  }

  .tab\:u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .tab\:u-px-100px {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .tab\:u-px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .tab\:u-px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .tab\:u-px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .tab\:u-px-25px {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  .tab\:u-px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .tab\:u-px-35px {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  .tab\:u-px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .tab\:u-px-45px {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  .tab\:u-px-50px {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  .tab\:u-px-55px {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  .tab\:u-px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .tab\:u-px-60px {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .tab\:u-px-65px {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  .tab\:u-px-70px {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  .tab\:u-px-75px {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  .tab\:u-px-80px {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .tab\:u-px-85px {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  .tab\:u-px-90px {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  .tab\:u-px-95px {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  .tab\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .tab\:u-py-100px {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .tab\:u-py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .tab\:u-py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important
  }

  .tab\:u-py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .tab\:u-py-25px {
    padding-top: 25px !important;
    padding-bottom: 25px !important
  }

  .tab\:u-py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }

  .tab\:u-py-35px {
    padding-top: 35px !important;
    padding-bottom: 35px !important
  }

  .tab\:u-py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .tab\:u-py-45px {
    padding-top: 45px !important;
    padding-bottom: 45px !important
  }

  .tab\:u-py-50px {
    padding-top: 50px !important;
    padding-bottom: 50px !important
  }

  .tab\:u-py-55px {
    padding-top: 55px !important;
    padding-bottom: 55px !important
  }

  .tab\:u-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important
  }

  .tab\:u-py-60px {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .tab\:u-py-65px {
    padding-top: 65px !important;
    padding-bottom: 65px !important
  }

  .tab\:u-py-70px {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .tab\:u-py-75px {
    padding-top: 75px !important;
    padding-bottom: 75px !important
  }

  .tab\:u-py-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .tab\:u-py-85px {
    padding-top: 85px !important;
    padding-bottom: 85px !important
  }

  .tab\:u-py-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important
  }

  .tab\:u-py-95px {
    padding-top: 95px !important;
    padding-bottom: 95px !important
  }

  .tab\:u-pb-0 {
    padding-bottom: 0 !important
  }

  .tab\:u-pb-100px {
    padding-bottom: 100px !important
  }

  .tab\:u-pb-10px {
    padding-bottom: 10px !important
  }

  .tab\:u-pb-15px {
    padding-bottom: 15px !important
  }

  .tab\:u-pb-20px {
    padding-bottom: 20px !important
  }

  .tab\:u-pb-25px {
    padding-bottom: 25px !important
  }

  .tab\:u-pb-30px {
    padding-bottom: 30px !important
  }

  .tab\:u-pb-35px {
    padding-bottom: 35px !important
  }

  .tab\:u-pb-40px {
    padding-bottom: 40px !important
  }

  .tab\:u-pb-45px {
    padding-bottom: 45px !important
  }

  .tab\:u-pb-50px {
    padding-bottom: 50px !important
  }

  .tab\:u-pb-55px {
    padding-bottom: 55px !important
  }

  .tab\:u-pb-5px {
    padding-bottom: 5px !important
  }

  .tab\:u-pb-60px {
    padding-bottom: 60px !important
  }

  .tab\:u-pb-65px {
    padding-bottom: 65px !important
  }

  .tab\:u-pb-70px {
    padding-bottom: 70px !important
  }

  .tab\:u-pb-75px {
    padding-bottom: 75px !important
  }

  .tab\:u-pb-80px {
    padding-bottom: 80px !important
  }

  .tab\:u-pb-85px {
    padding-bottom: 85px !important
  }

  .tab\:u-pb-90px {
    padding-bottom: 90px !important
  }

  .tab\:u-pb-95px {
    padding-bottom: 95px !important
  }

  .tab\:u-pl-0 {
    padding-left: 0 !important
  }

  .tab\:u-pl-1 {
    padding-left: .25rem !important
  }

  .tab\:u-pl-1\.5em {
    padding-left: 1.5em !important
  }

  .tab\:u-pl-100px {
    padding-left: 100px !important
  }

  .tab\:u-pl-10px {
    padding-left: 10px !important
  }

  .tab\:u-pl-15px {
    padding-left: 15px !important
  }

  .tab\:u-pl-1em {
    padding-left: 1em !important
  }

  .tab\:u-pl-2 {
    padding-left: .5rem !important
  }

  .tab\:u-pl-2\.5em {
    padding-left: 2.5em !important
  }

  .tab\:u-pl-20px {
    padding-left: 20px !important
  }

  .tab\:u-pl-25px {
    padding-left: 25px !important
  }

  .tab\:u-pl-2em {
    padding-left: 2em !important
  }

  .tab\:u-pl-3 {
    padding-left: .75rem !important
  }

  .tab\:u-pl-3\.5em {
    padding-left: 3.5em !important
  }

  .tab\:u-pl-30px {
    padding-left: 30px !important
  }

  .tab\:u-pl-35px {
    padding-left: 35px !important
  }

  .tab\:u-pl-3em {
    padding-left: 3em !important
  }

  .tab\:u-pl-4 {
    padding-left: 1rem !important
  }

  .tab\:u-pl-4\.5em {
    padding-left: 4.5em !important
  }

  .tab\:u-pl-40px {
    padding-left: 40px !important
  }

  .tab\:u-pl-45px {
    padding-left: 45px !important
  }

  .tab\:u-pl-4em {
    padding-left: 4em !important
  }

  .tab\:u-pl-50px {
    padding-left: 50px !important
  }

  .tab\:u-pl-55px {
    padding-left: 55px !important
  }

  .tab\:u-pl-5em {
    padding-left: 5em !important
  }

  .tab\:u-pl-5px {
    padding-left: 5px !important
  }

  .tab\:u-pl-60px {
    padding-left: 60px !important
  }

  .tab\:u-pl-65px {
    padding-left: 65px !important
  }

  .tab\:u-pl-70px {
    padding-left: 70px !important
  }

  .tab\:u-pl-75px {
    padding-left: 75px !important
  }

  .tab\:u-pl-80px {
    padding-left: 80px !important
  }

  .tab\:u-pl-85px {
    padding-left: 85px !important
  }

  .tab\:u-pl-90px {
    padding-left: 90px !important
  }

  .tab\:u-pl-95px {
    padding-left: 95px !important
  }

  .tab\:u-pr-0 {
    padding-right: 0 !important
  }

  .tab\:u-pr-100px {
    padding-right: 100px !important
  }

  .tab\:u-pr-10px {
    padding-right: 10px !important
  }

  .tab\:u-pr-15px {
    padding-right: 15px !important
  }

  .tab\:u-pr-20px {
    padding-right: 20px !important
  }

  .tab\:u-pr-25px {
    padding-right: 25px !important
  }

  .tab\:u-pr-30px {
    padding-right: 30px !important
  }

  .tab\:u-pr-35px {
    padding-right: 35px !important
  }

  .tab\:u-pr-40px {
    padding-right: 40px !important
  }

  .tab\:u-pr-45px {
    padding-right: 45px !important
  }

  .tab\:u-pr-50px {
    padding-right: 50px !important
  }

  .tab\:u-pr-55px {
    padding-right: 55px !important
  }

  .tab\:u-pr-5px {
    padding-right: 5px !important
  }

  .tab\:u-pr-60px {
    padding-right: 60px !important
  }

  .tab\:u-pr-65px {
    padding-right: 65px !important
  }

  .tab\:u-pr-70px {
    padding-right: 70px !important
  }

  .tab\:u-pr-75px {
    padding-right: 75px !important
  }

  .tab\:u-pr-80px {
    padding-right: 80px !important
  }

  .tab\:u-pr-85px {
    padding-right: 85px !important
  }

  .tab\:u-pr-90px {
    padding-right: 90px !important
  }

  .tab\:u-pr-95px {
    padding-right: 95px !important
  }

  .tab\:u-pt-0 {
    padding-top: 0 !important
  }

  .tab\:u-pt-100px {
    padding-top: 100px !important
  }

  .tab\:u-pt-10px {
    padding-top: 10px !important
  }

  .tab\:u-pt-15px {
    padding-top: 15px !important
  }

  .tab\:u-pt-20px {
    padding-top: 20px !important
  }

  .tab\:u-pt-25px {
    padding-top: 25px !important
  }

  .tab\:u-pt-30px {
    padding-top: 30px !important
  }

  .tab\:u-pt-35px {
    padding-top: 35px !important
  }

  .tab\:u-pt-40px {
    padding-top: 40px !important
  }

  .tab\:u-pt-45px {
    padding-top: 45px !important
  }

  .tab\:u-pt-50px {
    padding-top: 50px !important
  }

  .tab\:u-pt-55px {
    padding-top: 55px !important
  }

  .tab\:u-pt-5px {
    padding-top: 5px !important
  }

  .tab\:u-pt-60px {
    padding-top: 60px !important
  }

  .tab\:u-pt-65px {
    padding-top: 65px !important
  }

  .tab\:u-pt-70px {
    padding-top: 70px !important
  }

  .tab\:u-pt-75px {
    padding-top: 75px !important
  }

  .tab\:u-pt-80px {
    padding-top: 80px !important
  }

  .tab\:u-pt-85px {
    padding-top: 85px !important
  }

  .tab\:u-pt-90px {
    padding-top: 90px !important
  }

  .tab\:u-pt-95px {
    padding-top: 95px !important
  }

  .tab\:u-text-left {
    text-align: left !important
  }

  .tab\:u-text-center {
    text-align: center !important
  }

  .tab\:u-text-right {
    text-align: right !important
  }

  .tab\:u-align-top {
    vertical-align: top !important
  }

  .tab\:u-align-middle {
    vertical-align: middle !important
  }

  .tab\:u-align-bottom {
    vertical-align: bottom !important
  }

  .tab\:u-text-11px {
    font-size: .6875rem !important
  }

  .tab\:u-text-12px {
    font-size: .75rem !important
  }

  .tab\:u-text-13px {
    font-size: .8125rem !important
  }

  .tab\:u-text-14px {
    font-size: .875rem !important
  }

  .tab\:u-text-15px {
    font-size: .9375rem !important
  }

  .tab\:u-text-16px {
    font-size: 1rem !important
  }

  .tab\:u-text-17px {
    font-size: 1.0625rem !important
  }

  .tab\:u-text-18px {
    font-size: 1.125rem !important
  }

  .tab\:u-text-19px {
    font-size: 1.1875rem !important
  }

  .tab\:u-text-20px {
    font-size: 1.25rem !important
  }

  .tab\:u-text-21px {
    font-size: 1.3125rem !important
  }

  .tab\:u-text-22px {
    font-size: 1.375rem !important
  }

  .tab\:u-text-23px {
    font-size: 1.4375rem !important
  }

  .tab\:u-text-24px {
    font-size: 1.5rem !important
  }

  .tab\:u-text-25px {
    font-size: 1.5625rem !important
  }

  .tab\:u-text-26px {
    font-size: 1.625rem !important
  }

  .tab\:u-text-27px {
    font-size: 1.6875rem !important
  }

  .tab\:u-text-28px {
    font-size: 1.75rem !important
  }

  .tab\:u-text-29px {
    font-size: 1.8125rem !important
  }

  .tab\:u-text-30px {
    font-size: 1.875rem !important
  }

  .tab\:u-text-31px {
    font-size: 1.9375rem !important
  }

  .tab\:u-text-32px {
    font-size: 2rem !important
  }

  .tab\:u-text-33px {
    font-size: 2.0625rem !important
  }

  .tab\:u-text-34px {
    font-size: 2.125rem !important
  }

  .tab\:u-text-35px {
    font-size: 2.1875rem !important
  }

  .tab\:u-text-36px {
    font-size: 2.25rem !important
  }

  .tab\:u-text-37px {
    font-size: 2.3125rem !important
  }

  .tab\:u-text-38px {
    font-size: 2.375rem !important
  }

  .tab\:u-text-39px {
    font-size: 2.4375rem !important
  }

  .tab\:u-text-40px {
    font-size: 2.5rem !important
  }

  .tab\:u-text-\[24px\] {
    font-size: 24px !important
  }

  .tab\:u-font-bold {
    font-weight: 700 !important
  }

  .tab\:u-font-light {
    font-weight: 300 !important
  }

  .tab\:u-font-medium {
    font-weight: 500 !important
  }

  .tab\:u-font-normal {
    font-weight: 400 !important
  }

  .tab\:u-uppercase {
    text-transform: uppercase !important
  }

  .tab\:u-not-italic {
    font-style: normal !important
  }

  .tab\:u-underline {
    text-decoration-line: underline !important
  }

  .tab\:u-no-underline {
    text-decoration-line: none !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .pc\:u-m-0 {
    margin: 0 !important
  }

  .pc\:u-m-100px {
    margin: 100px !important
  }

  .pc\:u-m-10px {
    margin: 10px !important
  }

  .pc\:u-m-15px {
    margin: 15px !important
  }

  .pc\:u-m-20px {
    margin: 20px !important
  }

  .pc\:u-m-25px {
    margin: 25px !important
  }

  .pc\:u-m-30px {
    margin: 30px !important
  }

  .pc\:u-m-35px {
    margin: 35px !important
  }

  .pc\:u-m-40px {
    margin: 40px !important
  }

  .pc\:u-m-45px {
    margin: 45px !important
  }

  .pc\:u-m-50px {
    margin: 50px !important
  }

  .pc\:u-m-55px {
    margin: 55px !important
  }

  .pc\:u-m-5px {
    margin: 5px !important
  }

  .pc\:u-m-60px {
    margin: 60px !important
  }

  .pc\:u-m-65px {
    margin: 65px !important
  }

  .pc\:u-m-70px {
    margin: 70px !important
  }

  .pc\:u-m-75px {
    margin: 75px !important
  }

  .pc\:u-m-80px {
    margin: 80px !important
  }

  .pc\:u-m-85px {
    margin: 85px !important
  }

  .pc\:u-m-90px {
    margin: 90px !important
  }

  .pc\:u-m-95px {
    margin: 95px !important
  }

  .pc\:u-m-auto {
    margin: auto !important
  }

  .pc\:u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .pc\:u-mx-100px {
    margin-left: 100px !important;
    margin-right: 100px !important
  }

  .pc\:u-mx-10px {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .pc\:u-mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .pc\:u-mx-20px {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .pc\:u-mx-25px {
    margin-left: 25px !important;
    margin-right: 25px !important
  }

  .pc\:u-mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important
  }

  .pc\:u-mx-35px {
    margin-left: 35px !important;
    margin-right: 35px !important
  }

  .pc\:u-mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .pc\:u-mx-45px {
    margin-left: 45px !important;
    margin-right: 45px !important
  }

  .pc\:u-mx-50px {
    margin-left: 50px !important;
    margin-right: 50px !important
  }

  .pc\:u-mx-55px {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .pc\:u-mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important
  }

  .pc\:u-mx-60px {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .pc\:u-mx-65px {
    margin-left: 65px !important;
    margin-right: 65px !important
  }

  .pc\:u-mx-70px {
    margin-left: 70px !important;
    margin-right: 70px !important
  }

  .pc\:u-mx-75px {
    margin-left: 75px !important;
    margin-right: 75px !important
  }

  .pc\:u-mx-80px {
    margin-left: 80px !important;
    margin-right: 80px !important
  }

  .pc\:u-mx-85px {
    margin-left: 85px !important;
    margin-right: 85px !important
  }

  .pc\:u-mx-90px {
    margin-left: 90px !important;
    margin-right: 90px !important
  }

  .pc\:u-mx-95px {
    margin-left: 95px !important;
    margin-right: 95px !important
  }

  .pc\:u-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .pc\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .pc\:u-my-100px {
    margin-top: 100px !important;
    margin-bottom: 100px !important
  }

  .pc\:u-my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .pc\:u-my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important
  }

  .pc\:u-my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .pc\:u-my-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important
  }

  .pc\:u-my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important
  }

  .pc\:u-my-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important
  }

  .pc\:u-my-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .pc\:u-my-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important
  }

  .pc\:u-my-50px {
    margin-top: 50px !important;
    margin-bottom: 50px !important
  }

  .pc\:u-my-55px {
    margin-top: 55px !important;
    margin-bottom: 55px !important
  }

  .pc\:u-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important
  }

  .pc\:u-my-60px {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .pc\:u-my-65px {
    margin-top: 65px !important;
    margin-bottom: 65px !important
  }

  .pc\:u-my-70px {
    margin-top: 70px !important;
    margin-bottom: 70px !important
  }

  .pc\:u-my-75px {
    margin-top: 75px !important;
    margin-bottom: 75px !important
  }

  .pc\:u-my-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .pc\:u-my-85px {
    margin-top: 85px !important;
    margin-bottom: 85px !important
  }

  .pc\:u-my-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important
  }

  .pc\:u-my-95px {
    margin-top: 95px !important;
    margin-bottom: 95px !important
  }

  .pc\:u-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .pc\:u-mb-0 {
    margin-bottom: 0 !important
  }

  .pc\:u-mb-100px {
    margin-bottom: 100px !important
  }

  .pc\:u-mb-10px {
    margin-bottom: 10px !important
  }

  .pc\:u-mb-15px {
    margin-bottom: 15px !important
  }

  .pc\:u-mb-20px {
    margin-bottom: 20px !important
  }

  .pc\:u-mb-25px {
    margin-bottom: 25px !important
  }

  .pc\:u-mb-30px {
    margin-bottom: 30px !important
  }

  .pc\:u-mb-35px {
    margin-bottom: 35px !important
  }

  .pc\:u-mb-40px {
    margin-bottom: 40px !important
  }

  .pc\:u-mb-45px {
    margin-bottom: 45px !important
  }

  .pc\:u-mb-50px {
    margin-bottom: 50px !important
  }

  .pc\:u-mb-55px {
    margin-bottom: 55px !important
  }

  .pc\:u-mb-5px {
    margin-bottom: 5px !important
  }

  .pc\:u-mb-60px {
    margin-bottom: 60px !important
  }

  .pc\:u-mb-65px {
    margin-bottom: 65px !important
  }

  .pc\:u-mb-70px {
    margin-bottom: 70px !important
  }

  .pc\:u-mb-75px {
    margin-bottom: 75px !important
  }

  .pc\:u-mb-80px {
    margin-bottom: 80px !important
  }

  .pc\:u-mb-85px {
    margin-bottom: 85px !important
  }

  .pc\:u-mb-90px {
    margin-bottom: 90px !important
  }

  .pc\:u-mb-95px {
    margin-bottom: 95px !important
  }

  .pc\:u-mb-auto {
    margin-bottom: auto !important
  }

  .pc\:u-ml-0 {
    margin-left: 0 !important
  }

  .pc\:u-ml-100px {
    margin-left: 100px !important
  }

  .pc\:u-ml-10px {
    margin-left: 10px !important
  }

  .pc\:u-ml-15px {
    margin-left: 15px !important
  }

  .pc\:u-ml-20px {
    margin-left: 20px !important
  }

  .pc\:u-ml-25px {
    margin-left: 25px !important
  }

  .pc\:u-ml-30px {
    margin-left: 30px !important
  }

  .pc\:u-ml-35px {
    margin-left: 35px !important
  }

  .pc\:u-ml-40px {
    margin-left: 40px !important
  }

  .pc\:u-ml-45px {
    margin-left: 45px !important
  }

  .pc\:u-ml-50px {
    margin-left: 50px !important
  }

  .pc\:u-ml-55px {
    margin-left: 55px !important
  }

  .pc\:u-ml-5px {
    margin-left: 5px !important
  }

  .pc\:u-ml-60px {
    margin-left: 60px !important
  }

  .pc\:u-ml-65px {
    margin-left: 65px !important
  }

  .pc\:u-ml-70px {
    margin-left: 70px !important
  }

  .pc\:u-ml-75px {
    margin-left: 75px !important
  }

  .pc\:u-ml-80px {
    margin-left: 80px !important
  }

  .pc\:u-ml-85px {
    margin-left: 85px !important
  }

  .pc\:u-ml-90px {
    margin-left: 90px !important
  }

  .pc\:u-ml-95px {
    margin-left: 95px !important
  }

  .pc\:u-ml-auto {
    margin-left: auto !important
  }

  .pc\:u-mr-0 {
    margin-right: 0 !important
  }

  .pc\:u-mr-100px {
    margin-right: 100px !important
  }

  .pc\:u-mr-10px {
    margin-right: 10px !important
  }

  .pc\:u-mr-15px {
    margin-right: 15px !important
  }

  .pc\:u-mr-20px {
    margin-right: 20px !important
  }

  .pc\:u-mr-25px {
    margin-right: 25px !important
  }

  .pc\:u-mr-30px {
    margin-right: 30px !important
  }

  .pc\:u-mr-35px {
    margin-right: 35px !important
  }

  .pc\:u-mr-40px {
    margin-right: 40px !important
  }

  .pc\:u-mr-45px {
    margin-right: 45px !important
  }

  .pc\:u-mr-50px {
    margin-right: 50px !important
  }

  .pc\:u-mr-55px {
    margin-right: 55px !important
  }

  .pc\:u-mr-5px {
    margin-right: 5px !important
  }

  .pc\:u-mr-60px {
    margin-right: 60px !important
  }

  .pc\:u-mr-65px {
    margin-right: 65px !important
  }

  .pc\:u-mr-70px {
    margin-right: 70px !important
  }

  .pc\:u-mr-75px {
    margin-right: 75px !important
  }

  .pc\:u-mr-80px {
    margin-right: 80px !important
  }

  .pc\:u-mr-85px {
    margin-right: 85px !important
  }

  .pc\:u-mr-90px {
    margin-right: 90px !important
  }

  .pc\:u-mr-95px {
    margin-right: 95px !important
  }

  .pc\:u-mr-auto {
    margin-right: auto !important
  }

  .pc\:u-mt-0 {
    margin-top: 0 !important
  }

  .pc\:u-mt-100px {
    margin-top: 100px !important
  }

  .pc\:u-mt-10px {
    margin-top: 10px !important
  }

  .pc\:u-mt-15px {
    margin-top: 15px !important
  }

  .pc\:u-mt-20px {
    margin-top: 20px !important
  }

  .pc\:u-mt-25px {
    margin-top: 25px !important
  }

  .pc\:u-mt-30px {
    margin-top: 30px !important
  }

  .pc\:u-mt-35px {
    margin-top: 35px !important
  }

  .pc\:u-mt-40px {
    margin-top: 40px !important
  }

  .pc\:u-mt-45px {
    margin-top: 45px !important
  }

  .pc\:u-mt-50px {
    margin-top: 50px !important
  }

  .pc\:u-mt-55px {
    margin-top: 55px !important
  }

  .pc\:u-mt-5px {
    margin-top: 5px !important
  }

  .pc\:u-mt-60px {
    margin-top: 60px !important
  }

  .pc\:u-mt-65px {
    margin-top: 65px !important
  }

  .pc\:u-mt-70px {
    margin-top: 70px !important
  }

  .pc\:u-mt-75px {
    margin-top: 75px !important
  }

  .pc\:u-mt-80px {
    margin-top: 80px !important
  }

  .pc\:u-mt-85px {
    margin-top: 85px !important
  }

  .pc\:u-mt-90px {
    margin-top: 90px !important
  }

  .pc\:u-mt-95px {
    margin-top: 95px !important
  }

  .pc\:u-mt-auto {
    margin-top: auto !important
  }

  .pc\:u-inline-block {
    display: inline-block !important
  }

  .pc\:u-hidden {
    display: none !important
  }

  .pc\:u-aspect-auto {
    aspect-ratio: auto !important
  }

  .pc\:u-h-\[234px\] {
    height: 234px !important
  }

  .pc\:u-w-0 {
    width: 0px !important
  }

  .pc\:u-w-1\/12 {
    width: 8.333333% !important
  }

  .pc\:u-w-1\/2 {
    width: 50% !important
  }

  .pc\:u-w-1\/3 {
    width: 33.333333% !important
  }

  .pc\:u-w-1\/4 {
    width: 25% !important
  }

  .pc\:u-w-1\/5 {
    width: 20% !important
  }

  .pc\:u-w-1\/6 {
    width: 16.666667% !important
  }

  .pc\:u-w-10 {
    width: 2.5rem !important
  }

  .pc\:u-w-10\% {
    width: 10% !important
  }

  .pc\:u-w-10\/12 {
    width: 83.333333% !important
  }

  .pc\:u-w-100\% {
    width: 100% !important
  }

  .pc\:u-w-10em {
    width: 10em !important
  }

  .pc\:u-w-11\/12 {
    width: 91.666667% !important
  }

  .pc\:u-w-11em {
    width: 11em !important
  }

  .pc\:u-w-12em {
    width: 12em !important
  }

  .pc\:u-w-13em {
    width: 13em !important
  }

  .pc\:u-w-14em {
    width: 14em !important
  }

  .pc\:u-w-15\% {
    width: 15% !important
  }

  .pc\:u-w-15em {
    width: 15em !important
  }

  .pc\:u-w-16em {
    width: 16em !important
  }

  .pc\:u-w-17em {
    width: 17em !important
  }

  .pc\:u-w-18em {
    width: 18em !important
  }

  .pc\:u-w-19em {
    width: 19em !important
  }

  .pc\:u-w-2\/12 {
    width: 16.666667% !important
  }

  .pc\:u-w-2\/3 {
    width: 66.666667% !important
  }

  .pc\:u-w-2\/4 {
    width: 50% !important
  }

  .pc\:u-w-2\/5 {
    width: 40% !important
  }

  .pc\:u-w-2\/6 {
    width: 33.333333% !important
  }

  .pc\:u-w-20 {
    width: 5rem !important
  }

  .pc\:u-w-20\% {
    width: 20% !important
  }

  .pc\:u-w-20em {
    width: 20em !important
  }

  .pc\:u-w-25\% {
    width: 25% !important
  }

  .pc\:u-w-2em {
    width: 2em !important
  }

  .pc\:u-w-3\/12 {
    width: 25% !important
  }

  .pc\:u-w-3\/4 {
    width: 75% !important
  }

  .pc\:u-w-3\/5 {
    width: 60% !important
  }

  .pc\:u-w-3\/6 {
    width: 50% !important
  }

  .pc\:u-w-30\% {
    width: 30% !important
  }

  .pc\:u-w-35\% {
    width: 35% !important
  }

  .pc\:u-w-3em {
    width: 3em !important
  }

  .pc\:u-w-4\/12 {
    width: 33.333333% !important
  }

  .pc\:u-w-4\/5 {
    width: 80% !important
  }

  .pc\:u-w-4\/6 {
    width: 66.666667% !important
  }

  .pc\:u-w-40 {
    width: 10rem !important
  }

  .pc\:u-w-40\% {
    width: 40% !important
  }

  .pc\:u-w-45\% {
    width: 45% !important
  }

  .pc\:u-w-4em {
    width: 4em !important
  }

  .pc\:u-w-5 {
    width: 1.25rem !important
  }

  .pc\:u-w-5\% {
    width: 5% !important
  }

  .pc\:u-w-5\/12 {
    width: 41.666667% !important
  }

  .pc\:u-w-5\/6 {
    width: 83.333333% !important
  }

  .pc\:u-w-50\% {
    width: 50% !important
  }

  .pc\:u-w-55\% {
    width: 55% !important
  }

  .pc\:u-w-5em {
    width: 5em !important
  }

  .pc\:u-w-6\/12 {
    width: 50% !important
  }

  .pc\:u-w-60 {
    width: 15rem !important
  }

  .pc\:u-w-60\% {
    width: 60% !important
  }

  .pc\:u-w-65\% {
    width: 65% !important
  }

  .pc\:u-w-6em {
    width: 6em !important
  }

  .pc\:u-w-7\/12 {
    width: 58.333333% !important
  }

  .pc\:u-w-70\% {
    width: 70% !important
  }

  .pc\:u-w-75\% {
    width: 75% !important
  }

  .pc\:u-w-7em {
    width: 7em !important
  }

  .pc\:u-w-8\/12 {
    width: 66.666667% !important
  }

  .pc\:u-w-80 {
    width: 20rem !important
  }

  .pc\:u-w-80\% {
    width: 80% !important
  }

  .pc\:u-w-85\% {
    width: 85% !important
  }

  .pc\:u-w-8em {
    width: 8em !important
  }

  .pc\:u-w-9\/12 {
    width: 75% !important
  }

  .pc\:u-w-90\% {
    width: 90% !important
  }

  .pc\:u-w-95\% {
    width: 95% !important
  }

  .pc\:u-w-9em {
    width: 9em !important
  }

  .pc\:u-w-auto {
    width: auto !important
  }

  .pc\:u-w-full {
    width: 100% !important
  }

  .pc\:u-gap-0 {
    gap: 0px !important
  }

  .pc\:u-gap-10px {
    gap: 10px !important
  }

  .pc\:u-gap-15px {
    gap: 15px !important
  }

  .pc\:u-gap-20px {
    gap: 20px !important
  }

  .pc\:u-gap-25px {
    gap: 25px !important
  }

  .pc\:u-gap-30px {
    gap: 30px !important
  }

  .pc\:u-gap-35px {
    gap: 35px !important
  }

  .pc\:u-gap-40px {
    gap: 40px !important
  }

  .pc\:u-gap-45px {
    gap: 45px !important
  }

  .pc\:u-gap-50px {
    gap: 50px !important
  }

  .pc\:u-gap-5px {
    gap: 5px !important
  }

  .pc\:u-gap-x-0 {
    -moz-column-gap: 0px !important;
    column-gap: 0px !important
  }

  .pc\:u-gap-x-10px {
    -moz-column-gap: 10px !important;
    column-gap: 10px !important
  }

  .pc\:u-gap-x-15px {
    -moz-column-gap: 15px !important;
    column-gap: 15px !important
  }

  .pc\:u-gap-x-20px {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important
  }

  .pc\:u-gap-x-25px {
    -moz-column-gap: 25px !important;
    column-gap: 25px !important
  }

  .pc\:u-gap-x-30px {
    -moz-column-gap: 30px !important;
    column-gap: 30px !important
  }

  .pc\:u-gap-x-35px {
    -moz-column-gap: 35px !important;
    column-gap: 35px !important
  }

  .pc\:u-gap-x-40px {
    -moz-column-gap: 40px !important;
    column-gap: 40px !important
  }

  .pc\:u-gap-x-45px {
    -moz-column-gap: 45px !important;
    column-gap: 45px !important
  }

  .pc\:u-gap-x-50px {
    -moz-column-gap: 50px !important;
    column-gap: 50px !important
  }

  .pc\:u-gap-x-5px {
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }

  .pc\:u-gap-y-0 {
    row-gap: 0px !important
  }

  .pc\:u-gap-y-10px {
    row-gap: 10px !important
  }

  .pc\:u-gap-y-15px {
    row-gap: 15px !important
  }

  .pc\:u-gap-y-20px {
    row-gap: 20px !important
  }

  .pc\:u-gap-y-25px {
    row-gap: 25px !important
  }

  .pc\:u-gap-y-30px {
    row-gap: 30px !important
  }

  .pc\:u-gap-y-35px {
    row-gap: 35px !important
  }

  .pc\:u-gap-y-40px {
    row-gap: 40px !important
  }

  .pc\:u-gap-y-45px {
    row-gap: 45px !important
  }

  .pc\:u-gap-y-50px {
    row-gap: 50px !important
  }

  .pc\:u-gap-y-5px {
    row-gap: 5px !important
  }

  .pc\:u-border-none {
    border-style: none !important
  }

  .pc\:u-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
  }

  .pc\:u-p-0 {
    padding: 0 !important
  }

  .pc\:u-p-100px {
    padding: 100px !important
  }

  .pc\:u-p-10px {
    padding: 10px !important
  }

  .pc\:u-p-15px {
    padding: 15px !important
  }

  .pc\:u-p-20px {
    padding: 20px !important
  }

  .pc\:u-p-25px {
    padding: 25px !important
  }

  .pc\:u-p-30px {
    padding: 30px !important
  }

  .pc\:u-p-35px {
    padding: 35px !important
  }

  .pc\:u-p-40px {
    padding: 40px !important
  }

  .pc\:u-p-45px {
    padding: 45px !important
  }

  .pc\:u-p-50px {
    padding: 50px !important
  }

  .pc\:u-p-55px {
    padding: 55px !important
  }

  .pc\:u-p-5px {
    padding: 5px !important
  }

  .pc\:u-p-60px {
    padding: 60px !important
  }

  .pc\:u-p-65px {
    padding: 65px !important
  }

  .pc\:u-p-70px {
    padding: 70px !important
  }

  .pc\:u-p-75px {
    padding: 75px !important
  }

  .pc\:u-p-80px {
    padding: 80px !important
  }

  .pc\:u-p-85px {
    padding: 85px !important
  }

  .pc\:u-p-90px {
    padding: 90px !important
  }

  .pc\:u-p-95px {
    padding: 95px !important
  }

  .pc\:u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .pc\:u-px-100px {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .pc\:u-px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .pc\:u-px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .pc\:u-px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .pc\:u-px-25px {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  .pc\:u-px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .pc\:u-px-35px {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  .pc\:u-px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .pc\:u-px-45px {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  .pc\:u-px-50px {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  .pc\:u-px-55px {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  .pc\:u-px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .pc\:u-px-60px {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .pc\:u-px-65px {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  .pc\:u-px-70px {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  .pc\:u-px-75px {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  .pc\:u-px-80px {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .pc\:u-px-85px {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  .pc\:u-px-90px {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  .pc\:u-px-95px {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  .pc\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .pc\:u-py-100px {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .pc\:u-py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .pc\:u-py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important
  }

  .pc\:u-py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .pc\:u-py-25px {
    padding-top: 25px !important;
    padding-bottom: 25px !important
  }

  .pc\:u-py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }

  .pc\:u-py-35px {
    padding-top: 35px !important;
    padding-bottom: 35px !important
  }

  .pc\:u-py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .pc\:u-py-45px {
    padding-top: 45px !important;
    padding-bottom: 45px !important
  }

  .pc\:u-py-50px {
    padding-top: 50px !important;
    padding-bottom: 50px !important
  }

  .pc\:u-py-55px {
    padding-top: 55px !important;
    padding-bottom: 55px !important
  }

  .pc\:u-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important
  }

  .pc\:u-py-60px {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .pc\:u-py-65px {
    padding-top: 65px !important;
    padding-bottom: 65px !important
  }

  .pc\:u-py-70px {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .pc\:u-py-75px {
    padding-top: 75px !important;
    padding-bottom: 75px !important
  }

  .pc\:u-py-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .pc\:u-py-85px {
    padding-top: 85px !important;
    padding-bottom: 85px !important
  }

  .pc\:u-py-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important
  }

  .pc\:u-py-95px {
    padding-top: 95px !important;
    padding-bottom: 95px !important
  }

  .pc\:u-pb-0 {
    padding-bottom: 0 !important
  }

  .pc\:u-pb-100px {
    padding-bottom: 100px !important
  }

  .pc\:u-pb-10px {
    padding-bottom: 10px !important
  }

  .pc\:u-pb-15px {
    padding-bottom: 15px !important
  }

  .pc\:u-pb-20px {
    padding-bottom: 20px !important
  }

  .pc\:u-pb-25px {
    padding-bottom: 25px !important
  }

  .pc\:u-pb-30px {
    padding-bottom: 30px !important
  }

  .pc\:u-pb-35px {
    padding-bottom: 35px !important
  }

  .pc\:u-pb-40px {
    padding-bottom: 40px !important
  }

  .pc\:u-pb-45px {
    padding-bottom: 45px !important
  }

  .pc\:u-pb-50px {
    padding-bottom: 50px !important
  }

  .pc\:u-pb-55px {
    padding-bottom: 55px !important
  }

  .pc\:u-pb-5px {
    padding-bottom: 5px !important
  }

  .pc\:u-pb-60px {
    padding-bottom: 60px !important
  }

  .pc\:u-pb-65px {
    padding-bottom: 65px !important
  }

  .pc\:u-pb-70px {
    padding-bottom: 70px !important
  }

  .pc\:u-pb-75px {
    padding-bottom: 75px !important
  }

  .pc\:u-pb-80px {
    padding-bottom: 80px !important
  }

  .pc\:u-pb-85px {
    padding-bottom: 85px !important
  }

  .pc\:u-pb-90px {
    padding-bottom: 90px !important
  }

  .pc\:u-pb-95px {
    padding-bottom: 95px !important
  }

  .pc\:u-pl-0 {
    padding-left: 0 !important
  }

  .pc\:u-pl-1 {
    padding-left: .25rem !important
  }

  .pc\:u-pl-1\.5em {
    padding-left: 1.5em !important
  }

  .pc\:u-pl-100px {
    padding-left: 100px !important
  }

  .pc\:u-pl-10px {
    padding-left: 10px !important
  }

  .pc\:u-pl-15px {
    padding-left: 15px !important
  }

  .pc\:u-pl-1em {
    padding-left: 1em !important
  }

  .pc\:u-pl-2 {
    padding-left: .5rem !important
  }

  .pc\:u-pl-2\.5em {
    padding-left: 2.5em !important
  }

  .pc\:u-pl-20px {
    padding-left: 20px !important
  }

  .pc\:u-pl-25px {
    padding-left: 25px !important
  }

  .pc\:u-pl-2em {
    padding-left: 2em !important
  }

  .pc\:u-pl-3 {
    padding-left: .75rem !important
  }

  .pc\:u-pl-3\.5em {
    padding-left: 3.5em !important
  }

  .pc\:u-pl-30px {
    padding-left: 30px !important
  }

  .pc\:u-pl-35px {
    padding-left: 35px !important
  }

  .pc\:u-pl-3em {
    padding-left: 3em !important
  }

  .pc\:u-pl-4 {
    padding-left: 1rem !important
  }

  .pc\:u-pl-4\.5em {
    padding-left: 4.5em !important
  }

  .pc\:u-pl-40px {
    padding-left: 40px !important
  }

  .pc\:u-pl-45px {
    padding-left: 45px !important
  }

  .pc\:u-pl-4em {
    padding-left: 4em !important
  }

  .pc\:u-pl-50px {
    padding-left: 50px !important
  }

  .pc\:u-pl-55px {
    padding-left: 55px !important
  }

  .pc\:u-pl-5em {
    padding-left: 5em !important
  }

  .pc\:u-pl-5px {
    padding-left: 5px !important
  }

  .pc\:u-pl-60px {
    padding-left: 60px !important
  }

  .pc\:u-pl-65px {
    padding-left: 65px !important
  }

  .pc\:u-pl-70px {
    padding-left: 70px !important
  }

  .pc\:u-pl-75px {
    padding-left: 75px !important
  }

  .pc\:u-pl-80px {
    padding-left: 80px !important
  }

  .pc\:u-pl-85px {
    padding-left: 85px !important
  }

  .pc\:u-pl-90px {
    padding-left: 90px !important
  }

  .pc\:u-pl-95px {
    padding-left: 95px !important
  }

  .pc\:u-pr-0 {
    padding-right: 0 !important
  }

  .pc\:u-pr-100px {
    padding-right: 100px !important
  }

  .pc\:u-pr-10px {
    padding-right: 10px !important
  }

  .pc\:u-pr-15px {
    padding-right: 15px !important
  }

  .pc\:u-pr-20px {
    padding-right: 20px !important
  }

  .pc\:u-pr-25px {
    padding-right: 25px !important
  }

  .pc\:u-pr-30px {
    padding-right: 30px !important
  }

  .pc\:u-pr-35px {
    padding-right: 35px !important
  }

  .pc\:u-pr-40px {
    padding-right: 40px !important
  }

  .pc\:u-pr-45px {
    padding-right: 45px !important
  }

  .pc\:u-pr-50px {
    padding-right: 50px !important
  }

  .pc\:u-pr-55px {
    padding-right: 55px !important
  }

  .pc\:u-pr-5px {
    padding-right: 5px !important
  }

  .pc\:u-pr-60px {
    padding-right: 60px !important
  }

  .pc\:u-pr-65px {
    padding-right: 65px !important
  }

  .pc\:u-pr-70px {
    padding-right: 70px !important
  }

  .pc\:u-pr-75px {
    padding-right: 75px !important
  }

  .pc\:u-pr-80px {
    padding-right: 80px !important
  }

  .pc\:u-pr-85px {
    padding-right: 85px !important
  }

  .pc\:u-pr-90px {
    padding-right: 90px !important
  }

  .pc\:u-pr-95px {
    padding-right: 95px !important
  }

  .pc\:u-pt-0 {
    padding-top: 0 !important
  }

  .pc\:u-pt-100px {
    padding-top: 100px !important
  }

  .pc\:u-pt-10px {
    padding-top: 10px !important
  }

  .pc\:u-pt-15px {
    padding-top: 15px !important
  }

  .pc\:u-pt-20px {
    padding-top: 20px !important
  }

  .pc\:u-pt-25px {
    padding-top: 25px !important
  }

  .pc\:u-pt-30px {
    padding-top: 30px !important
  }

  .pc\:u-pt-35px {
    padding-top: 35px !important
  }

  .pc\:u-pt-40px {
    padding-top: 40px !important
  }

  .pc\:u-pt-45px {
    padding-top: 45px !important
  }

  .pc\:u-pt-50px {
    padding-top: 50px !important
  }

  .pc\:u-pt-55px {
    padding-top: 55px !important
  }

  .pc\:u-pt-5px {
    padding-top: 5px !important
  }

  .pc\:u-pt-60px {
    padding-top: 60px !important
  }

  .pc\:u-pt-65px {
    padding-top: 65px !important
  }

  .pc\:u-pt-70px {
    padding-top: 70px !important
  }

  .pc\:u-pt-75px {
    padding-top: 75px !important
  }

  .pc\:u-pt-80px {
    padding-top: 80px !important
  }

  .pc\:u-pt-85px {
    padding-top: 85px !important
  }

  .pc\:u-pt-90px {
    padding-top: 90px !important
  }

  .pc\:u-pt-95px {
    padding-top: 95px !important
  }

  .pc\:u-text-left {
    text-align: left !important
  }

  .pc\:u-text-center {
    text-align: center !important
  }

  .pc\:u-text-right {
    text-align: right !important
  }

  .pc\:u-align-top {
    vertical-align: top !important
  }

  .pc\:u-align-middle {
    vertical-align: middle !important
  }

  .pc\:u-align-bottom {
    vertical-align: bottom !important
  }

  .pc\:u-text-11px {
    font-size: .6875rem !important
  }

  .pc\:u-text-12px {
    font-size: .75rem !important
  }

  .pc\:u-text-13px {
    font-size: .8125rem !important
  }

  .pc\:u-text-14px {
    font-size: .875rem !important
  }

  .pc\:u-text-15px {
    font-size: .9375rem !important
  }

  .pc\:u-text-16px {
    font-size: 1rem !important
  }

  .pc\:u-text-17px {
    font-size: 1.0625rem !important
  }

  .pc\:u-text-18px {
    font-size: 1.125rem !important
  }

  .pc\:u-text-19px {
    font-size: 1.1875rem !important
  }

  .pc\:u-text-20px {
    font-size: 1.25rem !important
  }

  .pc\:u-text-21px {
    font-size: 1.3125rem !important
  }

  .pc\:u-text-22px {
    font-size: 1.375rem !important
  }

  .pc\:u-text-23px {
    font-size: 1.4375rem !important
  }

  .pc\:u-text-24px {
    font-size: 1.5rem !important
  }

  .pc\:u-text-25px {
    font-size: 1.5625rem !important
  }

  .pc\:u-text-26px {
    font-size: 1.625rem !important
  }

  .pc\:u-text-27px {
    font-size: 1.6875rem !important
  }

  .pc\:u-text-28px {
    font-size: 1.75rem !important
  }

  .pc\:u-text-29px {
    font-size: 1.8125rem !important
  }

  .pc\:u-text-30px {
    font-size: 1.875rem !important
  }

  .pc\:u-text-31px {
    font-size: 1.9375rem !important
  }

  .pc\:u-text-32px {
    font-size: 2rem !important
  }

  .pc\:u-text-33px {
    font-size: 2.0625rem !important
  }

  .pc\:u-text-34px {
    font-size: 2.125rem !important
  }

  .pc\:u-text-35px {
    font-size: 2.1875rem !important
  }

  .pc\:u-text-36px {
    font-size: 2.25rem !important
  }

  .pc\:u-text-37px {
    font-size: 2.3125rem !important
  }

  .pc\:u-text-38px {
    font-size: 2.375rem !important
  }

  .pc\:u-text-39px {
    font-size: 2.4375rem !important
  }

  .pc\:u-text-40px {
    font-size: 2.5rem !important
  }

  .pc\:u-font-bold {
    font-weight: 700 !important
  }

  .pc\:u-font-light {
    font-weight: 300 !important
  }

  .pc\:u-font-medium {
    font-weight: 500 !important
  }

  .pc\:u-font-normal {
    font-weight: 400 !important
  }

  .pc\:u-uppercase {
    text-transform: uppercase !important
  }

  .pc\:u-not-italic {
    font-style: normal !important
  }

  .pc\:u-underline {
    text-decoration-line: underline !important
  }

  .pc\:u-no-underline {
    text-decoration-line: none !important
  }
}

@media (min-width: 1920px) {
  .full\:u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .full\:u-m-0 {
    margin: 0 !important
  }

  .full\:u-m-100px {
    margin: 100px !important
  }

  .full\:u-m-10px {
    margin: 10px !important
  }

  .full\:u-m-15px {
    margin: 15px !important
  }

  .full\:u-m-20px {
    margin: 20px !important
  }

  .full\:u-m-25px {
    margin: 25px !important
  }

  .full\:u-m-30px {
    margin: 30px !important
  }

  .full\:u-m-35px {
    margin: 35px !important
  }

  .full\:u-m-40px {
    margin: 40px !important
  }

  .full\:u-m-45px {
    margin: 45px !important
  }

  .full\:u-m-50px {
    margin: 50px !important
  }

  .full\:u-m-55px {
    margin: 55px !important
  }

  .full\:u-m-5px {
    margin: 5px !important
  }

  .full\:u-m-60px {
    margin: 60px !important
  }

  .full\:u-m-65px {
    margin: 65px !important
  }

  .full\:u-m-70px {
    margin: 70px !important
  }

  .full\:u-m-75px {
    margin: 75px !important
  }

  .full\:u-m-80px {
    margin: 80px !important
  }

  .full\:u-m-85px {
    margin: 85px !important
  }

  .full\:u-m-90px {
    margin: 90px !important
  }

  .full\:u-m-95px {
    margin: 95px !important
  }

  .full\:u-m-auto {
    margin: auto !important
  }

  .full\:u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .full\:u-mx-100px {
    margin-left: 100px !important;
    margin-right: 100px !important
  }

  .full\:u-mx-10px {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .full\:u-mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .full\:u-mx-20px {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .full\:u-mx-25px {
    margin-left: 25px !important;
    margin-right: 25px !important
  }

  .full\:u-mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important
  }

  .full\:u-mx-35px {
    margin-left: 35px !important;
    margin-right: 35px !important
  }

  .full\:u-mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .full\:u-mx-45px {
    margin-left: 45px !important;
    margin-right: 45px !important
  }

  .full\:u-mx-50px {
    margin-left: 50px !important;
    margin-right: 50px !important
  }

  .full\:u-mx-55px {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .full\:u-mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important
  }

  .full\:u-mx-60px {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .full\:u-mx-65px {
    margin-left: 65px !important;
    margin-right: 65px !important
  }

  .full\:u-mx-70px {
    margin-left: 70px !important;
    margin-right: 70px !important
  }

  .full\:u-mx-75px {
    margin-left: 75px !important;
    margin-right: 75px !important
  }

  .full\:u-mx-80px {
    margin-left: 80px !important;
    margin-right: 80px !important
  }

  .full\:u-mx-85px {
    margin-left: 85px !important;
    margin-right: 85px !important
  }

  .full\:u-mx-90px {
    margin-left: 90px !important;
    margin-right: 90px !important
  }

  .full\:u-mx-95px {
    margin-left: 95px !important;
    margin-right: 95px !important
  }

  .full\:u-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .full\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .full\:u-my-100px {
    margin-top: 100px !important;
    margin-bottom: 100px !important
  }

  .full\:u-my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .full\:u-my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important
  }

  .full\:u-my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .full\:u-my-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important
  }

  .full\:u-my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important
  }

  .full\:u-my-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important
  }

  .full\:u-my-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .full\:u-my-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important
  }

  .full\:u-my-50px {
    margin-top: 50px !important;
    margin-bottom: 50px !important
  }

  .full\:u-my-55px {
    margin-top: 55px !important;
    margin-bottom: 55px !important
  }

  .full\:u-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important
  }

  .full\:u-my-60px {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .full\:u-my-65px {
    margin-top: 65px !important;
    margin-bottom: 65px !important
  }

  .full\:u-my-70px {
    margin-top: 70px !important;
    margin-bottom: 70px !important
  }

  .full\:u-my-75px {
    margin-top: 75px !important;
    margin-bottom: 75px !important
  }

  .full\:u-my-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .full\:u-my-85px {
    margin-top: 85px !important;
    margin-bottom: 85px !important
  }

  .full\:u-my-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important
  }

  .full\:u-my-95px {
    margin-top: 95px !important;
    margin-bottom: 95px !important
  }

  .full\:u-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .full\:u-mb-0 {
    margin-bottom: 0 !important
  }

  .full\:u-mb-100px {
    margin-bottom: 100px !important
  }

  .full\:u-mb-10px {
    margin-bottom: 10px !important
  }

  .full\:u-mb-15px {
    margin-bottom: 15px !important
  }

  .full\:u-mb-20px {
    margin-bottom: 20px !important
  }

  .full\:u-mb-25px {
    margin-bottom: 25px !important
  }

  .full\:u-mb-30px {
    margin-bottom: 30px !important
  }

  .full\:u-mb-35px {
    margin-bottom: 35px !important
  }

  .full\:u-mb-40px {
    margin-bottom: 40px !important
  }

  .full\:u-mb-45px {
    margin-bottom: 45px !important
  }

  .full\:u-mb-50px {
    margin-bottom: 50px !important
  }

  .full\:u-mb-55px {
    margin-bottom: 55px !important
  }

  .full\:u-mb-5px {
    margin-bottom: 5px !important
  }

  .full\:u-mb-60px {
    margin-bottom: 60px !important
  }

  .full\:u-mb-65px {
    margin-bottom: 65px !important
  }

  .full\:u-mb-70px {
    margin-bottom: 70px !important
  }

  .full\:u-mb-75px {
    margin-bottom: 75px !important
  }

  .full\:u-mb-80px {
    margin-bottom: 80px !important
  }

  .full\:u-mb-85px {
    margin-bottom: 85px !important
  }

  .full\:u-mb-90px {
    margin-bottom: 90px !important
  }

  .full\:u-mb-95px {
    margin-bottom: 95px !important
  }

  .full\:u-mb-auto {
    margin-bottom: auto !important
  }

  .full\:u-ml-0 {
    margin-left: 0 !important
  }

  .full\:u-ml-100px {
    margin-left: 100px !important
  }

  .full\:u-ml-10px {
    margin-left: 10px !important
  }

  .full\:u-ml-15px {
    margin-left: 15px !important
  }

  .full\:u-ml-20px {
    margin-left: 20px !important
  }

  .full\:u-ml-25px {
    margin-left: 25px !important
  }

  .full\:u-ml-30px {
    margin-left: 30px !important
  }

  .full\:u-ml-35px {
    margin-left: 35px !important
  }

  .full\:u-ml-40px {
    margin-left: 40px !important
  }

  .full\:u-ml-45px {
    margin-left: 45px !important
  }

  .full\:u-ml-50px {
    margin-left: 50px !important
  }

  .full\:u-ml-55px {
    margin-left: 55px !important
  }

  .full\:u-ml-5px {
    margin-left: 5px !important
  }

  .full\:u-ml-60px {
    margin-left: 60px !important
  }

  .full\:u-ml-65px {
    margin-left: 65px !important
  }

  .full\:u-ml-70px {
    margin-left: 70px !important
  }

  .full\:u-ml-75px {
    margin-left: 75px !important
  }

  .full\:u-ml-80px {
    margin-left: 80px !important
  }

  .full\:u-ml-85px {
    margin-left: 85px !important
  }

  .full\:u-ml-90px {
    margin-left: 90px !important
  }

  .full\:u-ml-95px {
    margin-left: 95px !important
  }

  .full\:u-ml-auto {
    margin-left: auto !important
  }

  .full\:u-mr-0 {
    margin-right: 0 !important
  }

  .full\:u-mr-100px {
    margin-right: 100px !important
  }

  .full\:u-mr-10px {
    margin-right: 10px !important
  }

  .full\:u-mr-15px {
    margin-right: 15px !important
  }

  .full\:u-mr-20px {
    margin-right: 20px !important
  }

  .full\:u-mr-25px {
    margin-right: 25px !important
  }

  .full\:u-mr-30px {
    margin-right: 30px !important
  }

  .full\:u-mr-35px {
    margin-right: 35px !important
  }

  .full\:u-mr-40px {
    margin-right: 40px !important
  }

  .full\:u-mr-45px {
    margin-right: 45px !important
  }

  .full\:u-mr-50px {
    margin-right: 50px !important
  }

  .full\:u-mr-55px {
    margin-right: 55px !important
  }

  .full\:u-mr-5px {
    margin-right: 5px !important
  }

  .full\:u-mr-60px {
    margin-right: 60px !important
  }

  .full\:u-mr-65px {
    margin-right: 65px !important
  }

  .full\:u-mr-70px {
    margin-right: 70px !important
  }

  .full\:u-mr-75px {
    margin-right: 75px !important
  }

  .full\:u-mr-80px {
    margin-right: 80px !important
  }

  .full\:u-mr-85px {
    margin-right: 85px !important
  }

  .full\:u-mr-90px {
    margin-right: 90px !important
  }

  .full\:u-mr-95px {
    margin-right: 95px !important
  }

  .full\:u-mr-auto {
    margin-right: auto !important
  }

  .full\:u-mt-0 {
    margin-top: 0 !important
  }

  .full\:u-mt-100px {
    margin-top: 100px !important
  }

  .full\:u-mt-10px {
    margin-top: 10px !important
  }

  .full\:u-mt-15px {
    margin-top: 15px !important
  }

  .full\:u-mt-20px {
    margin-top: 20px !important
  }

  .full\:u-mt-25px {
    margin-top: 25px !important
  }

  .full\:u-mt-30px {
    margin-top: 30px !important
  }

  .full\:u-mt-35px {
    margin-top: 35px !important
  }

  .full\:u-mt-40px {
    margin-top: 40px !important
  }

  .full\:u-mt-45px {
    margin-top: 45px !important
  }

  .full\:u-mt-50px {
    margin-top: 50px !important
  }

  .full\:u-mt-55px {
    margin-top: 55px !important
  }

  .full\:u-mt-5px {
    margin-top: 5px !important
  }

  .full\:u-mt-60px {
    margin-top: 60px !important
  }

  .full\:u-mt-65px {
    margin-top: 65px !important
  }

  .full\:u-mt-70px {
    margin-top: 70px !important
  }

  .full\:u-mt-75px {
    margin-top: 75px !important
  }

  .full\:u-mt-80px {
    margin-top: 80px !important
  }

  .full\:u-mt-85px {
    margin-top: 85px !important
  }

  .full\:u-mt-90px {
    margin-top: 90px !important
  }

  .full\:u-mt-95px {
    margin-top: 95px !important
  }

  .full\:u-mt-auto {
    margin-top: auto !important
  }

  .full\:u-block {
    display: block !important
  }

  .full\:u-inline-block {
    display: inline-block !important
  }

  .full\:u-hidden {
    display: none !important
  }

  .full\:u-aspect-auto {
    aspect-ratio: auto !important
  }

  .full\:u-w-0 {
    width: 0px !important
  }

  .full\:u-w-1\/12 {
    width: 8.333333% !important
  }

  .full\:u-w-1\/2 {
    width: 50% !important
  }

  .full\:u-w-1\/3 {
    width: 33.333333% !important
  }

  .full\:u-w-1\/4 {
    width: 25% !important
  }

  .full\:u-w-1\/5 {
    width: 20% !important
  }

  .full\:u-w-1\/6 {
    width: 16.666667% !important
  }

  .full\:u-w-10 {
    width: 2.5rem !important
  }

  .full\:u-w-10\% {
    width: 10% !important
  }

  .full\:u-w-10\/12 {
    width: 83.333333% !important
  }

  .full\:u-w-100\% {
    width: 100% !important
  }

  .full\:u-w-10em {
    width: 10em !important
  }

  .full\:u-w-11\/12 {
    width: 91.666667% !important
  }

  .full\:u-w-11em {
    width: 11em !important
  }

  .full\:u-w-12em {
    width: 12em !important
  }

  .full\:u-w-13em {
    width: 13em !important
  }

  .full\:u-w-14em {
    width: 14em !important
  }

  .full\:u-w-15\% {
    width: 15% !important
  }

  .full\:u-w-15em {
    width: 15em !important
  }

  .full\:u-w-16em {
    width: 16em !important
  }

  .full\:u-w-17em {
    width: 17em !important
  }

  .full\:u-w-18em {
    width: 18em !important
  }

  .full\:u-w-19em {
    width: 19em !important
  }

  .full\:u-w-2\/12 {
    width: 16.666667% !important
  }

  .full\:u-w-2\/3 {
    width: 66.666667% !important
  }

  .full\:u-w-2\/4 {
    width: 50% !important
  }

  .full\:u-w-2\/5 {
    width: 40% !important
  }

  .full\:u-w-2\/6 {
    width: 33.333333% !important
  }

  .full\:u-w-20 {
    width: 5rem !important
  }

  .full\:u-w-20\% {
    width: 20% !important
  }

  .full\:u-w-20em {
    width: 20em !important
  }

  .full\:u-w-25\% {
    width: 25% !important
  }

  .full\:u-w-2em {
    width: 2em !important
  }

  .full\:u-w-3\/12 {
    width: 25% !important
  }

  .full\:u-w-3\/4 {
    width: 75% !important
  }

  .full\:u-w-3\/5 {
    width: 60% !important
  }

  .full\:u-w-3\/6 {
    width: 50% !important
  }

  .full\:u-w-30\% {
    width: 30% !important
  }

  .full\:u-w-35\% {
    width: 35% !important
  }

  .full\:u-w-3em {
    width: 3em !important
  }

  .full\:u-w-4\/12 {
    width: 33.333333% !important
  }

  .full\:u-w-4\/5 {
    width: 80% !important
  }

  .full\:u-w-4\/6 {
    width: 66.666667% !important
  }

  .full\:u-w-40 {
    width: 10rem !important
  }

  .full\:u-w-40\% {
    width: 40% !important
  }

  .full\:u-w-45\% {
    width: 45% !important
  }

  .full\:u-w-4em {
    width: 4em !important
  }

  .full\:u-w-5 {
    width: 1.25rem !important
  }

  .full\:u-w-5\% {
    width: 5% !important
  }

  .full\:u-w-5\/12 {
    width: 41.666667% !important
  }

  .full\:u-w-5\/6 {
    width: 83.333333% !important
  }

  .full\:u-w-50\% {
    width: 50% !important
  }

  .full\:u-w-55\% {
    width: 55% !important
  }

  .full\:u-w-5em {
    width: 5em !important
  }

  .full\:u-w-6\/12 {
    width: 50% !important
  }

  .full\:u-w-60 {
    width: 15rem !important
  }

  .full\:u-w-60\% {
    width: 60% !important
  }

  .full\:u-w-65\% {
    width: 65% !important
  }

  .full\:u-w-6em {
    width: 6em !important
  }

  .full\:u-w-7\/12 {
    width: 58.333333% !important
  }

  .full\:u-w-70\% {
    width: 70% !important
  }

  .full\:u-w-75\% {
    width: 75% !important
  }

  .full\:u-w-7em {
    width: 7em !important
  }

  .full\:u-w-8\/12 {
    width: 66.666667% !important
  }

  .full\:u-w-80 {
    width: 20rem !important
  }

  .full\:u-w-80\% {
    width: 80% !important
  }

  .full\:u-w-85\% {
    width: 85% !important
  }

  .full\:u-w-8em {
    width: 8em !important
  }

  .full\:u-w-9\/12 {
    width: 75% !important
  }

  .full\:u-w-90\% {
    width: 90% !important
  }

  .full\:u-w-95\% {
    width: 95% !important
  }

  .full\:u-w-9em {
    width: 9em !important
  }

  .full\:u-w-auto {
    width: auto !important
  }

  .full\:u-w-full {
    width: 100% !important
  }

  .full\:u-gap-0 {
    gap: 0px !important
  }

  .full\:u-gap-10px {
    gap: 10px !important
  }

  .full\:u-gap-15px {
    gap: 15px !important
  }

  .full\:u-gap-20px {
    gap: 20px !important
  }

  .full\:u-gap-25px {
    gap: 25px !important
  }

  .full\:u-gap-30px {
    gap: 30px !important
  }

  .full\:u-gap-35px {
    gap: 35px !important
  }

  .full\:u-gap-40px {
    gap: 40px !important
  }

  .full\:u-gap-45px {
    gap: 45px !important
  }

  .full\:u-gap-50px {
    gap: 50px !important
  }

  .full\:u-gap-5px {
    gap: 5px !important
  }

  .full\:u-gap-x-0 {
    -moz-column-gap: 0px !important;
    column-gap: 0px !important
  }

  .full\:u-gap-x-10px {
    -moz-column-gap: 10px !important;
    column-gap: 10px !important
  }

  .full\:u-gap-x-15px {
    -moz-column-gap: 15px !important;
    column-gap: 15px !important
  }

  .full\:u-gap-x-20px {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important
  }

  .full\:u-gap-x-25px {
    -moz-column-gap: 25px !important;
    column-gap: 25px !important
  }

  .full\:u-gap-x-30px {
    -moz-column-gap: 30px !important;
    column-gap: 30px !important
  }

  .full\:u-gap-x-35px {
    -moz-column-gap: 35px !important;
    column-gap: 35px !important
  }

  .full\:u-gap-x-40px {
    -moz-column-gap: 40px !important;
    column-gap: 40px !important
  }

  .full\:u-gap-x-45px {
    -moz-column-gap: 45px !important;
    column-gap: 45px !important
  }

  .full\:u-gap-x-50px {
    -moz-column-gap: 50px !important;
    column-gap: 50px !important
  }

  .full\:u-gap-x-5px {
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }

  .full\:u-gap-y-0 {
    row-gap: 0px !important
  }

  .full\:u-gap-y-10px {
    row-gap: 10px !important
  }

  .full\:u-gap-y-15px {
    row-gap: 15px !important
  }

  .full\:u-gap-y-20px {
    row-gap: 20px !important
  }

  .full\:u-gap-y-25px {
    row-gap: 25px !important
  }

  .full\:u-gap-y-30px {
    row-gap: 30px !important
  }

  .full\:u-gap-y-35px {
    row-gap: 35px !important
  }

  .full\:u-gap-y-40px {
    row-gap: 40px !important
  }

  .full\:u-gap-y-45px {
    row-gap: 45px !important
  }

  .full\:u-gap-y-50px {
    row-gap: 50px !important
  }

  .full\:u-gap-y-5px {
    row-gap: 5px !important
  }

  .full\:u-border-none {
    border-style: none !important
  }

  .full\:u-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
  }

  .full\:u-p-0 {
    padding: 0 !important
  }

  .full\:u-p-100px {
    padding: 100px !important
  }

  .full\:u-p-10px {
    padding: 10px !important
  }

  .full\:u-p-15px {
    padding: 15px !important
  }

  .full\:u-p-20px {
    padding: 20px !important
  }

  .full\:u-p-25px {
    padding: 25px !important
  }

  .full\:u-p-30px {
    padding: 30px !important
  }

  .full\:u-p-35px {
    padding: 35px !important
  }

  .full\:u-p-40px {
    padding: 40px !important
  }

  .full\:u-p-45px {
    padding: 45px !important
  }

  .full\:u-p-50px {
    padding: 50px !important
  }

  .full\:u-p-55px {
    padding: 55px !important
  }

  .full\:u-p-5px {
    padding: 5px !important
  }

  .full\:u-p-60px {
    padding: 60px !important
  }

  .full\:u-p-65px {
    padding: 65px !important
  }

  .full\:u-p-70px {
    padding: 70px !important
  }

  .full\:u-p-75px {
    padding: 75px !important
  }

  .full\:u-p-80px {
    padding: 80px !important
  }

  .full\:u-p-85px {
    padding: 85px !important
  }

  .full\:u-p-90px {
    padding: 90px !important
  }

  .full\:u-p-95px {
    padding: 95px !important
  }

  .full\:u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .full\:u-px-100px {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .full\:u-px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .full\:u-px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .full\:u-px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .full\:u-px-25px {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  .full\:u-px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .full\:u-px-35px {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  .full\:u-px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .full\:u-px-45px {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  .full\:u-px-50px {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  .full\:u-px-55px {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  .full\:u-px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .full\:u-px-60px {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .full\:u-px-65px {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  .full\:u-px-70px {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  .full\:u-px-75px {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  .full\:u-px-80px {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .full\:u-px-85px {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  .full\:u-px-90px {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  .full\:u-px-95px {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  .full\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .full\:u-py-100px {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .full\:u-py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .full\:u-py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important
  }

  .full\:u-py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .full\:u-py-25px {
    padding-top: 25px !important;
    padding-bottom: 25px !important
  }

  .full\:u-py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }

  .full\:u-py-35px {
    padding-top: 35px !important;
    padding-bottom: 35px !important
  }

  .full\:u-py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .full\:u-py-45px {
    padding-top: 45px !important;
    padding-bottom: 45px !important
  }

  .full\:u-py-50px {
    padding-top: 50px !important;
    padding-bottom: 50px !important
  }

  .full\:u-py-55px {
    padding-top: 55px !important;
    padding-bottom: 55px !important
  }

  .full\:u-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important
  }

  .full\:u-py-60px {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .full\:u-py-65px {
    padding-top: 65px !important;
    padding-bottom: 65px !important
  }

  .full\:u-py-70px {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .full\:u-py-75px {
    padding-top: 75px !important;
    padding-bottom: 75px !important
  }

  .full\:u-py-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .full\:u-py-85px {
    padding-top: 85px !important;
    padding-bottom: 85px !important
  }

  .full\:u-py-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important
  }

  .full\:u-py-95px {
    padding-top: 95px !important;
    padding-bottom: 95px !important
  }

  .full\:u-pb-0 {
    padding-bottom: 0 !important
  }

  .full\:u-pb-100px {
    padding-bottom: 100px !important
  }

  .full\:u-pb-10px {
    padding-bottom: 10px !important
  }

  .full\:u-pb-15px {
    padding-bottom: 15px !important
  }

  .full\:u-pb-20px {
    padding-bottom: 20px !important
  }

  .full\:u-pb-25px {
    padding-bottom: 25px !important
  }

  .full\:u-pb-30px {
    padding-bottom: 30px !important
  }

  .full\:u-pb-35px {
    padding-bottom: 35px !important
  }

  .full\:u-pb-40px {
    padding-bottom: 40px !important
  }

  .full\:u-pb-45px {
    padding-bottom: 45px !important
  }

  .full\:u-pb-50px {
    padding-bottom: 50px !important
  }

  .full\:u-pb-55px {
    padding-bottom: 55px !important
  }

  .full\:u-pb-5px {
    padding-bottom: 5px !important
  }

  .full\:u-pb-60px {
    padding-bottom: 60px !important
  }

  .full\:u-pb-65px {
    padding-bottom: 65px !important
  }

  .full\:u-pb-70px {
    padding-bottom: 70px !important
  }

  .full\:u-pb-75px {
    padding-bottom: 75px !important
  }

  .full\:u-pb-80px {
    padding-bottom: 80px !important
  }

  .full\:u-pb-85px {
    padding-bottom: 85px !important
  }

  .full\:u-pb-90px {
    padding-bottom: 90px !important
  }

  .full\:u-pb-95px {
    padding-bottom: 95px !important
  }

  .full\:u-pl-0 {
    padding-left: 0 !important
  }

  .full\:u-pl-1 {
    padding-left: .25rem !important
  }

  .full\:u-pl-1\.5em {
    padding-left: 1.5em !important
  }

  .full\:u-pl-100px {
    padding-left: 100px !important
  }

  .full\:u-pl-10px {
    padding-left: 10px !important
  }

  .full\:u-pl-15px {
    padding-left: 15px !important
  }

  .full\:u-pl-1em {
    padding-left: 1em !important
  }

  .full\:u-pl-2 {
    padding-left: .5rem !important
  }

  .full\:u-pl-2\.5em {
    padding-left: 2.5em !important
  }

  .full\:u-pl-20px {
    padding-left: 20px !important
  }

  .full\:u-pl-25px {
    padding-left: 25px !important
  }

  .full\:u-pl-2em {
    padding-left: 2em !important
  }

  .full\:u-pl-3 {
    padding-left: .75rem !important
  }

  .full\:u-pl-3\.5em {
    padding-left: 3.5em !important
  }

  .full\:u-pl-30px {
    padding-left: 30px !important
  }

  .full\:u-pl-35px {
    padding-left: 35px !important
  }

  .full\:u-pl-3em {
    padding-left: 3em !important
  }

  .full\:u-pl-4 {
    padding-left: 1rem !important
  }

  .full\:u-pl-4\.5em {
    padding-left: 4.5em !important
  }

  .full\:u-pl-40px {
    padding-left: 40px !important
  }

  .full\:u-pl-45px {
    padding-left: 45px !important
  }

  .full\:u-pl-4em {
    padding-left: 4em !important
  }

  .full\:u-pl-50px {
    padding-left: 50px !important
  }

  .full\:u-pl-55px {
    padding-left: 55px !important
  }

  .full\:u-pl-5em {
    padding-left: 5em !important
  }

  .full\:u-pl-5px {
    padding-left: 5px !important
  }

  .full\:u-pl-60px {
    padding-left: 60px !important
  }

  .full\:u-pl-65px {
    padding-left: 65px !important
  }

  .full\:u-pl-70px {
    padding-left: 70px !important
  }

  .full\:u-pl-75px {
    padding-left: 75px !important
  }

  .full\:u-pl-80px {
    padding-left: 80px !important
  }

  .full\:u-pl-85px {
    padding-left: 85px !important
  }

  .full\:u-pl-90px {
    padding-left: 90px !important
  }

  .full\:u-pl-95px {
    padding-left: 95px !important
  }

  .full\:u-pr-0 {
    padding-right: 0 !important
  }

  .full\:u-pr-100px {
    padding-right: 100px !important
  }

  .full\:u-pr-10px {
    padding-right: 10px !important
  }

  .full\:u-pr-15px {
    padding-right: 15px !important
  }

  .full\:u-pr-20px {
    padding-right: 20px !important
  }

  .full\:u-pr-25px {
    padding-right: 25px !important
  }

  .full\:u-pr-30px {
    padding-right: 30px !important
  }

  .full\:u-pr-35px {
    padding-right: 35px !important
  }

  .full\:u-pr-40px {
    padding-right: 40px !important
  }

  .full\:u-pr-45px {
    padding-right: 45px !important
  }

  .full\:u-pr-50px {
    padding-right: 50px !important
  }

  .full\:u-pr-55px {
    padding-right: 55px !important
  }

  .full\:u-pr-5px {
    padding-right: 5px !important
  }

  .full\:u-pr-60px {
    padding-right: 60px !important
  }

  .full\:u-pr-65px {
    padding-right: 65px !important
  }

  .full\:u-pr-70px {
    padding-right: 70px !important
  }

  .full\:u-pr-75px {
    padding-right: 75px !important
  }

  .full\:u-pr-80px {
    padding-right: 80px !important
  }

  .full\:u-pr-85px {
    padding-right: 85px !important
  }

  .full\:u-pr-90px {
    padding-right: 90px !important
  }

  .full\:u-pr-95px {
    padding-right: 95px !important
  }

  .full\:u-pt-0 {
    padding-top: 0 !important
  }

  .full\:u-pt-100px {
    padding-top: 100px !important
  }

  .full\:u-pt-10px {
    padding-top: 10px !important
  }

  .full\:u-pt-15px {
    padding-top: 15px !important
  }

  .full\:u-pt-20px {
    padding-top: 20px !important
  }

  .full\:u-pt-25px {
    padding-top: 25px !important
  }

  .full\:u-pt-30px {
    padding-top: 30px !important
  }

  .full\:u-pt-35px {
    padding-top: 35px !important
  }

  .full\:u-pt-40px {
    padding-top: 40px !important
  }

  .full\:u-pt-45px {
    padding-top: 45px !important
  }

  .full\:u-pt-50px {
    padding-top: 50px !important
  }

  .full\:u-pt-55px {
    padding-top: 55px !important
  }

  .full\:u-pt-5px {
    padding-top: 5px !important
  }

  .full\:u-pt-60px {
    padding-top: 60px !important
  }

  .full\:u-pt-65px {
    padding-top: 65px !important
  }

  .full\:u-pt-70px {
    padding-top: 70px !important
  }

  .full\:u-pt-75px {
    padding-top: 75px !important
  }

  .full\:u-pt-80px {
    padding-top: 80px !important
  }

  .full\:u-pt-85px {
    padding-top: 85px !important
  }

  .full\:u-pt-90px {
    padding-top: 90px !important
  }

  .full\:u-pt-95px {
    padding-top: 95px !important
  }

  .full\:u-text-left {
    text-align: left !important
  }

  .full\:u-text-center {
    text-align: center !important
  }

  .full\:u-text-right {
    text-align: right !important
  }

  .full\:u-align-top {
    vertical-align: top !important
  }

  .full\:u-align-middle {
    vertical-align: middle !important
  }

  .full\:u-align-bottom {
    vertical-align: bottom !important
  }

  .full\:u-text-11px {
    font-size: .6875rem !important
  }

  .full\:u-text-12px {
    font-size: .75rem !important
  }

  .full\:u-text-13px {
    font-size: .8125rem !important
  }

  .full\:u-text-14px {
    font-size: .875rem !important
  }

  .full\:u-text-15px {
    font-size: .9375rem !important
  }

  .full\:u-text-16px {
    font-size: 1rem !important
  }

  .full\:u-text-17px {
    font-size: 1.0625rem !important
  }

  .full\:u-text-18px {
    font-size: 1.125rem !important
  }

  .full\:u-text-19px {
    font-size: 1.1875rem !important
  }

  .full\:u-text-20px {
    font-size: 1.25rem !important
  }

  .full\:u-text-21px {
    font-size: 1.3125rem !important
  }

  .full\:u-text-22px {
    font-size: 1.375rem !important
  }

  .full\:u-text-23px {
    font-size: 1.4375rem !important
  }

  .full\:u-text-24px {
    font-size: 1.5rem !important
  }

  .full\:u-text-25px {
    font-size: 1.5625rem !important
  }

  .full\:u-text-26px {
    font-size: 1.625rem !important
  }

  .full\:u-text-27px {
    font-size: 1.6875rem !important
  }

  .full\:u-text-28px {
    font-size: 1.75rem !important
  }

  .full\:u-text-29px {
    font-size: 1.8125rem !important
  }

  .full\:u-text-30px {
    font-size: 1.875rem !important
  }

  .full\:u-text-31px {
    font-size: 1.9375rem !important
  }

  .full\:u-text-32px {
    font-size: 2rem !important
  }

  .full\:u-text-33px {
    font-size: 2.0625rem !important
  }

  .full\:u-text-34px {
    font-size: 2.125rem !important
  }

  .full\:u-text-35px {
    font-size: 2.1875rem !important
  }

  .full\:u-text-36px {
    font-size: 2.25rem !important
  }

  .full\:u-text-37px {
    font-size: 2.3125rem !important
  }

  .full\:u-text-38px {
    font-size: 2.375rem !important
  }

  .full\:u-text-39px {
    font-size: 2.4375rem !important
  }

  .full\:u-text-40px {
    font-size: 2.5rem !important
  }

  .full\:u-font-bold {
    font-weight: 700 !important
  }

  .full\:u-font-light {
    font-weight: 300 !important
  }

  .full\:u-font-medium {
    font-weight: 500 !important
  }

  .full\:u-font-normal {
    font-weight: 400 !important
  }

  .full\:u-uppercase {
    text-transform: uppercase !important
  }

  .full\:u-not-italic {
    font-style: normal !important
  }

  .full\:u-underline {
    text-decoration-line: underline !important
  }

  .full\:u-no-underline {
    text-decoration-line: none !important
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

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

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

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

.splide--rtl {
  direction: rtl
}

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

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

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

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

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

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

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

.splide__progress__bar {
  width: 0
}

.splide {
  position: relative;
  visibility: hidden
}

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

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

.splide__slide img {
  vertical-align: bottom
}

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

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

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

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

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

@keyframes scroll-hint-appear {
  0% {
    transform: translate(40px);
    opacity: 0
  }

  10% {
    opacity: 1
  }

  50%,
  to {
    transform: translate(-40px);
    opacity: 0
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, #00000026 0, #0000 16px, #0000)
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, #00000026 0, #0000 16px, #0000), linear-gradient(270deg, #00000026 0, #0000 16px, #0000)
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, #00000026 0, #0000 16px, #0000)
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: #000000b3;
  text-align: center;
  padding: 20px 10px 10px
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none
}

.scroll-hint-text {
  font-size: 10px;
  color: #fff;
  margin-top: 5px
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2
}

.scroll-hint-icon-white {
  background-color: #fff;
  box-shadow: 0 4px 5px #0006
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000
}

:root {
  --primary: #000078;
  --secondary: #5f78be;
  --text: #464646;
  --base-white: #fff;
  --gray-1: #f8f8f8;
  --gray-2: #bebebe;
  --gray-3: #8c8c8c;
  --dark-normal: rgb(255 255 255 / .33);
  --dark-bg-hover: rgb(0 0 120 / .66);
  --emp: #f00
}

html {
  scroll-behavior: smooth;
  font-family: Noto Sans JP, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, ＭＳ Ｐゴシック, sans-serif;
  scroll-padding-top: 80px
}

@media (min-width: 1272px) {
  html {
    scroll-padding-top: 115px
  }
}

@media (min-width: 1920px) {
  html {
    scroll-padding-top: 150px
  }
}

body {
  position: relative;
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem);
  color: var(--text);
  overflow-wrap: break-word;
  animation: fadeIn 1.5s ease;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

@media (min-width: 1272px) {
  body {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

iframe[src*=youtube][src*=embed],
iframe[src*=vimeo] {
  border: none
}

.l-main {
  position: relative;
  min-height: calc(100vh - var(--headerHeight) - var(--footerHeight))
}

.l-section {
  position: relative;
  display: block;
  padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem)
}

@media (min-width: 1272px) {
  .l-section {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem)
  }
}

.l-container,
.lpContentsItem {
  position: relative;
  width: 100%;
  max-width: clamp(50rem, -8.889rem + 74.07vw, 80rem);
  margin-inline: auto
}

body:has(.l-local-nav) .l-container,
body:has(.l-local-nav) .lpContentsItem {
  max-width: clamp(45.625rem, -8.356rem + 67.9vw, 73.125rem)
}

.is-display-1\.5x .l-container,
.is-display-1\.5x .lpContentsItem {
  max-width: clamp(36.25rem, 14.098rem + 55.38vw, 58.125rem)
}

.is-display-1\.5x body:has(.l-local-nav) .l-container,
.is-display-1\.5x body:has(.l-local-nav) .lpContentsItem {
  max-width: clamp(40.625rem, 24.169rem + 41.14vw, 56.875rem)
}

@media (min-width: 1272px) {

  .is-display-1\.5x .l-container,
  .is-display-1\.5x .lpContentsItem {
    max-width: clamp(58.125rem, -10.701rem + 86.57vw, 93.1875rem)
  }

  .is-display-1\.5x body:has(.l-local-nav) .l-container,
  .is-display-1\.5x body:has(.l-local-nav) .lpContentsItem {
    max-width: clamp(56.875rem, 12.218rem + 56.17vw, 79.625rem)
  }
}

.l-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #00000080
}

.l-overlay.is-active {
  display: block
}

body:has(.l-overlay.is-active) {
  padding-right: var(--scrollBar);
  overflow: hidden
}

body:has(.l-overlay.is-active) .l-header {
  width: 100vw;
  padding-right: calc(25px + var(--scrollBar))
}

@media (min-width: 1272px) {
  body:has(.l-overlay.is-active) .l-header {
    padding-right: var(--scrollBar)
  }
}

body:has(.l-overlay.is-active) .l-gnav-sp_btn {
  margin-right: -10px
}

body:has(.l-overlay.is-active) .c-pagetop {
  right: var(--scrollBar)
}

body:has(.l-overlay.is-active) .c-pagetop.is-bottom {
  right: 0
}

body:has(.l-overlay.is-active) .l-gnav_content {
  padding-right: calc(50px + var(--scrollBar))
}

.is-display-1\.5x .l-gnav_content {
  width: 100%
}

.l-header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  height: 50px;
  padding-left: 25px;
  background-color: var(--base-white);
  border-bottom: 1px solid var(--gray-2);
  transition: background-color .3s
}

.l-header:has(.js-gnavMenu.is-active) {
  position: fixed
}

body:has(.p-home) .l-header {
  position: fixed
}

.l-header svg {
  transition: fill .3s, stroke .3s, transform .3s
}

.l-header .l-header_logo {
  display: flex;
  align-items: center
}

.l-header .l-header_logo svg {
  width: 74px;
  height: auto;
  fill: var(--primary);
  transition: fill .3s
}

@media (max-width: 1271px) {
  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) {
    background-color: transparent;
    border-bottom: 1px solid transparent
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav_item .icon-blank {
    stroke: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav_item-btn {
    color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav_item-btn .icon-caret,
  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav_item-btn .icon-external {
    background-color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-header_logo svg {
    fill: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav_item.-sustainability:after {
    border-right: 1px solid var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-lang_btn {
    color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-lang_btn .icon-lang {
    fill: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-lang_btn .icon-caret {
    background-color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home) .l-gnav-sp_btn span {
    background-color: var(--base-white)
  }
}

@media (max-width: 1271px) and (any-hover: hover) {
  .l-header.is-scrolltop:not(:has(.js-gnavSP.is-active)):has(+.p-home):hover .icon-blank {
    stroke: var(--base-white)
  }
}

@media (min-width: 1272px) {
  .l-header {
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 65px;
    padding: 0 0 0 25px;
    background-color: var(--base-white)
  }

  .l-header .l-header_logo svg {
    width: 120px;
    height: 40px
  }

  .l-header .l-gnav_item-btn .icon-caret {
    margin-top: clamp(.0625rem, -.306rem + .46vw, .25rem)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) {
    background-color: transparent;
    border-bottom: 1px solid transparent
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav_item .icon-blank {
    stroke: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav_item-btn {
    color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav_item-btn .icon-caret,
  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav_item-btn .icon-external {
    background-color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-header_logo svg {
    fill: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav_item.-sustainability:after {
    border-right: 1px solid var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-lang_btn {
    color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-lang_btn .icon-lang {
    fill: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-lang_btn .icon-caret {
    background-color: var(--base-white)
  }

  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home) .l-gnav-sp_btn span {
    background-color: var(--base-white)
  }
}

@media (min-width: 1272px) and (any-hover: hover) {
  .l-header.is-scrolltop:not(:has(.js-gnavMenu.is-active)):has(+.p-home):hover .icon-blank {
    stroke: var(--base-white)
  }
}

@media (min-width: 1920px) {
  .l-header {
    height: 80px
  }
}

.is-display-1\.5x .l-header {
  width: 100% !important
}

.l-footer {
  background-color: var(--primary)
}

.l-footer.l-section,
.l-footer.lpeCElement {
  padding-block: clamp(3.4375rem, 3.121rem + .79vw, 3.75rem) 20px
}

.l-footer * {
  color: var(--base-white)
}

@media (min-width: 1272px) {

  .l-footer.l-section,
  .l-footer.lpeCElement {
    padding-block: clamp(5.625rem, .718rem + 6.17vw, 8.125rem) clamp(1.875rem, -.579rem + 3.09vw, 3.125rem)
  }
}

.l-footer_logo svg {
  width: 74px;
  fill: var(--base-white)
}

@media (min-width: 1272px) {
  .l-footer_logo svg {
    width: clamp(4.375rem, 1.308rem + 3.86vw, 5.9375rem)
  }
}

.l-footer_header {
  display: flex;
  justify-content: space-between
}

.l-footer_icons {
  display: flex;
  gap: 24px;
  align-items: center
}

@media (min-width: 1272px) {
  .l-footer_icons {
    gap: clamp(2.25rem, .9rem + 1.7vw, 2.9375rem);
    align-items: center;
    margin-top: clamp(-.125rem, 1.912rem - 1.7vw, .5625rem)
  }
}

.l-footer_icon.-x img {
  width: 24px;
  height: 24px
}

.l-footer_icon.-youtube img {
  width: 29px;
  height: 20px
}

@media (min-width: 1272px) {
  .l-footer_icon.-x img {
    width: clamp(1.875rem, .648rem + 1.54vw, 2.5rem);
    height: clamp(1.875rem, .648rem + 1.54vw, 2.5rem)
  }

  .l-footer_icon.-youtube img {
    width: clamp(2.125rem, .653rem + 1.85vw, 2.875rem);
    height: clamp(1.5rem, .519rem + 1.23vw, 2rem)
  }
}

.l-footer_info {
  margin-top: 55px;
  font-size: clamp(.75rem, .687rem + .16vw, .8125rem)
}

@media (min-width: 1272px) {
  .l-footer_info {
    margin-top: clamp(1.875rem, -1.069rem + 3.7vw, 3.375rem)
  }
}

.l-footer_info-linklist {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 25px
}

.l-footer_info-linklist li {
  font-size: clamp(.75rem, .623rem + .32vw, .875rem)
}

.l-footer_info-linklist a {
  text-decoration: none;
  white-space: nowrap
}

@media (any-hover: hover) {
  .l-footer_info-linklist a:hover {
    text-decoration: underline
  }
}

@media (min-width: 640px) {
  .l-footer_info-linklist {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.875rem, .648rem + 1.54vw, 2.5rem);
    width: 70%
  }

  .l-footer_info-linklist li {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

@media (min-width: 1272px) {
  .l-footer_info-linklist {
    width: 50%
  }
}

.l-footer_copy {
  display: block;
  margin-top: clamp(4.6875rem, 8.854rem - 6.51vw, 6.25rem);
  font-size: clamp(.75rem, .687rem + .16vw, .8125rem)
}

@media (min-width: 1272px) {
  .l-footer_copy {
    margin-top: clamp(4.6875rem, 1.62rem + 3.86vw, 6.25rem);
    font-size: .8125rem
  }
}

:where(.u-gap-xs) {
  --column-gap: clamp(.5rem, .247rem + .63vw, .75rem) !important;
  --row-gap: clamp(.5rem, .247rem + .63vw, .75rem) !important;
  gap: var(--row-gap) var(--column-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-xs) {
    --column-gap: clamp(.75rem, .259rem + .62vw, 1rem) !important;
    --row-gap: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

:where(.u-gap-sm) {
  --column-gap: clamp(.75rem, .37rem + .95vw, 1.125rem) !important;
  --row-gap: clamp(.75rem, .37rem + .95vw, 1.125rem) !important;
  gap: var(--row-gap) var(--column-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-sm) {
    --column-gap: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important;
    --row-gap: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

:where(.u-gap-md) {
  --column-gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important;
  --row-gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important;
  gap: var(--row-gap) var(--column-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-md) {
    --column-gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important;
    --row-gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

:where(.u-gap-lg) {
  --column-gap: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important;
  --row-gap: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important;
  gap: var(--row-gap) var(--column-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-lg) {
    --column-gap: clamp(2rem, .037rem + 2.47vw, 3rem) !important;
    --row-gap: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

:where(.u-gap-xl) {
  --column-gap: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important;
  --row-gap: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important;
  gap: var(--row-gap) var(--column-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-xl) {
    --column-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important;
    --row-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

:where(.u-gap-y-sm) {
  --row-gap: clamp(.75rem, .37rem + .95vw, 1.125rem) !important;
  row-gap: var(--row-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-y-sm) {
    --row-gap: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

:where(.u-gap-y-md) {
  --row-gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important;
  row-gap: var(--row-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-y-md) {
    --row-gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

:where(.u-gap-y-lg) {
  --row-gap: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important;
  row-gap: var(--row-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-y-lg) {
    --row-gap: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

:where(.u-gap-y-xl) {
  --row-gap: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important;
  row-gap: var(--row-gap) !important
}

@media (min-width: 1272px) {
  :where(.u-gap-y-xl) {
    --row-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-grid {
  gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .u-grid {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.u-grid :where(.u-grid) {
  gap: 0
}

@media (min-width: 640px) {
  .sp\:u-show {
    display: none !important
  }
}

@media (max-width: 639px) {
  .tab\:u-show {
    display: none !important
  }
}

@media (min-width: 1272px) {
  .tab\:u-show {
    display: none !important
  }
}

@media (max-width: 1271px) {
  .pc\:u-show {
    display: none !important
  }
}

@media (max-width: 1919px) {
  .full\:u-show {
    display: none !important
  }
}

@media (min-width: 640px) {
  .is-display-1\.5x .sp\:u-show-1\.5x {
    display: none !important
  }
}

@media (max-width: 639px) {
  .is-display-1\.5x .tab\:u-show-1\.5x {
    display: none !important
  }
}

@media (min-width: 1024px) {
  .is-display-1\.5x .tab\:u-show-1\.5x {
    display: none !important
  }
}

@media (max-width: 1023px) {
  .is-display-1\.5x .pc\:u-show-1\.5x {
    display: none !important
  }
}

@media (max-width: 1271px) {
  .is-display-1\.5x .full\:u-show-1\.5x {
    display: none !important
  }
}

@media (max-width: 639px) {
  .is-display-1\.5x .sp\:u-hidden-1\.5x {
    display: none !important
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .is-display-1\.5x .tab\:u-hidden-1\.5x {
    display: none !important
  }
}

@media (min-width: 1024px) {
  .is-display-1\.5x .pc\:u-hidden-1\.5x {
    display: none !important
  }
}

@media (min-width: 1272px) {
  .is-display-1\.5x .full\:u-hidden-1\.5x {
    display: none !important
  }
}

.p-prod-series-card .c-notice,
.prod-feature_moviewrap .-text,
.prod-char_imgarea .-caption,
.c-float_caption,
.c-figure_caption {
  margin-top: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {

  .p-prod-series-card .c-notice,
  .prod-feature_moviewrap .-text,
  .prod-char_imgarea .-caption,
  .c-float_caption,
  .c-figure_caption {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.p-prod-series-card_title:has(+.p-prod-series-card_textarea),
.p-glance_grid-title {
  margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {

  .p-prod-series-card_title:has(+.p-prod-series-card_textarea),
  .p-glance_grid-title {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.prod-image_imgarea .-caption,
.p-glance_grid-note,
.p-category_submv .p-category_submv-title .-subtitle,
.c-form_errors,
.c-article-title time,
.c-article-title .c-tags,
.c-article-title .c-lead,
.l-blockeditor *+.c-notice {
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {

  .prod-image_imgarea .-caption,
  .p-glance_grid-note,
  .p-category_submv .p-category_submv-title .-subtitle,
  .c-form_errors,
  .c-article-title time,
  .c-article-title .c-tags,
  .c-article-title .c-lead,
  .l-blockeditor *+.c-notice {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.qirWrapper_bold,
.prod-lineup_text .c-lead,
.prod-char_list.-arrow .prod-char_imgarea .-caption,
.c-box .c-lead,
.p-twingreen-box .c-lead,
.c-article-title-simple:has(+:not(p[class])),
.l-blockeditor :where(.c-titleLvFive, .c-titleLvSix):has(+*),
.l-article .c-titleLvSix,
.c-lead:where(:has(+p)) {
  margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {

  .qirWrapper_bold,
  .prod-lineup_text .c-lead,
  .prod-char_list.-arrow .prod-char_imgarea .-caption,
  .c-box .c-lead,
  .p-twingreen-box .c-lead,
  .c-article-title-simple:has(+:not(p[class])),
  .l-blockeditor :where(.c-titleLvFive, .c-titleLvSix):has(+*),
  .l-article .c-titleLvSix,
  .c-lead:where(:has(+p)) {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.l-blockeditor .c-writer_profile+.c-writer_profile {
  margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .c-writer_profile+.c-writer_profile {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.l-gnavmenu_subcategory-title {
  margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .l-gnavmenu_subcategory-title {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.prod-lineup_text .c-lead,
.prod-char_list.-arrow .prod-char_imgarea,
.l-prod-list,
.l-prod-links,
.p-stock-info_current,
.p-article-president,
.c-form_item+.c-form_item,
.c-toc:has(.is-gt-one) .c-list li,
.c-accordion_contents .c-btn,
.c-accordion_contents .c-accordion_section:not(:first-child),
.l-blockeditor *+:where(.c-titleLvFour, .c-titleLvFive, .c-titleLvSix, .c-figure, .c-media, .c-list, .c-definition, .c-box, .c-table, .c-btn),
.l-blockeditor *+.c-scrollable,
.l-blockeditor .c-writer+.c-writer,
.l-article .c-btn,
.l-article :is(.c-float, p:not([class]))+.c-float,
.l-article .c-float+p:not([class]),
.l-article :is(.c-figure, p:not([class]))+.c-figure,
.l-article .c-figure+p:not([class]),
.l-article_section p+.c-accordion {
  margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {

  .prod-lineup_text .c-lead,
  .prod-char_list.-arrow .prod-char_imgarea,
  .l-prod-list,
  .l-prod-links,
  .p-stock-info_current,
  .p-article-president,
  .c-form_item+.c-form_item,
  .c-toc:has(.is-gt-one) .c-list li,
  .c-accordion_contents .c-btn,
  .c-accordion_contents .c-accordion_section:not(:first-child),
  .l-blockeditor *+:where(.c-titleLvFour, .c-titleLvFive, .c-titleLvSix, .c-figure, .c-media, .c-list, .c-definition, .c-box, .c-table, .c-btn),
  .l-blockeditor *+.c-scrollable,
  .l-blockeditor .c-writer+.c-writer,
  .l-article .c-btn,
  .l-article :is(.c-float, p:not([class]))+.c-float,
  .l-article .c-float+p:not([class]),
  .l-article :is(.c-figure, p:not([class]))+.c-figure,
  .l-article .c-figure+p:not([class]),
  .l-article_section p+.c-accordion {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.prod-feature_moviewrap,
.l-prod .c-titleLvTwo,
.l-prod .c-titleLvThree,
.p-stock-info_title,
.c-toc_title,
.l-blockeditor :where(.c-titleLvTwo, .c-titleLvThree, .c-titleLvFour, .c-figure, .c-media, .c-list, .c-definition, .c-box, .c-table):has(+*),
.l-blockeditor .c-scrollable:has(+*),
.l-article .c-titleLvTwo,
.l-article .c-titleLvThree,
.l-article .c-titleLvFour,
.l-article .c-titleLvFive {
  margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {

  .prod-feature_moviewrap,
  .l-prod .c-titleLvTwo,
  .l-prod .c-titleLvThree,
  .p-stock-info_title,
  .c-toc_title,
  .l-blockeditor :where(.c-titleLvTwo, .c-titleLvThree, .c-titleLvFour, .c-figure, .c-media, .c-list, .c-definition, .c-box, .c-table):has(+*),
  .l-blockeditor .c-scrollable:has(+*),
  .l-article .c-titleLvTwo,
  .l-article .c-titleLvThree,
  .l-article .c-titleLvFour,
  .l-article .c-titleLvFive {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.l-prod-content+.l-prod-content,
.p-stock-info,
.l-blockeditor *+:where(.c-titleLvTwo, .c-titleLvThree, .c-writer),
.l-blockeditor :where(.c-notice, .c-writer)+.c-btn,
.l-blockeditor .c-writer+.c-box,
.l-article_section:not(:first-child) {
  margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem)
}

@media (min-width: 1272px) {

  .l-prod-content+.l-prod-content,
  .p-stock-info,
  .l-blockeditor *+:where(.c-titleLvTwo, .c-titleLvThree, .c-writer),
  .l-blockeditor :where(.c-notice, .c-writer)+.c-btn,
  .l-blockeditor .c-writer+.c-box,
  .l-article_section:not(:first-child) {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem)
  }
}

.l-blockeditor .c-article-title,
.l-article .c-titleLvOne {
  margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem)
}

@media (min-width: 1272px) {

  .l-blockeditor .c-article-title,
  .l-article .c-titleLvOne {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem)
  }
}

.l-article .c-contact+.l-article_local-nav {
  margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem)
}

@media (min-width: 1272px) {
  .l-article .c-contact+.l-article_local-nav {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem)
  }
}

.u-mt-xs {
  margin-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-mt-xs {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-mb-xs {
  margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-mb-xs {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-mx-xs {
  margin-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-mx-xs {
    margin-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-my-xs {
  margin-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-my-xs {
    margin-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-mt-sm {
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-mt-sm {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-mb-sm {
  margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-mb-sm {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-mx-sm {
  margin-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-mx-sm {
    margin-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-my-sm {
  margin-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-my-sm {
    margin-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-mt-md {
  margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-mt-md {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-mb-md {
  margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-mb-md {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-mx-md {
  margin-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-mx-md {
    margin-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-my-md {
  margin-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-my-md {
    margin-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-mt-lg {
  margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-mt-lg {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-mb-lg {
  margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-mb-lg {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-mx-lg {
  margin-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-mx-lg {
    margin-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-my-lg {
  margin-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-my-lg {
    margin-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-mt-xl {
  margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-mt-xl {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-mb-xl {
  margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-mb-xl {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-mx-xl {
  margin-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-mx-xl {
    margin-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-my-xl {
  margin-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-my-xl {
    margin-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-mt-2xl {
  margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-mt-2xl {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-mb-2xl {
  margin-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-mb-2xl {
    margin-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-mx-2xl {
  margin-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-mx-2xl {
    margin-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-my-2xl {
  margin-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-my-2xl {
    margin-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-xs {
    margin-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-xs {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-xs {
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-xs {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-xs {
    margin-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-xs {
    margin-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-xs {
    margin-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-xs {
    margin-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-sm {
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-sm {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-sm {
    margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-sm {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-sm {
    margin-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-sm {
    margin-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-sm {
    margin-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-sm {
    margin-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-md {
    margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-md {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-md {
    margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-md {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-md {
    margin-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-md {
    margin-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-md {
    margin-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-md {
    margin-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-lg {
    margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-lg {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-lg {
    margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-lg {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-lg {
    margin-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-lg {
    margin-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-lg {
    margin-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-lg {
    margin-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-xl {
    margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-xl {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-xl {
    margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-xl {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-xl {
    margin-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-xl {
    margin-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-xl {
    margin-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-xl {
    margin-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mt-2xl {
    margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mt-2xl {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mb-2xl {
    margin-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mb-2xl {
    margin-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-mx-2xl {
    margin-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-mx-2xl {
    margin-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-my-2xl {
    margin-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-my-2xl {
    margin-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-xs {
    margin-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-xs {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-xs {
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-xs {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-xs {
    margin-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-xs {
    margin-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-xs {
    margin-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-xs {
    margin-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-sm {
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-sm {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-sm {
    margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-sm {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-sm {
    margin-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-sm {
    margin-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-sm {
    margin-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-sm {
    margin-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-md {
    margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-md {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-md {
    margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-md {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-md {
    margin-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-md {
    margin-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-md {
    margin-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-md {
    margin-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-lg {
    margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-lg {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-lg {
    margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-lg {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-lg {
    margin-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-lg {
    margin-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-lg {
    margin-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-lg {
    margin-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-xl {
    margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-xl {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-xl {
    margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-xl {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-xl {
    margin-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-xl {
    margin-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-xl {
    margin-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-xl {
    margin-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mt-2xl {
    margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mt-2xl {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mb-2xl {
    margin-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mb-2xl {
    margin-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-mx-2xl {
    margin-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-mx-2xl {
    margin-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-my-2xl {
    margin-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-my-2xl {
    margin-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-xs {
    margin-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-xs {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-xs {
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-xs {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-xs {
    margin-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-xs {
    margin-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-xs {
    margin-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-xs {
    margin-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-sm {
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-sm {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-sm {
    margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-sm {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-sm {
    margin-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-sm {
    margin-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-sm {
    margin-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-sm {
    margin-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-md {
    margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-md {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-md {
    margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-md {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-md {
    margin-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-md {
    margin-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-md {
    margin-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-md {
    margin-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-lg {
    margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-lg {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-lg {
    margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-lg {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-lg {
    margin-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-lg {
    margin-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-lg {
    margin-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-lg {
    margin-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-xl {
    margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-xl {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-xl {
    margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-xl {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-xl {
    margin-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-xl {
    margin-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-xl {
    margin-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-xl {
    margin-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mt-2xl {
    margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mt-2xl {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mb-2xl {
    margin-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mb-2xl {
    margin-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-mx-2xl {
    margin-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-mx-2xl {
    margin-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-my-2xl {
    margin-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-my-2xl {
    margin-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-xs {
    margin-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-xs {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-xs {
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-xs {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-xs {
    margin-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-xs {
    margin-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-xs {
    margin-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-xs {
    margin-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-sm {
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-sm {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-sm {
    margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-sm {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-sm {
    margin-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-sm {
    margin-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-sm {
    margin-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-sm {
    margin-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-md {
    margin-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-md {
    margin-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-md {
    margin-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-md {
    margin-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-md {
    margin-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-md {
    margin-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-md {
    margin-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-md {
    margin-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-lg {
    margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-lg {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-lg {
    margin-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-lg {
    margin-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-lg {
    margin-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-lg {
    margin-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-lg {
    margin-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-lg {
    margin-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-xl {
    margin-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-xl {
    margin-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-xl {
    margin-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-xl {
    margin-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-xl {
    margin-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-xl {
    margin-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-xl {
    margin-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-xl {
    margin-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mt-2xl {
    margin-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mt-2xl {
    margin-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mb-2xl {
    margin-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mb-2xl {
    margin-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-mx-2xl {
    margin-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-mx-2xl {
    margin-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-my-2xl {
    margin-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-my-2xl {
    margin-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-p-xs {
  padding: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-p-xs {
    padding: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-pt-xs {
  padding-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-pt-xs {
    padding-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-pb-xs {
  padding-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-pb-xs {
    padding-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-px-xs {
  padding-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-px-xs {
    padding-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-py-xs {
  padding-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
}

@media (min-width: 1272px) {
  .u-py-xs {
    padding-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

.u-p-sm {
  padding: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-p-sm {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-pt-sm {
  padding-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-pt-sm {
    padding-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-pb-sm {
  padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-pb-sm {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-px-sm {
  padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-px-sm {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-py-sm {
  padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
}

@media (min-width: 1272px) {
  .u-py-sm {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

.u-p-md {
  padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-p-md {
    padding: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-pt-md {
  padding-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-pt-md {
    padding-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-pb-md {
  padding-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-pb-md {
    padding-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-px-md {
  padding-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-px-md {
    padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-py-md {
  padding-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
}

@media (min-width: 1272px) {
  .u-py-md {
    padding-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

.u-p-lg {
  padding: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-p-lg {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-pt-lg {
  padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-pt-lg {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-pb-lg {
  padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-pb-lg {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-px-lg {
  padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-px-lg {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-py-lg {
  padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
}

@media (min-width: 1272px) {
  .u-py-lg {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

.u-p-xl {
  padding: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-p-xl {
    padding: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-pt-xl {
  padding-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-pt-xl {
    padding-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-pb-xl {
  padding-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-pb-xl {
    padding-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-px-xl {
  padding-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-px-xl {
    padding-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-py-xl {
  padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .u-py-xl {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.u-p-2xl {
  padding: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-p-2xl {
    padding: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-pt-2xl {
  padding-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-pt-2xl {
    padding-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-pb-2xl {
  padding-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-pb-2xl {
    padding-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-px-2xl {
  padding-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-px-2xl {
    padding-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.u-py-2xl {
  padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
}

@media (min-width: 1272px) {
  .u-py-2xl {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-xs {
    padding: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-xs {
    padding: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-xs {
    padding-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-xs {
    padding-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-xs {
    padding-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-xs {
    padding-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-xs {
    padding-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-xs {
    padding-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-xs {
    padding-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-xs {
    padding-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-sm {
    padding: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-sm {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-sm {
    padding-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-sm {
    padding-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-sm {
    padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-sm {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-sm {
    padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-sm {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-sm {
    padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-sm {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-md {
    padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-md {
    padding: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-md {
    padding-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-md {
    padding-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-md {
    padding-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-md {
    padding-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-md {
    padding-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-md {
    padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-md {
    padding-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-md {
    padding-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-lg {
    padding: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-lg {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-lg {
    padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-lg {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-lg {
    padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-lg {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-lg {
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-lg {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-lg {
    padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-lg {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-xl {
    padding: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-xl {
    padding: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-xl {
    padding-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-xl {
    padding-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-xl {
    padding-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-xl {
    padding-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-xl {
    padding-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-xl {
    padding-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-xl {
    padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-xl {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-p-2xl {
    padding: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-p-2xl {
    padding: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pt-2xl {
    padding-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pt-2xl {
    padding-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-pb-2xl {
    padding-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-pb-2xl {
    padding-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-px-2xl {
    padding-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-px-2xl {
    padding-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (max-width: 639px) {
  .sp\:u-py-2xl {
    padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .sp\:u-py-2xl {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-xs {
    padding: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-xs {
    padding: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-xs {
    padding-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-xs {
    padding-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-xs {
    padding-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-xs {
    padding-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-xs {
    padding-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-xs {
    padding-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-xs {
    padding-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-xs {
    padding-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-sm {
    padding: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-sm {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-sm {
    padding-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-sm {
    padding-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-sm {
    padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-sm {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-sm {
    padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-sm {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-sm {
    padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-sm {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-md {
    padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-md {
    padding: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-md {
    padding-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-md {
    padding-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-md {
    padding-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-md {
    padding-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-md {
    padding-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-md {
    padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-md {
    padding-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-md {
    padding-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-lg {
    padding: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-lg {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-lg {
    padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-lg {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-lg {
    padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-lg {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-lg {
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-lg {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-lg {
    padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-lg {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-xl {
    padding: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-xl {
    padding: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-xl {
    padding-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-xl {
    padding-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-xl {
    padding-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-xl {
    padding-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-xl {
    padding-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-xl {
    padding-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-xl {
    padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-xl {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-p-2xl {
    padding: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-p-2xl {
    padding: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pt-2xl {
    padding-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pt-2xl {
    padding-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-pb-2xl {
    padding-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-pb-2xl {
    padding-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-px-2xl {
    padding-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-px-2xl {
    padding-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .tab\:u-py-2xl {
    padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .tab\:u-py-2xl {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-xs {
    padding: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-xs {
    padding: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-xs {
    padding-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-xs {
    padding-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-xs {
    padding-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-xs {
    padding-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-xs {
    padding-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-xs {
    padding-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-xs {
    padding-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-xs {
    padding-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-sm {
    padding: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-sm {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-sm {
    padding-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-sm {
    padding-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-sm {
    padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-sm {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-sm {
    padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-sm {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-sm {
    padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-sm {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-md {
    padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-md {
    padding: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-md {
    padding-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-md {
    padding-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-md {
    padding-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-md {
    padding-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-md {
    padding-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-md {
    padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-md {
    padding-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-md {
    padding-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-lg {
    padding: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-lg {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-lg {
    padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-lg {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-lg {
    padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-lg {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-lg {
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-lg {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-lg {
    padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-lg {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-xl {
    padding: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-xl {
    padding: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-xl {
    padding-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-xl {
    padding-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-xl {
    padding-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-xl {
    padding-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-xl {
    padding-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-xl {
    padding-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-xl {
    padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-xl {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-p-2xl {
    padding: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-p-2xl {
    padding: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pt-2xl {
    padding-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pt-2xl {
    padding-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-pb-2xl {
    padding-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-pb-2xl {
    padding-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-px-2xl {
    padding-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-px-2xl {
    padding-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1272px) {
  .pc\:u-py-2xl {
    padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .pc\:u-py-2xl {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-xs {
    padding: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-xs {
    padding: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-xs {
    padding-top: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-xs {
    padding-top: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-xs {
    padding-bottom: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-xs {
    padding-bottom: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-xs {
    padding-inline: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-xs {
    padding-inline: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-xs {
    padding-block: clamp(.5rem, .247rem + .63vw, .75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-xs {
    padding-block: clamp(.75rem, .259rem + .62vw, 1rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-sm {
    padding: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-sm {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-sm {
    padding-top: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-sm {
    padding-top: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-sm {
    padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-sm {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-sm {
    padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-sm {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-sm {
    padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-sm {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-md {
    padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-md {
    padding: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-md {
    padding-top: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-md {
    padding-top: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-md {
    padding-bottom: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-md {
    padding-bottom: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-md {
    padding-inline: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-md {
    padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-md {
    padding-block: clamp(1.5rem, 1.247rem + .63vw, 1.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-md {
    padding-block: clamp(1.75rem, .278rem + 1.85vw, 2.5rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-lg {
    padding: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-lg {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-lg {
    padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-lg {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-lg {
    padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-lg {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-lg {
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-lg {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-lg {
    padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-lg {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-xl {
    padding: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-xl {
    padding: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-xl {
    padding-top: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-xl {
    padding-top: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-xl {
    padding-bottom: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-xl {
    padding-bottom: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-xl {
    padding-inline: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-xl {
    padding-inline: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-xl {
    padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-xl {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-p-2xl {
    padding: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-p-2xl {
    padding: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pt-2xl {
    padding-top: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pt-2xl {
    padding-top: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-pb-2xl {
    padding-bottom: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-pb-2xl {
    padding-bottom: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-px-2xl {
    padding-inline: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-px-2xl {
    padding-inline: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

@media (min-width: 1920px) {
  .full\:u-py-2xl {
    padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem) !important
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .full\:u-py-2xl {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) !important
  }
}

.s_eirList_item_head,
.qirNote_list,
.qirNotes,
.prod-image_imgarea .-caption,
.prod-feature_moviewrap .-text,
.prod-char_imgarea .-caption,
.p-stock-info_fluctuation,
.c-writer_job,
.c-writer_description,
.c-tag a,
.c-notice,
.c-new-icon,
.c-form_required,
.c-float_caption,
.c-breadcrumb,
.c-article-title time,
.c-article-title-simple_date,
.c-btn_label {
  font-size: clamp(.75rem, .623rem + .32vw, .875rem);
  line-height: inherit
}

@media (min-width: 1272px) {

  .s_eirList_item_head,
  .qirNote_list,
  .qirNotes,
  .prod-image_imgarea .-caption,
  .prod-feature_moviewrap .-text,
  .prod-char_imgarea .-caption,
  .p-stock-info_fluctuation,
  .c-writer_job,
  .c-writer_description,
  .c-tag a,
  .c-notice,
  .c-new-icon,
  .c-form_required,
  .c-float_caption,
  .c-breadcrumb,
  .c-article-title time,
  .c-article-title-simple_date,
  .c-btn_label {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

.u-text-sm {
  font-size: clamp(.75rem, .623rem + .32vw, .875rem) !important;
  line-height: inherit !important
}

@media (min-width: 1272px) {
  .u-text-sm {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem) !important
  }
}

.prod-char_list.-arrow .prod-char_imgarea .-caption,
.c-writer_name,
.c-article-category,
.c-titleLvOne .category,
.p-category_submv .p-category_submv-title .-title .category,
.l-gnav-sp .c-accordion_label {
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem);
  line-height: inherit
}

@media (min-width: 1272px) {

  .prod-char_list.-arrow .prod-char_imgarea .-caption,
  .c-writer_name,
  .c-article-category,
  .c-titleLvOne .category,
  .p-category_submv .p-category_submv-title .-title .category,
  .l-gnav-sp .c-accordion_label {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

.u-text-base {
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem) !important;
  line-height: inherit !important
}

@media (min-width: 1272px) {
  .u-text-base {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem) !important
  }
}

.p-faq-list_item>*:has(.p-faq-list_question .-icon),
.c-card.-portrait.-transparent .c-link,
.c-lead {
  font-size: clamp(1.125rem, .935rem + .47vw, 1.3125rem);
  line-height: inherit
}

@media (min-width: 1272px) {

  .p-faq-list_item>*:has(.p-faq-list_question .-icon),
  .c-card.-portrait.-transparent .c-link,
  .c-lead {
    font-size: clamp(1.3125rem, 1.067rem + .31vw, 1.4375rem)
  }
}

.u-text-lg {
  font-size: clamp(1.125rem, .935rem + .47vw, 1.3125rem) !important;
  line-height: inherit !important
}

@media (min-width: 1272px) {
  .u-text-lg {
    font-size: clamp(1.3125rem, 1.067rem + .31vw, 1.4375rem) !important
  }
}

.u-text-emp {
  color: var(--emp) !important
}

.u-text-nok {
  color: var(--primary) !important
}

.u-text-gray {
  color: var(--gray-3) !important
}

.u-text-color {
  color: var(--text) !important
}

.u-vertical-rl {
  writing-mode: vertical-rl
}

.u-clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.u-hover\:text-nok-to-white {
  color: var(--primary);
  transition: color .3s
}

@media (any-hover: hover) {
  a[href]:hover .u-hover\:text-nok-to-white {
    color: var(--base-white)
  }
}

[data-text-overflow="1"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important
}

[data-text-overflow="2"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important
}

[data-text-overflow="3"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important
}

[data-text-overflow="4"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important
}

[data-text-overflow="5"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  overflow: hidden !important
}

.u-mailto:after {
  content: "@"
}

.u-bg-gray {
  background-color: var(--gray-1)
}

.u-bg-stripe>*:nth-child(2n) {
  background-color: var(--gray-1)
}

.u-border-nok {
  border: 1px solid var(--primary)
}

body:has(.l-gnav-sp.is-active) {
  padding-right: var(--scrollBar);
  overflow: hidden
}

.l-gnav-sp {
  position: fixed;
  scrollbar-width: thin;
  inset: 0;
  margin-top: 50px;
  overflow-y: auto;
  visibility: hidden;
  background-color: var(--base-white);
  opacity: 0;
  transition: visibility .3s, opacity .3s
}

.l-gnav-sp.is-active {
  visibility: visible;
  opacity: 1
}

.l-gnav-sp.is-active .c-accordion_icon {
  margin-right: 25px
}

.l-gnav-sp .c-accordion {
  width: 100%;
  margin-left: 0
}

.l-gnav-sp .c-accordion_summary {
  padding: 0;
  background-color: var(--base-white)
}

@media (any-hover: hover) {
  .l-gnav-sp .c-accordion_summary:hover {
    background-color: transparent
  }

  .l-gnav-sp .c-accordion_summary:hover .c-accordion_label {
    color: var(--primary)
  }

  .l-gnav-sp .c-accordion_summary:hover .c-accordion_label .icon-arrow {
    background-color: var(--primary)
  }
}

.l-gnav-sp .c-accordion_contents {
  padding-block: 0
}

@media (any-hover: hover) {
  .l-gnav-sp .c-accordion_contents a:hover {
    text-decoration: underline
  }
}

.l-gnav-sp .c-accordion_label {
  gap: 8px;
  align-items: center;
  width: 100%;
  font-weight: 700;
  color: var(--primary)
}

.l-gnav-sp .c-accordion_label a {
  display: inline-block;
  width: inherit;
  padding: 24px 25px
}

.l-gnav-sp .c-accordion_label .icon-arrow {
  margin-top: -.1em;
  vertical-align: middle
}

.l-gnav-sp .c-accordion_icon {
  margin-inline: 25px calc(25px - var(--scrollBar));
  background-color: var(--primary);
  transition: background .3s
}

.l-gnav-sp .c-accordion_icon span {
  background-color: var(--base-white);
  transition: background .3s, transform .3s
}

.l-gnav-sp .c-accordion.open .c-accordion_icon {
  background-color: var(--gray-1)
}

.l-gnav-sp .c-accordion.open .c-accordion_icon span {
  background-color: var(--primary)
}

@media (min-width: 1272px) {
  .l-gnav-sp {
    display: none
  }
}

.l-gnav-sp_links a {
  display: inline-block;
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding-left: 1em;
  font-size: 14px;
  font-weight: 500
}

.l-gnav-sp_links a .icon-external {
  background-color: var(--text);
  transition: none
}

@media (any-hover: hover) {
  .l-gnav-sp_links a:hover {
    font-weight: 700;
    color: var(--primary)
  }

  .l-gnav-sp_links a:hover .icon-external {
    background-color: var(--primary)
  }
}

.l-gnav-sp_child-links a {
  padding-left: 2em;
  font-weight: 400
}

.l-gnav-sp_separator {
  height: 1px;
  margin-inline: 25px;
  background-color: var(--primary);
  border-top-width: 0
}

.c-accordion.open+.l-gnav-sp_separator {
  margin-top: 15px
}

.l-gnav-sp_langlinks {
  display: flex;
  padding: 25px
}

.l-gnav-sp_langlinks a {
  display: block;
  flex: 1;
  height: 24px;
  text-align: center
}

.l-gnav-sp_langlinks a:not(:first-child) {
  border-left: 1px solid var(--gray-2)
}

.l-gnav-sp_langlinks a.is-active {
  font-weight: 700;
  color: var(--primary)
}

.l-gnav-sp_btn {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0;
  cursor: pointer
}

body:has(.l-gnav-sp_btn.is-active) .l-header {
  width: 100vw
}

.l-gnav-sp_btn span {
  position: absolute;
  left: 7px;
  display: inline-block;
  height: 4px;
  background-color: var(--primary);
  transition: transform .3s, opacity .3s, left .3s, width .3s, top .3s
}

.l-gnav-sp_btn span:nth-of-type(1) {
  top: 12px;
  width: 34px
}

.l-gnav-sp_btn span:nth-of-type(2) {
  top: 22px;
  width: 34px;
  opacity: 1
}

.l-gnav-sp_btn span:nth-of-type(3) {
  top: 32px;
  width: 14px
}

.l-gnav-sp_btn.is-active {
  margin-right: var(--scrollBar)
}

.l-gnav-sp_btn.is-active span:nth-of-type(1) {
  top: 17px;
  left: 9px;
  width: 60%;
  transform: translateY(6px) rotate(-45deg)
}

.l-gnav-sp_btn.is-active span:nth-of-type(2) {
  opacity: 0
}

.l-gnav-sp_btn.is-active span:nth-of-type(3) {
  top: 29px;
  left: 9px;
  width: 60%;
  transform: translateY(-6px) rotate(45deg)
}

.is-display-1\.5x .l-gnav-sp_btn.is-active {
  margin-right: 0
}

@media (min-width: 1272px) {
  .l-gnav-sp_btn {
    display: none
  }
}

.l-gnav {
  display: none
}

.l-gnav.is-active {
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  width: 100vw;
  background-color: #ffb6c1
}

.l-gnav.is-active img {
  width: 50px
}

@media (min-width: 1272px) {

  .l-gnav,
  .l-gnav_listswrap {
    display: flex;
    height: 100%
  }

  .l-gnav_list {
    display: flex;
    height: inherit
  }
}

.l-gnav_item a {
  text-decoration: none
}

@media (min-width: 1272px) {
  .l-gnav_item {
    height: inherit;
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }

  .l-gnav_item-btn {
    display: flex;
    align-items: center;
    height: inherit;
    padding-inline: clamp(.625rem, -1.483rem + 2.65vw, 1.0625rem);
    color: var(--text);
    text-align: center
  }

  .l-gnav_item-btn .icon-external {
    height: auto;
    aspect-ratio: 1/1;
    margin-left: 4px;
    background-color: var(--text)
  }

  .l-gnav_item-btn .icon-blank {
    width: 12px;
    height: auto;
    aspect-ratio: 1/1;
    margin-left: 8px;
    stroke: var(--text)
  }

  .l-gnav_item-btn .icon-caret {
    margin-left: clamp(.25rem, -.051rem + .38vw, .3125rem);
    background-color: var(--text)
  }

  .l-gnav_item-btn.is-active {
    font-weight: 700;
    color: var(--primary)
  }

  .l-gnav_item-btn.is-active .icon-caret {
    background-color: var(--primary);
    transform: rotate(180deg)
  }

  .l-gnav_item-btn.is-pin {
    font-weight: 700;
    color: var(--primary)
  }

  .l-gnav_item-btn.is-pin .icon-caret {
    background-color: var(--primary)
  }
}

@media (min-width: 1272px) and (any-hover: hover) {
  .l-gnav_item-btn {
    transition: color .1s, font-weight .1s
  }

  .l-gnav_item-btn:hover {
    font-weight: 700;
    color: var(--primary);
    text-decoration: none
  }

  .l-gnav_item-btn:hover .icon-caret,
  .l-gnav_item-btn:hover .icon-external,
  .l-gnav_item-btn:hover .icon-blank {
    background-color: var(--primary)
  }
}

.l-gnav_item.-sustainability {
  position: relative;
  padding-right: clamp(.625rem, -1.483rem + 2.65vw, 1.0625rem);
  margin-right: clamp(.625rem, -1.483rem + 2.65vw, 1.0625rem)
}

.l-gnav_item.-sustainability:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 40%;
  content: "";
  border-right: 1px solid var(--text);
  transform: translateY(-50%)
}

.p-category_submv .p-category_submv-title .-title,
.c-titleLvOne {
  font-size: clamp(2.625rem, 2.055rem + 1.42vw, 3.1875rem);
  font-weight: 700;
  line-height: 1.3
}

.p-category_submv .p-category_submv-title .-title .category,
.c-titleLvOne .category {
  margin-bottom: .8em;
  color: var(--primary)
}

.p-category_submv .p-category_submv-title .-title:has(.category),
.p-category_submv .p-category_submv-title .-title:has(time),
.c-titleLvOne:has(.category),
.c-titleLvOne:has(time) {
  display: flex;
  flex-direction: column
}

@media (min-width: 1272px) {

  .p-category_submv .p-category_submv-title .-title,
  .c-titleLvOne {
    font-size: clamp(3.1875rem, 1.102rem + 2.62vw, 4.25rem)
  }
}

.c-titleLvTwo {
  font-size: clamp(2.0625rem, 1.746rem + .79vw, 2.375rem);
  font-weight: 700;
  line-height: 1.3
}

.c-titleLvTwo .c-link .icon-pdf {
  width: clamp(1.5rem, .741rem + 1.9vw, 2.25rem);
  margin-top: -.1em;
  margin-left: 10px
}

@media (min-width: 1272px) {
  .c-titleLvTwo {
    font-size: clamp(2.375rem, 1.148rem + 1.54vw, 3rem)
  }
}

.c-titleLvThree {
  font-size: clamp(1.6875rem, 1.371rem + .79vw, 2rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .c-titleLvThree {
    font-size: clamp(2rem, 1.019rem + 1.23vw, 2.5rem)
  }
}

.prod-mv_titlearea .-subtitle,
.p-category_submv .p-category_submv-title .-subtitle,
.c-link-bgimg_label.-lg,
.c-titleLvFour {
  font-size: clamp(1.4375rem, 1.184rem + .63vw, 1.6875rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {

  .prod-mv_titlearea .-subtitle,
  .p-category_submv .p-category_submv-title .-subtitle,
  .c-link-bgimg_label.-lg,
  .c-titleLvFour {
    font-size: clamp(1.6875rem, .951rem + .93vw, 2.0625rem)
  }
}

.prod-mv_disc,
.p-stock-info_title,
.c-link-bgimg_label.-sm,
.c-event-card_title,
.l-gnavmenu_subcategory-title,
.c-titleLvFive {
  font-size: clamp(1.25rem, .997rem + .63vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {

  .prod-mv_disc,
  .p-stock-info_title,
  .c-link-bgimg_label.-sm,
  .c-event-card_title,
  .l-gnavmenu_subcategory-title,
  .c-titleLvFive {
    font-size: clamp(1.5rem, 1.132rem + .46vw, 1.6875rem)
  }
}

.p-search_clear-btn,
.p-search_content.-item .c-card.-portrait.-transparent .c-link,
.p-search_content.-industry .c-card.-portrait.-transparent .c-link,
.c-event-card_category,
.c-titleLvSix {
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {

  .p-search_clear-btn,
  .p-search_content.-item .c-card.-portrait.-transparent .c-link,
  .p-search_content.-industry .c-card.-portrait.-transparent .c-link,
  .c-event-card_category,
  .c-titleLvSix {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

.-nok-color.p-search_clear-btn,
.p-search_content.-item .c-card.-portrait.-transparent .-nok-color.c-link,
.p-search_content.-industry .c-card.-portrait.-transparent .-nok-color.c-link,
.-nok-color.c-event-card_category,
.c-titleLvSix.-nok-color {
  color: var(--primary)
}

.c-lead {
  font-weight: 500
}

.c-lead-sm {
  font-size: 19px;
  font-weight: 700
}

@media (min-width: 640px) {
  .c-lead-sm {
    font-size: clamp(1.25rem, 1.005rem + .31vw, 1.375rem)
  }
}

:where(.c-lead:has(a):has(.icon-arrow)) a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--primary)
}

@media (any-hover: hover) {
  :where(.c-lead:has(a):has(.icon-arrow)) a:hover {
    text-decoration: underline
  }
}

.c-titleLvOne sup,
.c-titleLvTwo sup,
.c-titleLvThree sup,
.c-titleLvFour sup,
.c-titleLvFive sup {
  position: static;
  font-size: calc(clamp(1rem, .873rem + .32vw, 1.125rem)*.75);
  line-height: inherit;
  vertical-align: top
}

@media (min-width: 1272px) {

  .c-titleLvOne sup,
  .c-titleLvTwo sup,
  .c-titleLvThree sup,
  .c-titleLvFour sup,
  .c-titleLvFive sup {
    font-size: calc(clamp(1.125rem, .757rem + .46vw, 1.3125rem)*.75)
  }
}

.l-gnavmenu_content {
  position: fixed;
  right: 0;
  left: 0;
  display: flex;
  width: 100vw;
  padding: 80px 48px;
  visibility: hidden;
  background-color: var(--base-white);
  border-top: 1px solid var(--gray-2);
  opacity: 0;
  transition: opacity .3s, visibility .3s
}

.l-gnavmenu_content.is-overflow {
  height: calc(100% - 50px);
  overflow-y: auto;
  scrollbar-width: thin
}

@media (min-width: 1272px) {
  .l-gnavmenu_content.is-overflow {
    height: calc(100% - 65px)
  }
}

@media (min-width: 1920px) {
  .l-gnavmenu_content.is-overflow {
    height: calc(100% - 80px)
  }
}

.l-gnavmenu_content.is-overflow .l-container,
.l-gnavmenu_content.is-underflow {
  height: -moz-fit-content;
  height: fit-content
}

.l-gnavmenu_content.is-active {
  visibility: visible;
  opacity: 1
}

.is-display-1\.5x .l-gnavmenu_content {
  width: 100%
}

.l-gnavmenu_inner-content {
  display: grid;
  align-items: center
}

.l-gnavmenu_subcategory {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2
}

.l-gnavmenu_subcategory:first-child {
  padding-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
}

.l-gnavmenu_subcategory:last-child {
  padding-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem);
  border-left: 1px solid var(--gray-2)
}

.l-gnavmenu_subcategory-title {
  font-weight: 500
}

.l-gnavmenu_subcategory-title a {
  color: var(--primary)
}

@media (any-hover: hover) {
  .l-gnavmenu_subcategory-title a:hover {
    text-decoration: underline
  }
}

.l-gnavmenu_title {
  min-width: clamp(10.625rem, 3.264rem + 9.26vw, 14.375rem);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary)
}

.l-gnavmenu_card .icon-arrow.-bold {
  width: 16px
}

.l-gnavmenu_card-logo {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  max-height: clamp(1.75rem, -.213rem + 2.47vw, 2.75rem);
  margin: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  transition: filter .3s, background-image .3s
}

.l-gnavmenu_card:hover .l-gnavmenu_card-logo {
  filter: brightness(0) invert(1)
}

.l-gnavmenu_figure.-journagram .l-gnavmenu_card-logo {
  aspect-ratio: 307/44;
  background-image: url(/assets_co/images/global-nav/logo_journagram.png)
}

.l-gnavmenu_figure.-monomirai .l-gnavmenu_card-logo {
  aspect-ratio: 263/44;
  background-image: url(/assets_co/images/global-nav/logo_monomirai.png)
}

.l-gnavmenu_figure {
  position: relative;
  width: 100%;
  aspect-ratio: 380/224;
  border: 2px solid var(--gray-1)
}

.l-gnavmenu_figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.l-gnavmenu_figure.-frame-line {
  border: 1px solid var(--primary)
}

@media (any-hover: hover) {
  .l-gnavmenu_figure:before {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    content: "";
    background: transparent;
    transition: background .3s
  }

  .l-gnavmenu_card:hover .l-gnavmenu_figure:before {
    background-color: var(--dark-bg-hover)
  }
}

.l-gnavmenu_closebtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px
}

.l-gnavmenu_closebtn .icon-cross {
  width: 24px
}

.l-gnavmenu_content:where(.-aboutus, .-ir) .l-gnavmenu_inner-content {
  grid-template-columns: 1.5fr 1fr
}

.l-gnavmenu_content.-business_product .c-grid.-card {
  gap: 0;
  justify-content: center;
  margin-inline: clamp(-5rem, -.556rem - 3.7vw, -3.5rem)
}

.l-gnavmenu_content.-business_product .c-grid.-card .c-grid_col {
  padding-inline: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
}

.l-gnavmenu_content.-business_product .c-grid.-card .c-grid_col:first-child {
  border-right: 1px solid var(--gray-2)
}

.l-gnavmenu_content.-business_product .c-grid.-card .c-grid_col:last-child {
  border-left: 1px solid var(--gray-2)
}

.l-gnavmenu_content.-technology .l-gnavmenu_inner-content,
.l-gnavmenu_content.-sustainability .l-gnavmenu_inner-content {
  grid-template-columns: 1fr 2fr
}

@media (min-width: 1272px) {
  .l-lang {
    position: relative;
    align-items: center;
    transition: border-left .3s
  }

  .l-lang a,
  .l-lang button {
    transition: color .3s, background-color .3s, border .3s
  }

  .l-lang:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 40%;
    margin-block: auto;
    content: "";
    transition: border-left .3s
  }

  .l-lang_btn {
    display: flex;
    align-items: center;
    height: 100%;
    padding-inline: clamp(.625rem, -1.483rem + 2.65vw, 1.0625rem) clamp(.625rem, -3.892rem + 5.68vw, 1.5625rem);
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary);
    text-align: center;
    background-color: transparent;
    border: none
  }

  .l-lang_btn .-label {
    position: relative;
    margin-inline: clamp(.625rem, .257rem + .46vw, .8125rem) clamp(.25rem, .127rem + .15vw, .3125rem);
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }

  .l-lang_btn.is-active .-label:after {
    margin-top: clamp(.375rem, .007rem + .46vw, .5625rem);
    width: clamp(.625rem, .257rem + .46vw, .8125rem);
    height: clamp(.625rem, .257rem + .46vw, .8125rem);
    border-color: var(--primary);
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(225deg)
  }

  .l-lang_btn .icon-lang {
    display: inline-block;
    width: clamp(1.375rem, 1.13rem + .31vw, 1.5rem);
    height: auto;
    aspect-ratio: 1/1;
    vertical-align: clamp(-.375rem, -.19rem - .15vw, -.3125rem);
    fill: var(--primary);
    transition: fill .3s
  }

  .l-lang_btn .icon-caret {
    margin-top: clamp(.0625rem, -.306rem + .46vw, .25rem);
    background-color: var(--primary)
  }

  .l-lang_btn.is-active .icon-caret {
    transform: rotate(180deg)
  }

  .l-lang_select {
    position: absolute;
    z-index: 2;
    width: 100%;
    font-weight: 700;
    color: var(--primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
    border: none;
    opacity: 0;
    transition: opacity .3s, visibility .3s
  }

  .l-lang_select li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    margin-top: -1px
  }

  .l-lang_select li:first-child {
    margin-top: 0
  }
}

.l-lang_option {
  text-decoration: none
}

@media (min-width: 1272px) {
  .l-lang_option {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: clamp(.8125rem, .444rem + .46vw, 1rem);
    font-weight: 700;
    color: var(--primary);
    cursor: pointer;
    background-color: var(--base-white);
    border: 1px solid var(--gray-2)
  }
}

@media (min-width: 1272px) and (any-hover: hover) {
  .l-lang_option:hover {
    color: var(--base-white);
    text-decoration: none;
    background-color: var(--primary)
  }
}

.l-article {
  position: relative
}

.l-article p:not([class])+p:not([class]) {
  margin-top: 1.5em
}

.l-article :is(.c-float.-column, p:not([class]))+.c-float.-column-reverse,
.l-article .c-float.-column+p:not([class]) {
  margin-top: 1.5em
}

@media (min-width: 1272px) {
  .l-article .c-contact+.l-article_local-nav {
    margin-top: 0
  }
}

.c-titleLvOne+.l-article_section,
.c-titleLvTwo+.l-article_section,
.c-titleLvThree+.l-article_section,
.c-titleLvFour+.l-article_section,
.c-titleLvFive+.l-article_section,
.c-titleLvSix+.l-article_section {
  margin-top: 0
}

.l-article_local-nav {
  padding-top: 0
}

@media (min-width: 1272px) {
  .l-article_local-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 0
  }

  .l-article_local-nav .l-container {
    position: static
  }
}

@media (min-width: 2000px) {
  .l-article_local-nav .l-container {
    position: relative
  }
}

.l-blockeditor .blockeditor-link-underline a,
.c-link {
  align-items: center;
  color: var(--primary)
}

.l-blockeditor .blockeditor-link-underline a [class*=icon-],
.c-link [class*=icon-] {
  margin-inline: 8px
}

@media (min-width: 640px) {

  .l-blockeditor .blockeditor-link-underline a [class*=icon-],
  .c-link [class*=icon-] {
    margin-inline: 6px
  }
}

@media (min-width: 1272px) {

  .l-blockeditor .blockeditor-link-underline a [class*=icon-],
  .c-link [class*=icon-] {
    margin-inline: clamp(.375rem, .248rem + .32vw, .5rem)
  }
}

.l-blockeditor .blockeditor-link-underline a .icon-arrow,
.c-link .icon-arrow {
  margin-bottom: clamp(0rem, .089rem - .11vw, .0625rem)
}

.l-blockeditor .blockeditor-link-underline a .icon-excel,
.l-blockeditor .blockeditor-link-underline a .icon-word,
.l-blockeditor .blockeditor-link-underline a .icon-pdf,
.c-link .icon-excel,
.c-link .icon-word,
.c-link .icon-pdf {
  margin-top: -.3em;
  vertical-align: middle
}

.l-blockeditor .blockeditor-link-underline a.-underline,
.c-link.-underline {
  text-decoration: underline
}

.l-blockeditor .blockeditor-link-underline a:not(.-underline) [class*=icon-],
.c-link:not(.-underline) [class*=icon-] {
  margin-right: 0
}

@media (min-width: 1272px) {

  .l-blockeditor .blockeditor-link-underline a .icon-external,
  .c-link .icon-external {
    margin-bottom: -1px
  }
}

@media (any-hover: hover) {

  .l-blockeditor .blockeditor-link-underline a[href]:hover,
  .c-link[href]:hover {
    text-decoration: underline
  }

  .l-blockeditor .blockeditor-link-underline a[href]:hover.-underline,
  .c-link[href]:hover.-underline {
    text-decoration: none
  }
}

.c-grid:has(.c-grid_col>.c-link) {
  row-gap: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-grid:has(.c-grid_col>.c-link) {
    row-gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.l-blockeditor {
  position: relative
}

.l-blockeditor .blockeditor-link-underline a {
  text-decoration: underline
}

@media (any-hover: hover) {
  .l-blockeditor .blockeditor-link-underline a[href]:hover {
    text-decoration: none
  }
}

.l-blockeditor .c-titleLvTwo {
  font-size: clamp(1.4375rem, .868rem + 1.42vw, 2rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvTwo {
    font-size: clamp(2rem, 1.019rem + 1.23vw, 2.5rem)
  }
}

.l-blockeditor .c-titleLvThree {
  font-size: clamp(1.25rem, .807rem + 1.11vw, 1.6875rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvThree {
    font-size: clamp(1.6875rem, .951rem + .93vw, 2.0625rem)
  }
}

.l-blockeditor .c-titleLvFour {
  font-size: clamp(1.125rem, .745rem + .95vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvFour {
    font-size: clamp(1.5rem, 1.132rem + .46vw, 1.6875rem)
  }
}

.l-blockeditor .c-titleLvFive {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvFive {
    font-size: clamp(1.3125rem, .699rem + .77vw, 1.625rem)
  }
}

.l-blockeditor .c-titleLvSix {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvSix {
    font-size: clamp(1.25rem, .882rem + .46vw, 1.4375rem)
  }
}

.l-blockeditor .c-titleLvSeven {
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem);
  font-weight: 700;
  line-height: 1.3
}

@media (min-width: 1272px) {
  .l-blockeditor .c-titleLvSeven {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

.l-blockeditor *+.c-float:not(.c-writer),
.l-blockeditor :where(p:not([class]), p.blockeditor-link-underline)+:where(p:not([class]), p.blockeditor-link-underline) {
  margin-top: 1.5em
}

.l-blockeditor .c-float:not(.c-writer):has(+*) {
  margin-bottom: 1.5em
}

.l-blockeditor *+.c-scrollable .c-table {
  margin-top: 0
}

.l-blockeditor .c-scrollable:has(+*) .c-table {
  margin-bottom: 0
}

.l-blockeditor :where(.c-titleLvOne, .c-titleLvTwo, .c-titleLvThree, .c-titleLvFour, .c-titleLvFive, .c-titleLvSix)+:where(.c-titleLvOne, .c-titleLvTwo, .c-titleLvThree, .c-titleLvFour, .c-titleLvFive, .c-titleLvSix) {
  margin-top: 0
}

.l-blockeditor .space-xs {
  height: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-xs {
    height: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.l-blockeditor .space-sm {
  height: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-sm {
    height: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.l-blockeditor .space-md {
  height: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-md {
    height: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.l-blockeditor .space-lg {
  height: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-lg {
    height: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.l-blockeditor .space-xl {
  height: clamp(3rem, 1.608rem + 3.48vw, 4.375rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-xl {
    height: clamp(4.375rem, 1.185rem + 4.01vw, 6rem)
  }
}

.l-blockeditor .space-2xl {
  height: clamp(6rem, 3.215rem + 6.96vw, 8.75rem)
}

@media (min-width: 1272px) {
  .l-blockeditor .space-2xl {
    height: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem)
  }
}

.l-category :where(.l-section:nth-child(2n)) {
  background-color: var(--gray-1)
}

.l-category .p-hero .l-section,
.l-category .p-category-mv.l-section {
  background-color: transparent
}

@media (min-width: 1272px) {

  .l-article:has(.l-local-nav) article.l-section,
  .l-blockeditor:has(.l-local-nav) article.l-section {
    min-height: calc(var(--localnavHeight) + clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem) * 2)
  }
}

.l-local-nav {
  z-index: 1;
  display: block
}

.l-local-nav .l-local-nav {
  position: static
}

.l-local-nav .l-local-nav .l-local-nav_link {
  padding-left: 3em
}

.l-local-nav .l-local-nav .l-local-nav .l-local-nav_link {
  padding-left: 4em
}

.l-local-nav .l-local-nav .l-local-nav .l-local-nav .l-local-nav_link {
  padding-left: 5em
}

.l-local-nav.-second {
  border-bottom: 1px solid var(--gray-2)
}

@media (min-width: 1272px) {
  .l-local-nav {
    position: absolute;
    right: 0
  }
}

@media (min-width: 2000px) {
  .l-local-nav {
    position: absolute;
    right: -350px;
    left: initial
  }
}

.l-local-nav_link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding-inline: 36px;
  font-size: 14px
}

.l-local-nav_link.-category-top {
  padding-inline: 2em;
  font-weight: 700;
  color: var(--base-white);
  background-color: var(--primary)
}

.l-local-nav.-second .l-local-nav_link {
  border-top: 1px solid var(--gray-2)
}

.l-local-nav_item.is-active>.l-local-nav_link {
  font-weight: 700;
  color: var(--base-white);
  background-color: var(--secondary)
}

.l-local-nav_link .icon-external {
  background-color: var(--text)
}

@media (any-hover: hover) {
  .l-local-nav_link {
    transition: background-color .3s, color .3s
  }

  .l-local-nav_link .icon-external {
    transition: background-color .3s
  }

  .l-local-nav_link:hover {
    font-weight: 700;
    color: var(--primary)
  }

  .l-local-nav_link:hover.-category-top {
    color: var(--base-white)
  }

  .l-local-nav_link:hover .icon-external {
    background-color: var(--primary)
  }
}

@media (min-width: 1272px) {
  .l-local-nav_link {
    width: clamp(13.125rem, 5.764rem + 9.26vw, 16.875rem);
    min-height: 88px;
    padding-block: 22px
  }
}

.c-grid {
  display: flex;
  flex-wrap: wrap;
  --column-gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem);
  --row-gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .c-grid {
    --column-gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem);
    --row-gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.c-grid {
  gap: var(--row-gap) var(--column-gap);
  justify-content: start
}

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

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

.c-grid:where([data-grid-col*="[1]"])>.c-grid_col {
  width: calc(100% - var(--column-gap) + var(--column-gap) / 1)
}

.c-grid:where([data-grid-col*="[2]"])>.c-grid_col {
  width: calc(50% - var(--column-gap) + var(--column-gap) / 2)
}

.c-grid:where([data-grid-col*="[3]"])>.c-grid_col {
  width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) / 3)
}

.c-grid:where([data-grid-col*="[4]"])>.c-grid_col {
  width: calc(25% - var(--column-gap) + var(--column-gap) / 4)
}

.c-grid:where([data-grid-col*="[5]"])>.c-grid_col {
  width: calc(20% - var(--column-gap) + var(--column-gap) / 5)
}

.c-grid:where([data-grid-col*="[6]"])>.c-grid_col {
  width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) / 6)
}

.c-grid:where([data-grid-col*="[7]"])>.c-grid_col {
  width: calc(14.2857142857% - var(--column-gap) + var(--column-gap) / 7)
}

.c-grid:where([data-grid-col*="[8]"])>.c-grid_col {
  width: calc(12.5% - var(--column-gap) + var(--column-gap) / 8)
}

.c-grid:where([data-grid-col*="[9]"])>.c-grid_col {
  width: calc(11.1111111111% - var(--column-gap) + var(--column-gap) / 9)
}

.c-grid:where([data-grid-col*="[10]"])>.c-grid_col {
  width: calc(10% - var(--column-gap) + var(--column-gap) / 10)
}

.c-grid:where([data-grid-col*="[11]"])>.c-grid_col {
  width: calc(9.0909090909% - var(--column-gap) + var(--column-gap) / 11)
}

.c-grid:where([data-grid-col*="[12]"])>.c-grid_col {
  width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) / 12)
}

.c-grid>.c-grid_col:where(.span-1) {
  width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) * 1 / 12)
}

.c-grid>.c-grid_col:where(.span-2) {
  width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) * 2 / 12)
}

.c-grid>.c-grid_col:where(.span-3) {
  width: calc(25% - var(--column-gap) + var(--column-gap) * 3 / 12)
}

.c-grid>.c-grid_col:where(.span-4) {
  width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) * 4 / 12)
}

.c-grid>.c-grid_col:where(.span-5) {
  width: calc(41.6666666667% - var(--column-gap) + var(--column-gap) * 5 / 12)
}

.c-grid>.c-grid_col:where(.span-6) {
  width: calc(50% - var(--column-gap) + var(--column-gap) * 6 / 12)
}

.c-grid>.c-grid_col:where(.span-7) {
  width: calc(58.3333333333% - var(--column-gap) + var(--column-gap) * 7 / 12)
}

.c-grid>.c-grid_col:where(.span-8) {
  width: calc(66.6666666667% - var(--column-gap) + var(--column-gap) * 8 / 12)
}

.c-grid>.c-grid_col:where(.span-9) {
  width: calc(75% - var(--column-gap) + var(--column-gap) * 9 / 12)
}

.c-grid>.c-grid_col:where(.span-10) {
  width: calc(83.3333333333% - var(--column-gap) + var(--column-gap) * 10 / 12)
}

.c-grid>.c-grid_col:where(.span-11) {
  width: calc(91.6666666667% - var(--column-gap) + var(--column-gap) * 11 / 12)
}

.c-grid>.c-grid_col:where(.span-12) {
  width: calc(100% - var(--column-gap) + var(--column-gap) * 12 / 12)
}

@media (max-width: 639px) {
  .c-grid {
    gap: var(--row-gap) var(--column-gap);
    justify-content: start
  }

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

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

  .c-grid:where([data-grid-col*="[sp:1]"])>.c-grid_col {
    width: calc(100% - var(--column-gap) + var(--column-gap) / 1)
  }

  .c-grid:where([data-grid-col*="[sp:2]"])>.c-grid_col {
    width: calc(50% - var(--column-gap) + var(--column-gap) / 2)
  }

  .c-grid:where([data-grid-col*="[sp:3]"])>.c-grid_col {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) / 3)
  }

  .c-grid:where([data-grid-col*="[sp:4]"])>.c-grid_col {
    width: calc(25% - var(--column-gap) + var(--column-gap) / 4)
  }

  .c-grid:where([data-grid-col*="[sp:5]"])>.c-grid_col {
    width: calc(20% - var(--column-gap) + var(--column-gap) / 5)
  }

  .c-grid:where([data-grid-col*="[sp:6]"])>.c-grid_col {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) / 6)
  }

  .c-grid:where([data-grid-col*="[sp:7]"])>.c-grid_col {
    width: calc(14.2857142857% - var(--column-gap) + var(--column-gap) / 7)
  }

  .c-grid:where([data-grid-col*="[sp:8]"])>.c-grid_col {
    width: calc(12.5% - var(--column-gap) + var(--column-gap) / 8)
  }

  .c-grid:where([data-grid-col*="[sp:9]"])>.c-grid_col {
    width: calc(11.1111111111% - var(--column-gap) + var(--column-gap) / 9)
  }

  .c-grid:where([data-grid-col*="[sp:10]"])>.c-grid_col {
    width: calc(10% - var(--column-gap) + var(--column-gap) / 10)
  }

  .c-grid:where([data-grid-col*="[sp:11]"])>.c-grid_col {
    width: calc(9.0909090909% - var(--column-gap) + var(--column-gap) / 11)
  }

  .c-grid:where([data-grid-col*="[sp:12]"])>.c-grid_col {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-1) {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) * 1 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-2) {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) * 2 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-3) {
    width: calc(25% - var(--column-gap) + var(--column-gap) * 3 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-4) {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) * 4 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-5) {
    width: calc(41.6666666667% - var(--column-gap) + var(--column-gap) * 5 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-6) {
    width: calc(50% - var(--column-gap) + var(--column-gap) * 6 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-7) {
    width: calc(58.3333333333% - var(--column-gap) + var(--column-gap) * 7 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-8) {
    width: calc(66.6666666667% - var(--column-gap) + var(--column-gap) * 8 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-9) {
    width: calc(75% - var(--column-gap) + var(--column-gap) * 9 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-10) {
    width: calc(83.3333333333% - var(--column-gap) + var(--column-gap) * 10 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-11) {
    width: calc(91.6666666667% - var(--column-gap) + var(--column-gap) * 11 / 12)
  }

  .c-grid>.c-grid_col:where(.sp\:span-12) {
    width: calc(100% - var(--column-gap) + var(--column-gap) * 12 / 12)
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .c-grid {
    gap: var(--row-gap) var(--column-gap);
    justify-content: start
  }

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

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

  .c-grid:where([data-grid-col*="[tab:1]"])>.c-grid_col {
    width: calc(100% - var(--column-gap) + var(--column-gap) / 1)
  }

  .c-grid:where([data-grid-col*="[tab:2]"])>.c-grid_col {
    width: calc(50% - var(--column-gap) + var(--column-gap) / 2)
  }

  .c-grid:where([data-grid-col*="[tab:3]"])>.c-grid_col {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) / 3)
  }

  .c-grid:where([data-grid-col*="[tab:4]"])>.c-grid_col {
    width: calc(25% - var(--column-gap) + var(--column-gap) / 4)
  }

  .c-grid:where([data-grid-col*="[tab:5]"])>.c-grid_col {
    width: calc(20% - var(--column-gap) + var(--column-gap) / 5)
  }

  .c-grid:where([data-grid-col*="[tab:6]"])>.c-grid_col {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) / 6)
  }

  .c-grid:where([data-grid-col*="[tab:7]"])>.c-grid_col {
    width: calc(14.2857142857% - var(--column-gap) + var(--column-gap) / 7)
  }

  .c-grid:where([data-grid-col*="[tab:8]"])>.c-grid_col {
    width: calc(12.5% - var(--column-gap) + var(--column-gap) / 8)
  }

  .c-grid:where([data-grid-col*="[tab:9]"])>.c-grid_col {
    width: calc(11.1111111111% - var(--column-gap) + var(--column-gap) / 9)
  }

  .c-grid:where([data-grid-col*="[tab:10]"])>.c-grid_col {
    width: calc(10% - var(--column-gap) + var(--column-gap) / 10)
  }

  .c-grid:where([data-grid-col*="[tab:11]"])>.c-grid_col {
    width: calc(9.0909090909% - var(--column-gap) + var(--column-gap) / 11)
  }

  .c-grid:where([data-grid-col*="[tab:12]"])>.c-grid_col {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-1) {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) * 1 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-2) {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) * 2 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-3) {
    width: calc(25% - var(--column-gap) + var(--column-gap) * 3 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-4) {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) * 4 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-5) {
    width: calc(41.6666666667% - var(--column-gap) + var(--column-gap) * 5 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-6) {
    width: calc(50% - var(--column-gap) + var(--column-gap) * 6 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-7) {
    width: calc(58.3333333333% - var(--column-gap) + var(--column-gap) * 7 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-8) {
    width: calc(66.6666666667% - var(--column-gap) + var(--column-gap) * 8 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-9) {
    width: calc(75% - var(--column-gap) + var(--column-gap) * 9 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-10) {
    width: calc(83.3333333333% - var(--column-gap) + var(--column-gap) * 10 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-11) {
    width: calc(91.6666666667% - var(--column-gap) + var(--column-gap) * 11 / 12)
  }

  .c-grid>.c-grid_col:where(.tab\:span-12) {
    width: calc(100% - var(--column-gap) + var(--column-gap) * 12 / 12)
  }
}

@media (min-width: 1272px) {
  .c-grid {
    gap: var(--row-gap) var(--column-gap);
    justify-content: start
  }

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

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

  .c-grid:where([data-grid-col*="[pc:1]"])>.c-grid_col {
    width: calc(100% - var(--column-gap) + var(--column-gap) / 1)
  }

  .c-grid:where([data-grid-col*="[pc:2]"])>.c-grid_col {
    width: calc(50% - var(--column-gap) + var(--column-gap) / 2)
  }

  .c-grid:where([data-grid-col*="[pc:3]"])>.c-grid_col {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) / 3)
  }

  .c-grid:where([data-grid-col*="[pc:4]"])>.c-grid_col {
    width: calc(25% - var(--column-gap) + var(--column-gap) / 4)
  }

  .c-grid:where([data-grid-col*="[pc:5]"])>.c-grid_col {
    width: calc(20% - var(--column-gap) + var(--column-gap) / 5)
  }

  .c-grid:where([data-grid-col*="[pc:6]"])>.c-grid_col {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) / 6)
  }

  .c-grid:where([data-grid-col*="[pc:7]"])>.c-grid_col {
    width: calc(14.2857142857% - var(--column-gap) + var(--column-gap) / 7)
  }

  .c-grid:where([data-grid-col*="[pc:8]"])>.c-grid_col {
    width: calc(12.5% - var(--column-gap) + var(--column-gap) / 8)
  }

  .c-grid:where([data-grid-col*="[pc:9]"])>.c-grid_col {
    width: calc(11.1111111111% - var(--column-gap) + var(--column-gap) / 9)
  }

  .c-grid:where([data-grid-col*="[pc:10]"])>.c-grid_col {
    width: calc(10% - var(--column-gap) + var(--column-gap) / 10)
  }

  .c-grid:where([data-grid-col*="[pc:11]"])>.c-grid_col {
    width: calc(9.0909090909% - var(--column-gap) + var(--column-gap) / 11)
  }

  .c-grid:where([data-grid-col*="[pc:12]"])>.c-grid_col {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-1) {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) * 1 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-2) {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) * 2 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-3) {
    width: calc(25% - var(--column-gap) + var(--column-gap) * 3 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-4) {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) * 4 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-5) {
    width: calc(41.6666666667% - var(--column-gap) + var(--column-gap) * 5 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-6) {
    width: calc(50% - var(--column-gap) + var(--column-gap) * 6 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-7) {
    width: calc(58.3333333333% - var(--column-gap) + var(--column-gap) * 7 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-8) {
    width: calc(66.6666666667% - var(--column-gap) + var(--column-gap) * 8 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-9) {
    width: calc(75% - var(--column-gap) + var(--column-gap) * 9 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-10) {
    width: calc(83.3333333333% - var(--column-gap) + var(--column-gap) * 10 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-11) {
    width: calc(91.6666666667% - var(--column-gap) + var(--column-gap) * 11 / 12)
  }

  .c-grid>.c-grid_col:where(.pc\:span-12) {
    width: calc(100% - var(--column-gap) + var(--column-gap) * 12 / 12)
  }
}

@media (min-width: 1920px) {
  .c-grid {
    gap: var(--row-gap) var(--column-gap);
    justify-content: start
  }

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

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

  .c-grid:where([data-grid-col*="[full:1]"])>.c-grid_col {
    width: calc(100% - var(--column-gap) + var(--column-gap) / 1)
  }

  .c-grid:where([data-grid-col*="[full:2]"])>.c-grid_col {
    width: calc(50% - var(--column-gap) + var(--column-gap) / 2)
  }

  .c-grid:where([data-grid-col*="[full:3]"])>.c-grid_col {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) / 3)
  }

  .c-grid:where([data-grid-col*="[full:4]"])>.c-grid_col {
    width: calc(25% - var(--column-gap) + var(--column-gap) / 4)
  }

  .c-grid:where([data-grid-col*="[full:5]"])>.c-grid_col {
    width: calc(20% - var(--column-gap) + var(--column-gap) / 5)
  }

  .c-grid:where([data-grid-col*="[full:6]"])>.c-grid_col {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) / 6)
  }

  .c-grid:where([data-grid-col*="[full:7]"])>.c-grid_col {
    width: calc(14.2857142857% - var(--column-gap) + var(--column-gap) / 7)
  }

  .c-grid:where([data-grid-col*="[full:8]"])>.c-grid_col {
    width: calc(12.5% - var(--column-gap) + var(--column-gap) / 8)
  }

  .c-grid:where([data-grid-col*="[full:9]"])>.c-grid_col {
    width: calc(11.1111111111% - var(--column-gap) + var(--column-gap) / 9)
  }

  .c-grid:where([data-grid-col*="[full:10]"])>.c-grid_col {
    width: calc(10% - var(--column-gap) + var(--column-gap) / 10)
  }

  .c-grid:where([data-grid-col*="[full:11]"])>.c-grid_col {
    width: calc(9.0909090909% - var(--column-gap) + var(--column-gap) / 11)
  }

  .c-grid:where([data-grid-col*="[full:12]"])>.c-grid_col {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-1) {
    width: calc(8.3333333333% - var(--column-gap) + var(--column-gap) * 1 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-2) {
    width: calc(16.6666666667% - var(--column-gap) + var(--column-gap) * 2 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-3) {
    width: calc(25% - var(--column-gap) + var(--column-gap) * 3 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-4) {
    width: calc(33.3333333333% - var(--column-gap) + var(--column-gap) * 4 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-5) {
    width: calc(41.6666666667% - var(--column-gap) + var(--column-gap) * 5 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-6) {
    width: calc(50% - var(--column-gap) + var(--column-gap) * 6 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-7) {
    width: calc(58.3333333333% - var(--column-gap) + var(--column-gap) * 7 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-8) {
    width: calc(66.6666666667% - var(--column-gap) + var(--column-gap) * 8 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-9) {
    width: calc(75% - var(--column-gap) + var(--column-gap) * 9 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-10) {
    width: calc(83.3333333333% - var(--column-gap) + var(--column-gap) * 10 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-11) {
    width: calc(91.6666666667% - var(--column-gap) + var(--column-gap) * 11 / 12)
  }

  .c-grid>.c-grid_col:where(.full\:span-12) {
    width: calc(100% - var(--column-gap) + var(--column-gap) * 12 / 12)
  }
}

.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-block: 12px;
  text-align: center;
  text-decoration: none;
  background-color: var(--base-white);
  border: 1px solid var(--primary)
}

.c-btn.-inline {
  display: inline-flex
}

.c-btn.-center {
  margin-inline: auto
}

.c-btn.-left {
  margin-right: auto
}

.c-btn.-right {
  margin-left: auto
}

.c-btn.-dark {
  background-color: var(--dark-normal);
  border: 1px solid var(--base-white)
}

.c-grid .c-btn {
  height: 100%
}

@media (min-width: 640px) {
  .c-btn {
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
    min-height: clamp(3.25rem, 2.269rem + 1.23vw, 3.75rem);
    padding: clamp(.875rem, .63rem + .31vw, 1rem) clamp(1.5rem, .764rem + .93vw, 1.875rem);
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }

  .c-btn.-sm {
    min-width: min(100%, clamp(6.875rem, -1.713rem + 10.8vw, 11.25rem))
  }

  .c-btn.-md {
    min-width: min(100%, clamp(11.25rem, -2.245rem + 16.98vw, 18.125rem))
  }

  .c-btn.-lg {
    min-width: min(100%, clamp(15.5rem, -3.148rem + 23.46vw, 25rem))
  }

  .c-btn.-xl {
    min-width: min(100%, clamp(24.125rem, -4.583rem + 36.11vw, 38.75rem))
  }

  .c-btn.-fixed.-sm {
    width: min(100%, clamp(6.875rem, -1.713rem + 10.8vw, 11.25rem))
  }

  .c-btn.-fixed.-md {
    width: min(100%, clamp(11.25rem, -2.245rem + 16.98vw, 18.125rem))
  }

  .c-btn.-fixed.-lg {
    width: min(100%, clamp(15.5rem, -3.148rem + 23.46vw, 25rem))
  }

  .c-btn.-fixed.-xl {
    width: min(100%, clamp(24.125rem, -4.583rem + 36.11vw, 38.75rem))
  }
}

@media (any-hover: hover) {
  .c-btn {
    transition: background-color .3s, border .3s
  }

  .c-btn:hover {
    text-decoration: none;
    background-color: var(--primary);
    border: 1px solid var(--primary)
  }

  .c-btn:hover.-dark {
    background-color: var(--dark-bg-hover);
    border: 1px solid var(--base-white)
  }
}

.c-btn_label {
  display: inline-block;
  font-weight: 700;
  color: var(--primary);
  vertical-align: middle
}

.c-btn.-dark .c-btn_label {
  color: var(--base-white)
}

@media (any-hover: hover) {

  .c-btn_label,
  .c-btn_label * {
    transition: color .3s;
    /*min-width: 165px;*/
  }

  .c-btn:hover .c-btn_label,
  .c-btn:hover .c-btn_label *,
  .c-btn.-dark:hover .c-btn_label {
    color: var(--base-white)
  }
}

.c-btn_label:has([class*=icon-]) {
  display: inline-flex;
  gap: clamp(.375rem, .13rem + .31vw, .5rem);
  align-items: center
}

.c-btn_label:has([class*=icon-]) [class*=icon-] {
  flex-shrink: 0
}

.c-btn-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: clamp(2.75rem, 2.244rem + 1.27vw, 3.25rem);
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 1/1;
  background-color: var(--base-white);
  border: 1px solid var(--primary);
  transition: background-color .3s, border .3s
}

.c-btn-arrow.-dark {
  background-color: var(--dark-normal);
  border: 1px solid var(--base-white)
}

.c-btn-arrow.-left .icon-arrow {
  transform: rotate(180deg)
}

@media (any-hover: hover) {
  .c-btn-arrow:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary)
  }

  .c-btn-arrow:hover.-dark {
    background-color: var(--dark-bg-hover);
    border: 1px solid var(--base-white)
  }
}

@media (min-width: 1272px) {
  .c-btn-arrow {
    width: clamp(3.25rem, 1.042rem + 2.78vw, 4.375rem)
  }
}

.c-list .c-btn,
.c-grid_col .c-btn {
  margin-top: 0
}

.c-accordion {
  width: calc(100vw - var(--scrollBar));
  margin-left: -25px
}

.c-accordion:not(:first-child) {
  margin-top: 0;
  border-top: solid 2px var(--base-white)
}

@media (min-width: 640px) {
  .c-accordion {
    width: 100%;
    margin-left: 0
  }

  .c-accordion+.c-accordion {
    border-top: solid 3px var(--base-white)
  }
}

.c-accordion_icon {
  position: relative;
  bottom: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-block: auto;
  background-color: var(--base-white);
  border-radius: 50%
}

.c-accordion_icon span {
  position: absolute;
  inset: 0;
  width: 17px;
  height: 2px;
  margin: auto;
  content: "";
  background-color: var(--primary);
  transition: transform .3s
}

.c-accordion .c-accordion_icon span:last-child {
  transform: rotate(90deg)
}

.c-accordion[open] .c-accordion_icon span:last-child {
  transform: rotate(0)
}

@media (min-width: 1920px) {
  .c-accordion_icon {
    width: 48px;
    height: 48px
  }

  .c-accordion_icon span {
    width: 24px
  }
}

.c-accordion_summary {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 25px 25px 25px 32px;
  font-size: 21px;
  font-weight: 500;
  cursor: pointer;
  background-color: var(--gray-1);
  transition: background-color .3s
}

.c-accordion_summary::-webkit-details-marker {
  display: none
}

@media (min-width: 640px) {
  .c-accordion_summary {
    padding: clamp(1.125rem, .688rem + 1.09vw, 2rem);
    font-size: clamp(1.375rem, 1.188rem + .47vw, 1.75rem)
  }
}

@media (any-hover: hover) {
  .c-accordion_summary:hover {
    background-color: var(--primary)
  }

  .c-accordion_summary:hover .c-accordion_label {
    color: var(--base-white)
  }
}

.c-accordion_label {
  transition: color .3s
}

.c-accordion_contents {
  padding: 25px
}

@media (min-width: 640px) {
  .c-accordion_contents {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem) clamp(1.125rem, -.593rem + 2.16vw, 2rem)
  }
}

.c-accordion.-link {
  display: block
}

.c-accordion.-link .c-accordion_summary {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-inline: 48px
}

@media (min-width: 640px) {
  .c-accordion.-link .c-accordion_summary {
    gap: 12px
  }

  .c-accordion.-link .c-accordion_summary .icon-arrow {
    position: static
  }
}

@media (any-hover: hover) {
  .c-accordion.-link .c-accordion_summary:hover .c-accordion_label {
    color: var(--base-white)
  }
}

.c-accordion.-link .c-accordion_label {
  display: inline;
  width: auto;
  font-weight: 700;
  color: var(--primary)
}

.c-article-title .c-titleLvOne {
  margin-bottom: 0
}

.c-article-title time {
  display: block;
  font-weight: 700
}

.c-article-title .c-lead {
  font-weight: 700
}

.c-article-category {
  margin-bottom: .8em;
  font-weight: 700;
  color: var(--primary)
}

.c-article-title-simple.-gray {
  background-color: var(--gray-1);
  padding: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-article-title-simple.-gray {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-article-title-simple .c-titleLvThree {
  margin-bottom: 0
}

.c-article-title-simple_date {
  display: block;
  margin-bottom: clamp(.25rem, -.003rem + .63vw, .5rem)
}

.c-blockquote {
  position: relative;
  z-index: 0;
  padding: clamp(2.5rem, 1.487rem + 2.53vw, 3.5rem) clamp(1.5rem, -.525rem + 5.06vw, 3.5rem) clamp(1.5rem, -.525rem + 5.06vw, 3.5rem);
  margin-inline: auto;
  background-color: var(--gray-1)
}

.c-blockquote:before {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: -1;
  width: clamp(2.75rem, 1.104rem + 4.11vw, 4.375rem);
  height: auto;
  aspect-ratio: 70/60;
  content: "";
  background-image: url(/assets_co/images/blockquote.svg);
  background-repeat: no-repeat;
  background-size: contain
}

.p-twingreen-box,
.c-box {
  margin-inline: auto;
  border: 1px solid var(--primary);
  padding: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {

  .p-twingreen-box,
  .c-box {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-twingreen-box .c-lead,
.c-box .c-lead {
  border-bottom: 1px solid var(--primary);
  padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {

  .p-twingreen-box .c-lead,
  .c-box .c-lead {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.-gray.p-twingreen-box,
.c-box.-gray {
  background-color: var(--gray-1)
}

.c-grid .p-twingreen-box,
.c-grid .c-box {
  height: 100%
}

.c-breadcrumb {
  line-height: 1.8
}

@media (min-width: 2000px) {
  .l-section:not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) .c-breadcrumb {
    margin-inline: -255px
  }
}

.c-breadcrumb_item {
  display: inline
}

.c-breadcrumb_item:not(:last-child):after {
  display: inline-block;
  width: clamp(.375rem, .248rem + .32vw, .5rem);
  height: auto;
  aspect-ratio: 8.62/18.3;
  margin-inline: clamp(.5rem, -.006rem + 1.27vw, 1rem);
  margin-bottom: clamp(-.125rem, .026rem - .38vw, -.0625rem);
  content: "";
  background-image: url(/assets_co/images/icon-caret-breadcrumb.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.c-breadcrumb_item:has(a) {
  font-weight: 700;
  color: var(--primary)
}

@media (min-width: 640px) {
  .c-breadcrumb_item:not(:last-child):after {
    margin-bottom: -3px
  }
}

.l-section:has(.c-breadcrumb) {
  background-color: transparent
}

.l-section:has(.c-breadcrumb):not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  padding-inline: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

.l-section:has(.c-breadcrumb):not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) .l-container {
  max-width: unset;
  margin-inline: unset
}

@media (min-width: 1272px) {
  .l-section:has(.c-breadcrumb):not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) {
    padding-inline: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

@media (min-width: 2000px) {
  .l-section:has(.c-breadcrumb):not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) {
    right: 0
  }

  .l-section:has(.c-breadcrumb):not(:has(.c-titleLvOne), .p-category-mv+.l-section, .p-aboutus-mv+.l-section, .p-hero+.l-section) .l-container {
    max-width: clamp(50rem, -8.889rem + 74.07vw, 80rem);
    margin-inline: auto
  }
}

.p-category-mv+.l-section:has(.c-breadcrumb),
.p-hero+.l-section:has(.c-breadcrumb) {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1
}

:where(.c-grid_col:has(.c-card):not(:has(.c-card figure))) {
  border-top: 1px solid var(--gray-2)
}

:where(.c-grid_col:has(.c-card):not(:has(.c-card figure))):last-child {
  border-bottom: 1px solid var(--gray-2)
}

@media (min-width: 640px) {
  :where(.c-grid_col:has(.c-card):not(:has(.c-card figure))) {
    border-top: none
  }

  :where(.c-grid_col:has(.c-card):not(:has(.c-card figure))):last-child {
    border-bottom: none
  }
}

.c-grid_col:has(.c-card) {
  display: flex
}

.c-card {
  position: relative;
  z-index: 0;
  display: block;
  align-items: center;
  width: calc(100vw - var(--scrollBar));
  aspect-ratio: auto;
  margin-left: -25px;
  color: var(--primary);
  text-decoration: none;
  background-color: var(--base-white)
}

.c-card [class*=icon-] {
  flex-shrink: 0
}

@media (min-width: 640px) {
  .c-card {
    width: 100%;
    margin-left: 0
  }

  .c-card:not(:has(img)) {
    border: 1px solid var(--primary)
  }
}

@media (any-hover: hover) {

  .c-card:has(a),
  .c-card:is(a),
  .c-card:has(button),
  .c-card:is(button) {
    transition: border .3s
  }

  .c-card:has(a) .c-link,
  .c-card:is(a) .c-link,
  .c-card:has(button) .c-link,
  .c-card:is(button) .c-link {
    transition: -webkit-text-decoration .3s;
    transition: text-decoration .3s;
    transition: text-decoration .3s, -webkit-text-decoration .3s
  }

  .c-card:has(a):hover .c-link,
  .c-card:is(a):hover .c-link,
  .c-card:has(button):hover .c-link,
  .c-card:is(button):hover .c-link {
    text-decoration: underline
  }
}

@media (any-hover: hover) and (min-width: 640px) {

  .c-card:has(a):hover:not(:has(img)),
  .c-card:is(a):hover:not(:has(img)),
  .c-card:has(button):hover:not(:has(img)),
  .c-card:is(button):hover:not(:has(img)) {
    border: 1px solid var(--primary)
  }
}

.c-card figure {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden
}

.c-card figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.c-card_body {
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: baseline;
  justify-content: space-between;
  width: inherit;
  min-height: 100%;
  padding: 24px
}

@media (any-hover: hover) {
  .c-card_body.-hover\:color {
    transition: background-color .3s
  }

  .c-card_body.-hover\:color .c-card_content {
    transition: color .3s
  }

  a:hover .c-card_body.-hover\:color {
    background-color: var(--primary)
  }

  a:hover .c-card_body.-hover\:color .c-card_content {
    color: var(--base-white)
  }
}

@media (min-width: 640px) {
  .c-card_body {
    padding: clamp(1rem, .019rem + 1.23vw, 1.5rem)
  }
}

.c-card_content.-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%
}

.c-card.-landscape {
  aspect-ratio: 400/240
}

.c-card.-landscape .c-card_body {
  flex-direction: column;
  align-items: initial;
  justify-content: space-between;
  min-height: 100%;
  aspect-ratio: auto
}

.c-card.-landscape:has(img) .c-card_body {
  height: 100%;
  min-height: auto
}

.c-card.-landscape [class*=icon-] {
  margin-block: 0;
  margin-left: auto
}

.c-card.-portrait {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-inline: auto
}

@media (any-hover: hover) {

  .c-card.-portrait:has(a) figure:after,
  .c-card.-portrait:is(a) figure:after,
  .c-card.-portrait:has(button) figure:after,
  .c-card.-portrait:is(button) figure:after {
    transition: background .3s
  }

  .c-card.-portrait:has(a).-normal .c-card_body,
  .c-card.-portrait:is(a).-normal .c-card_body,
  .c-card.-portrait:has(button).-normal .c-card_body,
  .c-card.-portrait:is(button).-normal .c-card_body {
    transition: background-color .3s
  }

  .c-card.-portrait:has(a):hover figure:after,
  .c-card.-portrait:is(a):hover figure:after,
  .c-card.-portrait:has(button):hover figure:after,
  .c-card.-portrait:is(button):hover figure:after {
    background-color: var(--dark-bg-hover)
  }

  .c-card.-portrait:has(a):hover.-normal .c-card_body,
  .c-card.-portrait:is(a):hover.-normal .c-card_body,
  .c-card.-portrait:has(button):hover.-normal .c-card_body,
  .c-card.-portrait:is(button):hover.-normal .c-card_body {
    background-color: var(--primary)
  }
}

.c-card.-portrait figure {
  position: relative;
  width: 100%
}

.c-card.-portrait figure:after {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  content: "";
  background: transparent
}

.c-card.-portrait .c-card_body {
  flex: 1;
  min-height: auto
}

.c-card.-portrait .c-card_content {
  color: var(--text)
}

.c-card.-portrait.-normal figure {
  aspect-ratio: 324/256
}

.c-card.-portrait.-normal .c-card_body {
  min-height: auto;
  padding: 8%;
  background-color: var(--gray-1)
}

@media (min-width: 640px) {
  .c-card.-portrait.-normal figure {
    height: auto;
    aspect-ratio: 400/232
  }
}

.c-card.-portrait.-normal.-ver2 {
  gap: 0;
  border: 2px solid var(--gray-1)
}

.c-grid_col:has(.c-card.-portrait.-normal.-ver2) {
  border-top: none
}

.c-card.-portrait.-normal.-ver2 figure {
  aspect-ratio: auto
}

.c-card.-portrait.-normal.-ver2 figure img {
  -o-object-fit: contain;
  object-fit: contain
}

.c-card.-portrait.-normal.-ver2 .c-card_body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-card.-portrait.-normal.-ver2 .c-card_body {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-card.-portrait.-normal.-ver2 .c-card_content:before {
  position: absolute;
  inset: 0;
  content: ""
}

.c-card.-portrait.-normal.-ver2 .c-tags {
  z-index: 1
}

@media (any-hover: hover) {

  .c-card.-portrait.-normal.-ver2:has(a) .c-link,
  .c-card.-portrait.-normal.-ver2:is(a) .c-link,
  .c-card.-portrait.-normal.-ver2:has(button) .c-link,
  .c-card.-portrait.-normal.-ver2:is(button) .c-link {
    transition: color .3s
  }

  .c-card.-portrait.-normal.-ver2:has(a) .c-card_content:hover,
  .c-card.-portrait.-normal.-ver2:is(a) .c-card_content:hover,
  .c-card.-portrait.-normal.-ver2:has(button) .c-card_content:hover,
  .c-card.-portrait.-normal.-ver2:is(button) .c-card_content:hover {
    color: var(--base-white)
  }

  .c-card.-portrait.-normal.-ver2:has(a) .c-card_content:hover .c-link,
  .c-card.-portrait.-normal.-ver2:is(a) .c-card_content:hover .c-link,
  .c-card.-portrait.-normal.-ver2:has(button) .c-card_content:hover .c-link,
  .c-card.-portrait.-normal.-ver2:is(button) .c-card_content:hover .c-link {
    color: var(--base-white)
  }

  .c-card.-portrait.-normal.-ver2:has(a) figure:has(+.c-card_body .c-card_content:hover):after,
  .c-card.-portrait.-normal.-ver2:is(a) figure:has(+.c-card_body .c-card_content:hover):after,
  .c-card.-portrait.-normal.-ver2:has(button) figure:has(+.c-card_body .c-card_content:hover):after,
  .c-card.-portrait.-normal.-ver2:is(button) figure:has(+.c-card_body .c-card_content:hover):after {
    background-color: var(--dark-bg-hover)
  }

  .c-card.-portrait.-normal.-ver2:has(a) .c-card_body:has(.c-card_content:hover),
  .c-card.-portrait.-normal.-ver2:is(a) .c-card_body:has(.c-card_content:hover),
  .c-card.-portrait.-normal.-ver2:has(button) .c-card_body:has(.c-card_content:hover),
  .c-card.-portrait.-normal.-ver2:is(button) .c-card_body:has(.c-card_content:hover) {
    background-color: var(--primary)
  }

  .c-card.-portrait.-normal.-ver2:has(a):hover .c-link,
  .c-card.-portrait.-normal.-ver2:is(a):hover .c-link,
  .c-card.-portrait.-normal.-ver2:has(button):hover .c-link,
  .c-card.-portrait.-normal.-ver2:is(button):hover .c-link {
    text-decoration: none
  }

  .c-card.-portrait.-normal.-ver2:has(a):hover .c-card_body,
  .c-card.-portrait.-normal.-ver2:is(a):hover .c-card_body,
  .c-card.-portrait.-normal.-ver2:has(button):hover .c-card_body,
  .c-card.-portrait.-normal.-ver2:is(button):hover .c-card_body {
    background-color: var(--gray-1)
  }

  .c-card.-portrait.-normal.-ver2:has(a):hover figure:after,
  .c-card.-portrait.-normal.-ver2:is(a):hover figure:after,
  .c-card.-portrait.-normal.-ver2:has(button):hover figure:after,
  .c-card.-portrait.-normal.-ver2:is(button):hover figure:after {
    background: transparent
  }
}

.c-card.-portrait.-transparent {
  background-color: transparent
}

.c-card.-portrait.-transparent figure {
  aspect-ratio: 324/188
}

.c-card.-portrait.-transparent .c-card_body {
  aspect-ratio: auto;
  padding: 0
}

.c-card.-portrait.-transparent .c-card_body .icon-arrow {
  margin-bottom: 1px
}

@media (min-width: 1272px) {
  .c-card.-portrait.-transparent .c-card_body .icon-arrow {
    margin-bottom: clamp(0rem, -.245rem + .31vw, .125rem)
  }
}

.c-card.-portrait.-transparent .c-link {
  font-weight: 500;
  text-decoration: none
}

@media (min-width: 640px) {
  .c-card.-portrait.-transparent figure {
    height: auto;
    aspect-ratio: 400/232
  }
}

.c-card.-auto {
  aspect-ratio: auto
}

.c-card.-auto .c-card_body {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 94px
}

@media (min-width: 640px) {
  .c-card.-auto .c-card_body {
    justify-content: center
  }
}

.c-card.-auto [class*=icon-] {
  margin-block: auto;
  margin-left: initial
}

.c-card.-overlay {
  position: relative;
  display: grid
}

.c-card.-overlay figure {
  height: 100%
}

.c-card.-overlay figure:before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  opacity: .8
}

.c-card.-overlay figure:after {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  content: "";
  background: transparent
}

.c-card.-overlay.-ttb figure:before {
  background: linear-gradient(#000, #0000)
}

.c-card.-overlay.-ttb.-bg-full figure:before {
  background: #00000054
}

.c-card.-overlay.-ttb .c-card_body {
  align-items: start
}

.c-card.-overlay.-btt figure:before {
  background: linear-gradient(#0000, #000)
}

.c-card.-overlay.-btt .c-card_body {
  align-items: end
}

@media (any-hover: hover) {

  .c-card.-overlay:has(a) figure:after,
  .c-card.-overlay:is(a) figure:after,
  .c-card.-overlay:has(button) figure:after,
  .c-card.-overlay:is(button) figure:after {
    transition: background .3s, opacity .3s
  }

  .c-card.-overlay:has(a):hover figure:after,
  .c-card.-overlay:is(a):hover figure:after,
  .c-card.-overlay:has(button):hover figure:after,
  .c-card.-overlay:is(button):hover figure:after {
    background-color: var(--dark-bg-hover)
  }
}

.c-card.-overlay>* {
  grid-row-start: 1;
  grid-column-start: 1
}

.c-card.-overlay .c-card_content {
  color: var(--base-white)
}

.c-card.-overlay:has(img[src*="/card-stripe"]) {
  background-color: var(--primary)
}

.c-card.-overlay:has(img[src*="/card-stripe"]) figure:after {
  background: transparent
}

.c-card.-overlay:has(img[src*="/card-stripe"]) .stripe-pressed {
  display: none
}

@media (any-hover: hover) {
  .c-card.-overlay:has(img[src*="/card-stripe"]):not(:has(.c-card_links)) {
    transition: background .3s
  }

  .c-card.-overlay:has(img[src*="/card-stripe"]):not(:has(.c-card_links)):hover {
    background: #000078a8
  }
}

.c-card.-portrait.-overlay {
  width: calc(100vw - var(--scrollBar));
  aspect-ratio: 400/456;
  margin-left: -25px
}

.c-card.-portrait.-overlay figure {
  height: 100%;
  aspect-ratio: auto
}

.c-card.-portrait.-overlay .c-card_body {
  flex-direction: row;
  height: 100%;
  aspect-ratio: auto
}

.c-card.-portrait.-overlay [class*=icon-] {
  margin-top: auto
}

@media (min-width: 640px) {
  .c-card.-portrait.-overlay {
    width: 100%;
    margin-left: 0
  }
}

.c-card:has(.c-card_links) figure:after {
  content: none
}

.c-card_body:has(.c-card_links) {
  padding: 0
}

.c-card_content:has(.c-card_links) {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%
}

.c-card_content:has(.c-card_links)>p {
  padding: 24px 24px 0
}

@media (min-width: 640px) {
  .c-card_content:has(.c-card_links)>p {
    padding: clamp(1rem, .019rem + 1.23vw, 1.5rem) clamp(1rem, .019rem + 1.23vw, 1.5rem) 0
  }
}

.c-card_links {
  z-index: 1;
  display: flex;
  flex: 1
}

.c-card_link {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  padding: 24px;
  color: var(--base-white);
  text-decoration: none
}

.c-card_link:first-child {
  position: relative
}

.c-card_link:first-child:after {
  position: absolute;
  right: 0;
  height: calc(100% - 48px);
  content: "";
  border-right: solid 1px var(--base-white)
}

@media (any-hover: hover) {

  .c-card_link:has(a),
  .c-card_link:is(a),
  .c-card_link:has(button),
  .c-card_link:is(button) {
    transition: color .3s, background-color .3s
  }

  .c-card_link:has(a):hover,
  .c-card_link:is(a):hover,
  .c-card_link:has(button):hover,
  .c-card_link:is(button):hover {
    color: var(--base-white);
    background: #35439fa8
  }
}

@media (min-width: 640px) {
  .c-card_link {
    padding: clamp(1rem, .019rem + 1.23vw, 1.5rem)
  }

  .c-card_link:first-child:after {
    height: calc(100% - (clamp(1rem, .019rem + 1.23vw, 1.5rem)*2))
  }
}

.c-cards {
  position: relative;
  display: grid;
  width: calc(100vw - var(--scrollBar));
  margin-left: -25px;
  background-color: gray
}

.c-cards figure {
  position: absolute;
  inset: 0;
  overflow: hidden
}

.c-cards figure:before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(#000, #000000a8);
  opacity: .66
}

.c-cards figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.c-cards .c-grid {
  gap: 0
}

.c-cards .c-grid_col {
  position: relative;
  border-top: none
}

.c-cards .c-grid_col:not(:first-child):before {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: calc(100vw - var(--scrollBar) - clamp(1.5rem, 1.247rem + .63vw, 1.75rem) * 2);
  margin-inline: auto;
  content: "";
  border-top: 1px solid var(--gray-2)
}

.c-cards .c-card.-overlay {
  margin-left: initial;
  background-color: transparent;
  border: none
}

@media (any-hover: hover) {

  .c-cards .c-card.-overlay:has(a),
  .c-cards .c-card.-overlay:is(a),
  .c-cards .c-card.-overlay:has(button),
  .c-cards .c-card.-overlay:is(button) {
    transition: background-color .3s
  }

  .c-cards .c-card.-overlay:has(a):hover,
  .c-cards .c-card.-overlay:is(a):hover,
  .c-cards .c-card.-overlay:has(button):hover,
  .c-cards .c-card.-overlay:is(button):hover {
    background-color: var(--dark-bg-hover)
  }
}

.c-cards .c-card_body {
  padding: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 640px) {
  .c-cards {
    width: 100%;
    aspect-ratio: 1280/540;
    margin-left: 0
  }

  .c-cards figure {
    width: 100%;
    margin-left: initial
  }

  .c-cards .c-grid_col {
    position: relative;
    flex: 1;
    aspect-ratio: auto;
    border-bottom: none
  }

  .c-cards .c-grid_col:not(:first-child):before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: inline-block;
    width: 1px;
    height: calc(100% - (clamp(1.5rem, .994rem + 1.27vw, 2rem)*2));
    margin: auto 0;
    content: "";
    background-color: var(--base-white)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .c-cards .c-grid_col:not(:first-child):before {
    height: calc(100% - (clamp(2rem, .037rem + 2.47vw, 3rem)*2))
  }
}

@media (min-width: 640px) {
  .c-cards .c-card_body {
    padding: clamp(1.5rem, .994rem + 1.27vw, 2rem)
  }
}

@media (max-width: 639px) {
  .c-card:is(.sp\:-landscape, .sp\:-landscape.-overlay) {
    aspect-ratio: 400/240
  }

  .c-card:is(.sp\:-landscape, .sp\:-landscape.-overlay) .c-card_body {
    flex-direction: column;
    align-items: initial;
    justify-content: space-between;
    min-height: 100%;
    aspect-ratio: auto
  }

  .c-card:is(.sp\:-landscape, .sp\:-landscape.-overlay):has(img) .c-card_body {
    height: 100%;
    min-height: auto
  }

  .c-card:is(.sp\:-landscape, .sp\:-landscape.-overlay) [class*=icon-] {
    margin-block: 0;
    margin-left: auto
  }

  .c-card:is(.sp\:-auto, .sp\:-auto.-overlay) {
    aspect-ratio: auto
  }

  .c-card:is(.sp\:-auto, .sp\:-auto.-overlay) .c-card_body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 94px
  }
}

@media (max-width: 639px) and (min-width: 640px) {
  .c-card:is(.sp\:-auto, .sp\:-auto.-overlay) .c-card_body {
    justify-content: center
  }
}

@media (max-width: 639px) {
  .c-card:is(.sp\:-auto, .sp\:-auto.-overlay) [class*=icon-] {
    margin-block: auto;
    margin-left: initial
  }
}

.c-checkbox label {
  position: relative;
  display: flex;
  gap: 18px;
  align-items: center;
  height: 100%;
  padding: 20px 16px;
  word-break: break-word;
  cursor: pointer
}

.c-checkbox label:before {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-color: var(--gray-1);
  border: 1px solid var(--gray-2)
}

.c-checkbox label:after {
  aspect-ratio: 19/13;
  opacity: 0
}

@media (any-hover: hover) {
  .c-checkbox label {
    transition: color .3s, background-color .3s
  }

  .c-checkbox label:hover {
    color: var(--base-white);
    background-color: var(--primary)
  }
}

.c-checkbox.is-disabled label {
  color: var(--gray-3);
  pointer-events: none;
  background-color: #e5e5e5
}

.c-checkbox:has(input:checked) {
  font-weight: 700;
  color: var(--base-white);
  background-color: var(--primary)
}

.c-checkbox input:checked+label:before {
  background-image: url(/assets_co/images/check.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 19px
}

.c-contact.-gray {
  background-color: #e5e5e5
}

.c-contact .c-btn {
  margin-top: 0
}

.prod-contact {
  background-color: #e5e5e5 !important
}

.c-progress {
  display: none
}

@media (min-width: 1272px) {
  .c-progress {
    position: fixed !important;
    top: calc(var(--headerHeight) + clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem));
    bottom: 0 !important;
    z-index: 1;
    width: 200px;
    height: -moz-fit-content;
    height: fit-content;
    margin-block: initial;
    margin-left: clamp(-15.625rem, -9.144rem - 5.4vw, -13.4375rem)
  }

  .c-progress.is-gt-one {
    display: block
  }

  .c-progress.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity, .3s, visibility, .3s
  }

  .c-progress.is-bottom {
    visibility: hidden;
    opacity: 0;
    transition: none
  }

  .c-progress .-text {
    margin-bottom: clamp(1.25rem, .023rem + 1.54vw, 1.875rem);
    margin-left: -5px;
    font-size: clamp(.875rem, .63rem + .31vw, 1rem);
    font-weight: 700;
    color: var(--primary);
    text-shadow: -.6px -.6px 0 rgba(255, 255, 255, .6), .6px -.6px 0 rgba(255, 255, 255, .6), -.6px .6px 0 rgba(255, 255, 255, .6), .6px .6px 0 rgba(255, 255, 255, .6)
  }
}

.c-progress-content {
  position: relative
}

.c-progress-wrap {
  position: relative;
  width: 2px;
  height: clamp(9.75rem, 5.333rem + 5.56vw, 12rem);
  background-color: var(--gray-2);
  border: 1px soild var(--base-white);
  box-shadow: -.6px -.6px #fff9, .6px -.6px #fff9, -.6px .6px #fff9, .6px .6px #fff9
}

.c-progress-value {
  position: absolute;
  width: 2px;
  background-color: var(--primary);
  transition: height .3s
}

.c-progress-linklist {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-content: space-between;
  font-size: clamp(.8125rem, .567rem + .31vw, .9375rem)
}

.c-progress-linklist a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 180px;
  padding-left: 20px;
  color: var(--text);
  text-decoration: none;
  text-shadow: -.6px -.6px 0 rgba(255, 255, 255, .6), .6px -.6px 0 rgba(255, 255, 255, .6), -.6px .6px 0 rgba(255, 255, 255, .6), .6px .6px 0 rgba(255, 255, 255, .6)
}

.c-progress-linklist a.is-active {
  font-weight: 700;
  color: var(--primary);
  transition: color .3s
}

@media (any-hover: hover) {
  .c-progress-linklist a:hover {
    color: var(--primary);
    text-decoration: underline
  }
}

@media (min-width: 1272px) {
  .is-display-1\.5x body .c-progress {
    margin-left: -210px
  }

  .is-display-1\.5x body:has(.l-local-nav) .c-progress {
    margin-left: -220px
  }
}

.c-toc {
  display: none
}

.c-toc:has(.is-gt-one) {
  position: fixed;
  top: calc(50px + clamp(3rem, 1.608rem + 3.48vw, 4.375rem));
  right: -318px;
  z-index: 50;
  display: block;
  width: 318px;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--primary);
  transition: right .3s, filter .3s
}

.c-toc:has(.is-gt-one) .c-list a {
  color: var(--base-white)
}

.c-toc:has(.is-gt-one) .c-list .icon-arrow {
  background-color: var(--base-white)
}

.c-toc:has(.is-gt-one) .c-toc_icon-caret {
  margin-right: 2px;
  transform: rotate(180deg)
}

.c-toc:has(.is-gt-one).is-active {
  right: 0;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, .32))
}

.c-toc:has(.is-gt-one).is-active .c-toc_icon-caret {
  margin-right: initial;
  transform: rotate(0)
}

.c-toc:has(.is-gt-one).is-overflow {
  height: calc(100dvh - 50px - clamp(3rem, 1.608rem + 3.48vw, 4.375rem))
}

@media (min-width: 1272px) {
  .c-toc:has(.is-gt-one) {
    top: calc(65px + clamp(4.375rem, 1.185rem + 4.01vw, 6rem))
  }

  .c-toc:has(.is-gt-one).is-overflow {
    height: calc(100dvh - 65px - clamp(4.375rem, 1.185rem + 4.01vw, 6rem))
  }
}

@media (min-width: 1920px) {
  .c-toc:has(.is-gt-one) {
    top: calc(80px + clamp(4.375rem, 1.185rem + 4.01vw, 6rem))
  }

  .c-toc:has(.is-gt-one).is-overflow {
    height: calc(100dvh - 80px - clamp(4.375rem, 1.185rem + 4.01vw, 6rem))
  }
}

.c-toc_title {
  font-weight: 700;
  color: var(--base-white)
}

.c-toc_btn {
  position: absolute;
  top: 0;
  left: -32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  aspect-ratio: 1;
  background-color: var(--gray-1);
  box-shadow: 0 0 8px #00000029;
  transition: background-color .3s, box-shadow .3s
}

.c-toc_btn .c-toc_icon-caret {
  stroke: var(--primary);
  transition: stroke .3s
}

.c-toc.is-active .c-toc_btn {
  background-color: var(--primary);
  box-shadow: none;
  transition: box-shadow .3s
}

.c-toc.is-active .c-toc_btn .c-toc_icon-caret {
  stroke: var(--base-white)
}

.c-toc_contents {
  height: -moz-fit-content;
  height: fit-content;
  padding: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .c-toc_contents {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.c-toc.is-overflow .c-toc_contents {
  scrollbar-width: none;
  height: 100%;
  overflow: auto
}

body:has(.c-toc.is-active.is-overflow) {
  overflow: hidden
}

.c-definition dt {
  position: relative;
  font-weight: 700
}

.c-definition dt+dd,
.c-definition dt+dt {
  margin-top: 12px
}

@media (min-width: 1272px) {

  .c-definition dt+dd,
  .c-definition dt+dt {
    margin-top: 18px
  }
}

@media (min-width: 1920px) {

  .c-definition dt+dd,
  .c-definition dt+dt {
    margin-top: 24px
  }
}

.c-definition dd+dd,
.c-definition dd+dt {
  margin-top: 12px
}

@media (min-width: 1272px) {

  .c-definition dd+dd,
  .c-definition dd+dt {
    margin-top: 18px
  }
}

@media (min-width: 1920px) {

  .c-definition dd+dd,
  .c-definition dd+dt {
    margin-top: 24px
  }
}

.c-definition_type {
  position: absolute;
  left: 0;
  display: inline-block
}

.c-definition.-dot dt {
  padding-left: 1.75em
}

.c-definition.-dot dt:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "・"
}

.c-definition.-dot dd {
  padding-left: 1.75em
}

.c-definition.-num {
  counter-reset: number 0
}

.c-definition.-num dt {
  padding-left: 1.75em
}

.c-definition.-num dt:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: counter(number) ".";
  counter-increment: number 1
}

.c-definition.-num dd {
  padding-left: 1.75em
}

.c-definition.-num.-paren {
  counter-reset: number 0
}

.c-definition.-num.-paren dt:before {
  content: "("counter(number) ")";
  counter-increment: number 1
}

.c-event-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  background-color: var(--gray-1)
}

.c-event-card .c-btn {
  height: auto;
  margin-top: 0
}

.c-event-card .c-btn,
.c-event-card .c-link {
  margin-inline: auto
}

@media (any-hover: hover) {

  .c-event-card .c-btn:hover,
  .c-event-card .c-link:hover {
    text-decoration: none
  }

  .c-event-card:has(.c-link) {
    transition: background .3s
  }

  .c-event-card:has(.c-link) .c-event-card_title,
  .c-event-card:has(.c-link) .c-event-card_category,
  .c-event-card:has(.c-link) .c-event-card_description,
  .c-event-card:has(.c-link) .c-link {
    transition: color .3s
  }

  .c-event-card:has(.c-link) .icon-external {
    transition: background .3s
  }

  .c-event-card:has(.c-link):hover {
    background-color: var(--primary)
  }

  .c-event-card:has(.c-link):hover .c-event-card_title,
  .c-event-card:has(.c-link):hover .c-event-card_category,
  .c-event-card:has(.c-link):hover .c-event-card_description,
  .c-event-card:has(.c-link):hover .c-link {
    color: var(--base-white)
  }

  .c-event-card:has(.c-link):hover .icon-external {
    background-color: var(--base-white)
  }
}

@media (min-width: 640px) {
  .c-event-card {
    gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-event-card_title {
  color: var(--primary)
}

@media (min-width: 1920px) {
  .c-event-card_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    align-items: baseline;
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .c-event-card_list {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-event-card_category {
  font-size: 1rem;
  color: var(--primary);
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-event-card_category {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-event-card_category:where(:not(:first-of-type)) {
  margin-top: 24px
}

@media (min-width: 1920px) {
  .c-event-card_category {
    width: 30%;
    padding-right: 10px;
    margin-top: initial
  }
}

.c-event-card_description {
  font-size: 1rem;
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-event-card_description {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

@media (min-width: 1920px) {
  .c-event-card_description {
    width: 70%;
    padding-left: 10px;
    margin-top: initial
  }
}

.c-figure {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto
}

.c-figure img {
  margin-inline: auto
}

@media (min-width: 640px) {
  .c-figure {
    max-width: 81.2820512821%
  }

  .c-table .c-figure,
  .c-grid .c-figure {
    max-width: initial
  }

  .c-figure.-full {
    max-width: 100%
  }
}

.c-figure_pinch {
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 0 0 25px;
  margin: 0 auto 10px;
  font-size: .875rem;
  line-height: 1.5;
  white-space: nowrap;
  background-image: url(/assets_co/images/icon-pinch.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 17px auto
}

@media (min-width: 640px) {
  .c-figure_pinch {
    display: none
  }
}

.c-figure_caption {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(.75rem, .623rem + .32vw, .875rem);
  line-height: 1.5;
  text-align: left
}

.c-float.-column,
.c-float.-column-reverse,
.c-float.-img-right-parallel,
.c-float.-img-left-parallel {
  display: flex;
  gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {

  .c-float.-column,
  .c-float.-column-reverse,
  .c-float.-img-right-parallel,
  .c-float.-img-left-parallel {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.c-float.-column {
  flex-direction: column
}

.c-float.-column:after {
  content: none
}

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

.c-float.-column-reverse:after {
  content: none
}

.c-float.-img-right-parallel,
.c-float.-img-left-parallel {
  flex-direction: row
}

.c-float.-img-right-parallel:after,
.c-float.-img-left-parallel:after {
  content: none
}

.c-float.-img-right-parallel {
  flex-direction: row-reverse
}

.c-float.-img-right-parallel:after {
  content: none
}

.c-float.-img-right,
.c-float.-img-left {
  display: block
}

.c-float.-img-right:after,
.c-float.-img-left:after {
  display: block;
  clear: both;
  content: ""
}

@media (max-width: 639px) {

  .c-float.sp\:-column,
  .c-float.sp\:-column-reverse,
  .c-float.sp\:-img-right-parallel,
  .c-float.sp\:-img-left-parallel {
    display: flex;
    gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (max-width: 639px) and (min-width: 1272px) {

  .c-float.sp\:-column,
  .c-float.sp\:-column-reverse,
  .c-float.sp\:-img-right-parallel,
  .c-float.sp\:-img-left-parallel {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (max-width: 639px) {
  .c-float.sp\:-column {
    flex-direction: column
  }

  .c-float.sp\:-column:after {
    content: none
  }

  .c-float.sp\:-column-reverse {
    flex-direction: column-reverse
  }

  .c-float.sp\:-column-reverse:after {
    content: none
  }

  .c-float.sp\:-img-right-parallel,
  .c-float.sp\:-img-left-parallel {
    flex-direction: row
  }

  .c-float.sp\:-img-right-parallel:after,
  .c-float.sp\:-img-left-parallel:after {
    content: none
  }

  .c-float.sp\:-img-right-parallel {
    flex-direction: row-reverse
  }

  .c-float.sp\:-img-right-parallel:after {
    content: none
  }

  .c-float.sp\:-img-right,
  .c-float.sp\:-img-left {
    display: block
  }

  .c-float.sp\:-img-right:after,
  .c-float.sp\:-img-left:after {
    display: block;
    clear: both;
    content: ""
  }
}

@media (min-width: 640px) and (max-width: 1271px) {

  .c-float.tab\:-column,
  .c-float.tab\:-column-reverse,
  .c-float.tab\:-img-right-parallel,
  .c-float.tab\:-img-left-parallel {
    display: flex;
    gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {

  .c-float.tab\:-column,
  .c-float.tab\:-column-reverse,
  .c-float.tab\:-img-right-parallel,
  .c-float.tab\:-img-left-parallel {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .c-float.tab\:-column {
    flex-direction: column
  }

  .c-float.tab\:-column:after {
    content: none
  }

  .c-float.tab\:-column-reverse {
    flex-direction: column-reverse
  }

  .c-float.tab\:-column-reverse:after {
    content: none
  }

  .c-float.tab\:-img-right-parallel,
  .c-float.tab\:-img-left-parallel {
    flex-direction: row
  }

  .c-float.tab\:-img-right-parallel:after,
  .c-float.tab\:-img-left-parallel:after {
    content: none
  }

  .c-float.tab\:-img-right-parallel {
    flex-direction: row-reverse
  }

  .c-float.tab\:-img-right-parallel:after {
    content: none
  }

  .c-float.tab\:-img-right,
  .c-float.tab\:-img-left {
    display: block
  }

  .c-float.tab\:-img-right:after,
  .c-float.tab\:-img-left:after {
    display: block;
    clear: both;
    content: ""
  }
}

@media (min-width: 1272px) {

  .c-float.pc\:-column,
  .c-float.pc\:-column-reverse,
  .c-float.pc\:-img-right-parallel,
  .c-float.pc\:-img-left-parallel {
    display: flex;
    gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {

  .c-float.pc\:-column,
  .c-float.pc\:-column-reverse,
  .c-float.pc\:-img-right-parallel,
  .c-float.pc\:-img-left-parallel {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1272px) {
  .c-float.pc\:-column {
    flex-direction: column
  }

  .c-float.pc\:-column:after {
    content: none
  }

  .c-float.pc\:-column-reverse {
    flex-direction: column-reverse
  }

  .c-float.pc\:-column-reverse:after {
    content: none
  }

  .c-float.pc\:-img-right-parallel,
  .c-float.pc\:-img-left-parallel {
    flex-direction: row
  }

  .c-float.pc\:-img-right-parallel:after,
  .c-float.pc\:-img-left-parallel:after {
    content: none
  }

  .c-float.pc\:-img-right-parallel {
    flex-direction: row-reverse
  }

  .c-float.pc\:-img-right-parallel:after {
    content: none
  }

  .c-float.pc\:-img-right,
  .c-float.pc\:-img-left {
    display: block
  }

  .c-float.pc\:-img-right:after,
  .c-float.pc\:-img-left:after {
    display: block;
    clear: both;
    content: ""
  }
}

@media (min-width: 1920px) {

  .c-float.full\:-column,
  .c-float.full\:-column-reverse,
  .c-float.full\:-img-right-parallel,
  .c-float.full\:-img-left-parallel {
    display: flex;
    gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {

  .c-float.full\:-column,
  .c-float.full\:-column-reverse,
  .c-float.full\:-img-right-parallel,
  .c-float.full\:-img-left-parallel {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1920px) {
  .c-float.full\:-column {
    flex-direction: column
  }

  .c-float.full\:-column:after {
    content: none
  }

  .c-float.full\:-column-reverse {
    flex-direction: column-reverse
  }

  .c-float.full\:-column-reverse:after {
    content: none
  }

  .c-float.full\:-img-right-parallel,
  .c-float.full\:-img-left-parallel {
    flex-direction: row
  }

  .c-float.full\:-img-right-parallel:after,
  .c-float.full\:-img-left-parallel:after {
    content: none
  }

  .c-float.full\:-img-right-parallel {
    flex-direction: row-reverse
  }

  .c-float.full\:-img-right-parallel:after {
    content: none
  }

  .c-float.full\:-img-right,
  .c-float.full\:-img-left {
    display: block
  }

  .c-float.full\:-img-right:after,
  .c-float.full\:-img-left:after {
    display: block;
    clear: both;
    content: ""
  }
}

.c-float_image img {
  margin-inline: auto
}

.c-float_image img+img {
  margin-top: 1.5em
}

.c-float.-column .c-float_image,
.c-float.-column-reverse .c-float_image {
  max-width: 100%;
  margin-inline: auto;
  margin-bottom: 0
}

@media (min-width: 640px) {

  .c-float.-column .c-float_image,
  .c-float.-column-reverse .c-float_image {
    max-width: 92.7734375%
  }
}

.c-float.-img-right .c-float_image,
.c-float.-img-left .c-float_image {
  max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
  margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {

  .c-float.-img-right .c-float_image,
  .c-float.-img-left .c-float_image {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem);
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

.c-float.-img-right .c-float_image {
  float: right;
  margin-right: 0;
  margin-left: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .c-float.-img-right .c-float_image {
    margin-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.c-float.-img-left .c-float_image {
  float: left;
  margin-left: 0;
  margin-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .c-float.-img-left .c-float_image {
    margin-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.c-float.-img-right-parallel .c-float_image,
.c-float.-img-left-parallel .c-float_image {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
  margin-inline: initial
}

@media (min-width: 1272px) {

  .c-float.-img-right-parallel .c-float_image,
  .c-float.-img-left-parallel .c-float_image {
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (max-width: 639px) {

  .c-float.sp\:-column .c-float_image,
  .c-float.sp\:-column-reverse .c-float_image {
    max-width: 100%;
    margin-inline: auto;
    margin-bottom: 0
  }
}

@media (max-width: 639px) and (min-width: 640px) {

  .c-float.sp\:-column .c-float_image,
  .c-float.sp\:-column-reverse .c-float_image {
    max-width: 92.7734375%
  }
}

@media (max-width: 639px) {

  .c-float.sp\:-img-right .c-float_image,
  .c-float.sp\:-img-left .c-float_image {
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
  }
}

@media (max-width: 639px) and (min-width: 1272px) {

  .c-float.sp\:-img-right .c-float_image,
  .c-float.sp\:-img-left .c-float_image {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem);
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (max-width: 639px) {
  .c-float.sp\:-img-right .c-float_image {
    float: right;
    margin-right: 0;
    margin-left: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .c-float.sp\:-img-right .c-float_image {
    margin-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (max-width: 639px) {
  .c-float.sp\:-img-left .c-float_image {
    float: left;
    margin-left: 0;
    margin-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (max-width: 639px) and (min-width: 1272px) {
  .c-float.sp\:-img-left .c-float_image {
    margin-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (max-width: 639px) {

  .c-float.sp\:-img-right-parallel .c-float_image,
  .c-float.sp\:-img-left-parallel .c-float_image {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-inline: initial
  }
}

@media (max-width: 639px) and (min-width: 1272px) {

  .c-float.sp\:-img-right-parallel .c-float_image,
  .c-float.sp\:-img-left-parallel .c-float_image {
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 640px) and (max-width: 1271px) {

  .c-float.tab\:-column .c-float_image,
  .c-float.tab\:-column-reverse .c-float_image {
    max-width: 100%;
    margin-inline: auto;
    margin-bottom: 0
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 640px) {

  .c-float.tab\:-column .c-float_image,
  .c-float.tab\:-column-reverse .c-float_image {
    max-width: 92.7734375%
  }
}

@media (min-width: 640px) and (max-width: 1271px) {

  .c-float.tab\:-img-right .c-float_image,
  .c-float.tab\:-img-left .c-float_image {
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {

  .c-float.tab\:-img-right .c-float_image,
  .c-float.tab\:-img-left .c-float_image {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem);
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .c-float.tab\:-img-right .c-float_image {
    float: right;
    margin-right: 0;
    margin-left: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .c-float.tab\:-img-right .c-float_image {
    margin-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .c-float.tab\:-img-left .c-float_image {
    float: left;
    margin-left: 0;
    margin-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {
  .c-float.tab\:-img-left .c-float_image {
    margin-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 640px) and (max-width: 1271px) {

  .c-float.tab\:-img-right-parallel .c-float_image,
  .c-float.tab\:-img-left-parallel .c-float_image {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-inline: initial
  }
}

@media (min-width: 640px) and (max-width: 1271px) and (min-width: 1272px) {

  .c-float.tab\:-img-right-parallel .c-float_image,
  .c-float.tab\:-img-left-parallel .c-float_image {
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 1272px) {

  .c-float.pc\:-column .c-float_image,
  .c-float.pc\:-column-reverse .c-float_image {
    max-width: 100%;
    margin-inline: auto;
    margin-bottom: 0
  }
}

@media (min-width: 1272px) and (min-width: 640px) {

  .c-float.pc\:-column .c-float_image,
  .c-float.pc\:-column-reverse .c-float_image {
    max-width: 92.7734375%
  }
}

@media (min-width: 1272px) {

  .c-float.pc\:-img-right .c-float_image,
  .c-float.pc\:-img-left .c-float_image {
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {

  .c-float.pc\:-img-right .c-float_image,
  .c-float.pc\:-img-left .c-float_image {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem);
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 1272px) {
  .c-float.pc\:-img-right .c-float_image {
    float: right;
    margin-right: 0;
    margin-left: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .c-float.pc\:-img-right .c-float_image {
    margin-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1272px) {
  .c-float.pc\:-img-left .c-float_image {
    float: left;
    margin-left: 0;
    margin-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {
  .c-float.pc\:-img-left .c-float_image {
    margin-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1272px) {

  .c-float.pc\:-img-right-parallel .c-float_image,
  .c-float.pc\:-img-left-parallel .c-float_image {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-inline: initial
  }
}

@media (min-width: 1272px) and (min-width: 1272px) {

  .c-float.pc\:-img-right-parallel .c-float_image,
  .c-float.pc\:-img-left-parallel .c-float_image {
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 1920px) {

  .c-float.full\:-column .c-float_image,
  .c-float.full\:-column-reverse .c-float_image {
    max-width: 100%;
    margin-inline: auto;
    margin-bottom: 0
  }
}

@media (min-width: 1920px) and (min-width: 640px) {

  .c-float.full\:-column .c-float_image,
  .c-float.full\:-column-reverse .c-float_image {
    max-width: 92.7734375%
  }
}

@media (min-width: 1920px) {

  .c-float.full\:-img-right .c-float_image,
  .c-float.full\:-img-left .c-float_image {
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-bottom: clamp(.5rem, .247rem + .63vw, .75rem)
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {

  .c-float.full\:-img-right .c-float_image,
  .c-float.full\:-img-left .c-float_image {
    margin-bottom: clamp(.75rem, .259rem + .62vw, 1rem);
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

@media (min-width: 1920px) {
  .c-float.full\:-img-right .c-float_image {
    float: right;
    margin-right: 0;
    margin-left: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .c-float.full\:-img-right .c-float_image {
    margin-left: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1920px) {
  .c-float.full\:-img-left .c-float_image {
    float: left;
    margin-left: 0;
    margin-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {
  .c-float.full\:-img-left .c-float_image {
    margin-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 1920px) {

  .c-float.full\:-img-right-parallel .c-float_image,
  .c-float.full\:-img-left-parallel .c-float_image {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: calc(50% - (clamp(1.5rem, 1.247rem + .63vw, 1.75rem)/2));
    margin-inline: initial
  }
}

@media (min-width: 1920px) and (min-width: 1272px) {

  .c-float.full\:-img-right-parallel .c-float_image,
  .c-float.full\:-img-left-parallel .c-float_image {
    max-width: calc(50% - (clamp(1.75rem, .278rem + 1.85vw, 2.5rem)/2))
  }
}

.c-float_caption {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  line-height: 1.5;
  text-align: left
}

.c-float_caption+img {
  margin-top: 1.5em
}

.c-form_item {
  display: flex;
  flex-direction: column;
  gap: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {
  .c-form_item {
    gap: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.c-form_item.is-invalid input,
.c-form_item.is-invalid textarea,
.c-form_item.is-invalid .c-form_checkbox label:before {
  background-color: #ff00001a;
  border-color: var(--emp)
}

.c-form_item:has(a[href="/privacy/"]):has(.c-form_checkbox) {
  display: grid
}

@media (min-width: 640px) {
  .c-form_item:has(a[href="/privacy/"]):has(.c-form_checkbox) {
    grid-template-columns: auto 1fr;
    -moz-column-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem);
    column-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem)
  }

  .c-form_item:has(a[href="/privacy/"]):has(.c-form_checkbox) .c-form_label {
    grid-column: 1
  }

  .c-form_item:has(a[href="/privacy/"]):has(.c-form_checkbox) .c-form_checkbox {
    grid-column: 2
  }

  .c-form_item:has(a[href="/privacy/"]):has(.c-form_checkbox) .c-link {
    grid-area: 2/2
  }
}

.c-form_error-num {
  font-weight: 700;
  color: var(--emp)
}

.c-form_errors {
  color: var(--emp)
}

.c-form_header {
  display: flex;
  align-items: center;
  gap: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {
  .c-form_header {
    gap: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.c-form_label {
  font-weight: 700
}

.c-form_required {
  color: var(--emp)
}

.c-form_text {
  width: 100%;
  padding: 12px 10px;
  background-color: var(--gray-1);
  border-bottom: 1px solid var(--primary)
}

@media (min-width: 640px) {
  .c-form_text {
    padding: 12px 16px
  }
}

.c-form_textarea {
  width: 100%;
  height: clamp(9.6875rem, 8.422rem + 3.16vw, 10.9375rem);
  padding: 14px 10px;
  background-color: var(--gray-1);
  border-bottom: 1px solid var(--primary)
}

.c-form_checkbox input {
  display: none
}

.c-form_checkbox label {
  position: relative;
  display: flex;
  gap: 18px;
  align-items: center;
  height: 100%;
  cursor: pointer
}

.c-form_checkbox label:before {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-color: var(--gray-1);
  border: 1px solid var(--gray-2)
}

.c-form_checkbox label:after {
  aspect-ratio: 19/13;
  opacity: 0
}

.c-form_checkbox:has(input:checked) {
  font-weight: 700
}

.c-form_checkbox input:checked+label:before {
  background-image: url(/assets_co/images/check.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 19px
}

@media (min-width: 640px) {
  .c-form_checkbox {
    display: grid
  }
}

.icon-cross,
.icon-freedial,
.icon-arrow,
.icon-excel,
.icon-word,
.icon-pdf,
.icon-external,
.icon-caret {
  display: inline-block;
  height: auto;
  background-color: var(--primary);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color .3s, transform .3s
}

.-dark.icon-cross,
.-dark.icon-freedial,
.-dark.icon-arrow,
.-dark.icon-excel,
.-dark.icon-word,
.-dark.icon-pdf,
.-dark.icon-external,
.-dark.icon-caret {
  background-color: var(--base-white)
}

.-with-text.icon-cross,
.-with-text.icon-freedial,
.-with-text.icon-arrow,
.-with-text.icon-excel,
.-with-text.icon-word,
.-with-text.icon-pdf,
.-with-text.icon-external,
.-with-text.icon-caret {
  margin-left: 8px
}

@media (min-width: 640px) {

  .-with-text.icon-cross,
  .-with-text.icon-freedial,
  .-with-text.icon-arrow,
  .-with-text.icon-excel,
  .-with-text.icon-word,
  .-with-text.icon-pdf,
  .-with-text.icon-external,
  .-with-text.icon-caret {
    margin-left: 6px
  }
}

@media (min-width: 1272px) {

  .-with-text.icon-cross,
  .-with-text.icon-freedial,
  .-with-text.icon-arrow,
  .-with-text.icon-excel,
  .-with-text.icon-word,
  .-with-text.icon-pdf,
  .-with-text.icon-external,
  .-with-text.icon-caret {
    margin-left: clamp(.375rem, .248rem + .32vw, .5rem)
  }
}

.-with-text.icon-excel,
.-with-text.icon-word,
.-with-text.icon-pdf {
  margin-top: -.3em;
  vertical-align: middle
}

@media (any-hover: hover) {

  a:hover .-hover\:color.icon-cross,
  a:hover .-hover\:color.icon-freedial,
  a:hover .-hover\:color.icon-arrow,
  a:hover .-hover\:color.icon-excel,
  a:hover .-hover\:color.icon-word,
  a:hover .-hover\:color.icon-pdf,
  a:hover .-hover\:color.icon-external,
  a:hover .-hover\:color.icon-caret,
  button:hover .-hover\:color.icon-cross,
  button:hover .-hover\:color.icon-freedial,
  button:hover .-hover\:color.icon-arrow,
  button:hover .-hover\:color.icon-excel,
  button:hover .-hover\:color.icon-word,
  button:hover .-hover\:color.icon-pdf,
  button:hover .-hover\:color.icon-external,
  button:hover .-hover\:color.icon-caret,
  summary:hover .-hover\:color.icon-cross,
  summary:hover .-hover\:color.icon-freedial,
  summary:hover .-hover\:color.icon-arrow,
  summary:hover .-hover\:color.icon-excel,
  summary:hover .-hover\:color.icon-word,
  summary:hover .-hover\:color.icon-pdf,
  summary:hover .-hover\:color.icon-external,
  summary:hover .-hover\:color.icon-caret {
    background-color: var(--base-white)
  }

  a:hover .-hover\:color.-dark.icon-cross,
  a:hover .-hover\:color.-dark.icon-freedial,
  a:hover .-hover\:color.-dark.icon-arrow,
  a:hover .-hover\:color.-dark.icon-excel,
  a:hover .-hover\:color.-dark.icon-word,
  a:hover .-hover\:color.-dark.icon-pdf,
  a:hover .-hover\:color.-dark.icon-external,
  a:hover .-hover\:color.-dark.icon-caret,
  button:hover .-hover\:color.-dark.icon-cross,
  button:hover .-hover\:color.-dark.icon-freedial,
  button:hover .-hover\:color.-dark.icon-arrow,
  button:hover .-hover\:color.-dark.icon-excel,
  button:hover .-hover\:color.-dark.icon-word,
  button:hover .-hover\:color.-dark.icon-pdf,
  button:hover .-hover\:color.-dark.icon-external,
  button:hover .-hover\:color.-dark.icon-caret,
  summary:hover .-hover\:color.-dark.icon-cross,
  summary:hover .-hover\:color.-dark.icon-freedial,
  summary:hover .-hover\:color.-dark.icon-arrow,
  summary:hover .-hover\:color.-dark.icon-excel,
  summary:hover .-hover\:color.-dark.icon-word,
  summary:hover .-hover\:color.-dark.icon-pdf,
  summary:hover .-hover\:color.-dark.icon-external,
  summary:hover .-hover\:color.-dark.icon-caret {
    background-color: var(--base-white)
  }
}

.icon-caret {
  width: clamp(.75rem, -.756rem + 1.89vw, 1.0625rem);
  aspect-ratio: 16/8;
  background-color: var(--text);
  -webkit-mask-image: url(/assets_co/images/icon-caret.svg);
  mask-image: url(/assets_co/images/icon-caret.svg)
}

.icon-external {
  width: clamp(.75rem, .623rem + .32vw, .875rem);
  aspect-ratio: 1;
  -webkit-mask-image: url(/assets_co/images/icon-external.svg);
  mask-image: url(/assets_co/images/icon-external.svg)
}

.icon-external.-lg {
  width: clamp(.9375rem, .719rem + .55vw, 1.375rem)
}

@media (min-width: 1272px) {
  .icon-external {
    width: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

.icon-pdf {
  width: clamp(.9375rem, .811rem + .32vw, 1.0625rem);
  aspect-ratio: 15/18;
  -webkit-mask-image: url(/assets_co/images/icon-pdf.svg);
  mask-image: url(/assets_co/images/icon-pdf.svg)
}

@media (min-width: 1272px) {
  .icon-pdf {
    width: clamp(1.0625rem, .694rem + .46vw, 1.25rem)
  }
}

.icon-word {
  width: clamp(.9375rem, .811rem + .32vw, 1.0625rem);
  aspect-ratio: 15/18;
  -webkit-mask-image: url(/assets_co/images/icon-word.svg);
  mask-image: url(/assets_co/images/icon-word.svg)
}

@media (min-width: 1272px) {
  .icon-word {
    width: clamp(1.0625rem, .694rem + .46vw, 1.25rem)
  }
}

.icon-excel {
  width: clamp(.9375rem, .811rem + .32vw, 1.0625rem);
  aspect-ratio: 15/18;
  -webkit-mask-image: url(/assets_co/images/icon-excel.svg);
  mask-image: url(/assets_co/images/icon-excel.svg)
}

@media (min-width: 1272px) {
  .icon-excel {
    width: clamp(1.0625rem, .694rem + .46vw, 1.25rem)
  }
}

.icon-arrow {
  flex-shrink: 0;
  width: clamp(1rem, .81rem + .47vw, 1.1875rem);
  aspect-ratio: 27.061/18.31;
  -webkit-mask-image: url(/assets_co/images/icon-arrow.svg);
  mask-image: url(/assets_co/images/icon-arrow.svg)
}

.icon-arrow.-bold {
  width: 32px;
  aspect-ratio: 32/24;
  -webkit-mask-image: url(/assets_co/images/icon-arrow-bold.svg);
  mask-image: url(/assets_co/images/icon-arrow-bold.svg)
}

.icon-arrow.-lg {
  width: clamp(1.25rem, .87rem + .95vw, 1.625rem)
}

@media (min-width: 1272px) {
  .icon-arrow {
    width: clamp(1.1875rem, .329rem + 1.08vw, 1.625rem)
  }
}

@media (any-hover: hover) {

  a:hover .icon-arrow.-hover\:move,
  button:hover .icon-arrow.-hover\:move,
  summary:hover .icon-arrow.-hover\:move {
    transform: translate(.3em)
  }
}

.icon-freedial {
  width: clamp(1.4375rem, .579rem + 1.08vw, 1.875rem);
  aspect-ratio: 1;
  margin-right: 3px;
  margin-bottom: clamp(.1875rem, .065rem + .15vw, .25rem);
  vertical-align: middle;
  background-color: #4b4b4b;
  -webkit-mask-image: url(/assets_co/images/icon-freedial.svg);
  mask-image: url(/assets_co/images/icon-freedial.svg)
}

.icon-cross {
  aspect-ratio: 1;
  -webkit-mask-image: url(/assets_co/images/icon-cross.svg);
  mask-image: url(/assets_co/images/icon-cross.svg)
}

.c-list {
  row-gap: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-list {
    row-gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-list li+li {
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-list li+li {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-list .c-list {
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-list .c-list {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-list>li {
  position: relative
}

.c-list>li:before {
  position: absolute;
  left: 0
}

.c-list.c-grid {
  flex-direction: row
}

.c-list.c-grid li {
  margin-top: 0 !important
}

.c-list_type {
  position: absolute;
  left: 0
}

.c-list:has(.c-list_type .icon-arrow)>li {
  padding-left: 1.75em
}

.c-list:has(.c-list_type .icon-arrow) .c-list_type {
  top: 0
}

.c-list:has(.c-list_type .icon-arrow) .icon-arrow {
  margin-inline: 0
}

.c-list.-dot>li {
  padding-left: 1.75em
}

.c-list.-dot>li:before {
  display: inline-block;
  content: "・"
}

.c-list.-num {
  counter-reset: number 0
}

.c-list.-num>li {
  position: relative;
  padding-left: 1.75em
}

.c-list.-num>li:before {
  content: counter(number) ".";
  counter-increment: number 1
}

.c-list.-num.-paren>li {
  padding-left: 2.3em
}

.c-list.-num.-paren>li:before {
  content: "("counter(number) ")"
}

.c-list-num.-notice>li {
  font-size: 14px
}

@media (min-width: 1272px) {
  .c-list-num.-notice>li {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

.c-link-bgimg {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100vw - var(--scrollBar));
  height: 100%;
  min-height: 224px;
  padding: 24px;
  margin-left: -25px;
  overflow: hidden;
  color: var(--base-white);
  text-decoration: none
}

.c-link-bgimg img {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.c-link-bgimg:before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: #00000054
}

.c-link-bgimg .icon-arrow {
  display: inline-block;
  width: clamp(1.5625rem, 1.246rem + .79vw, 1.875rem);
  margin-bottom: clamp(.375rem, .252rem + .15vw, .4375rem);
  margin-left: 16px;
  vertical-align: middle
}

@media (any-hover: hover) {
  .c-link-bgimg:after {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    content: "";
    transition: background .3s
  }

  .c-link-bgimg:hover:after {
    background-color: var(--dark-bg-hover)
  }

  .c-link-bgimg:hover .c-link-bgimg_label {
    z-index: 1;
    color: var(--base-white)
  }
}

@media (min-width: 640px) {
  .c-link-bgimg {
    width: 100%;
    height: auto;
    aspect-ratio: 1170/440;
    margin-left: 0
  }
}

.c-link-bgimg_label {
  z-index: 1;
  font-weight: 700;
  text-align: center;
  transition: color .3s
}

.c-link-bgimg_label .icon-external {
  width: clamp(1.25rem, 1rem + .63vw, 1.75rem);
  margin-bottom: -1px;
  margin-left: 10px
}

.c-media iframe,
.c-media video {
  max-width: 100%;
  height: auto;
  margin-inline: auto
}

.c-media iframe[src*=youtube][src*=embed],
.c-media iframe[src*=google][src*=map][src*=embed],
.c-media video[src*=youtube][src*=embed],
.c-media video[src*=google][src*=map][src*=embed] {
  aspect-ratio: 16/9
}

@media (min-width: 640px) {
  .c-media {
    max-width: 81.2820512821%;
    margin-inline: auto
  }
}

.c-new-icon {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  width: 50px;
  aspect-ratio: 1;
  font-weight: 700;
  color: var(--base-white);
  background-color: var(--primary);
  border: 1px solid var(--base-white);
  border-radius: 50%
}

@media (min-width: 640px) {
  .c-new-icon {
    top: -22px;
    left: -22px;
    width: 55px
  }
}

@media (min-width: 1920px) {
  .c-new-icon {
    top: -25.6px;
    left: -25.6px;
    width: 64px
  }
}

.c-notice {
  position: relative
}

.c-notice:not(:has(li)) {
  padding-left: 1.5em
}

.c-notice:not(:has(li)):before {
  position: absolute;
  left: 0;
  content: "※"
}

.c-notice:has(li) {
  padding-left: 1.5em
}

.c-notice:has(li)>li+li {
  margin-top: 1em
}

.c-notice:has(li)>li:before {
  position: absolute;
  left: 0;
  content: "※"
}

.c-notice.-num {
  padding-left: 2.25em;
  counter-reset: number 0
}

.c-notice.-num>li:before {
  content: "※"counter(number);
  counter-increment: number 1
}

.c-notice:has(.c-notice_type):before {
  content: none
}

.c-notice:has(.c-notice_type) li:before {
  content: none
}

.c-notice_type {
  position: absolute;
  left: 0
}

.c-notice.-en:not(:has(li)) {
  padding-left: 1em
}

.c-notice.-en:not(:has(li)):before {
  content: "*"
}

.c-notice.-en:has(li) {
  padding-left: 1em
}

.c-notice.-en:has(li) li:before {
  content: "*"
}

.c-notice.-en.-num {
  padding-left: 1.5em;
  counter-reset: number 0
}

.c-notice.-en.-num li:before {
  content: "*"counter(number);
  counter-increment: number 1
}

.c-pagetop {
  right: 0;
  z-index: 49;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: clamp(3.9375rem, 3.368rem + 1.42vw, 4.5rem);
  height: clamp(3.9375rem, 3.368rem + 1.42vw, 4.5rem);
  padding-block: clamp(.75rem, .56rem + .47vw, .9375rem) clamp(.5rem, .437rem + .16vw, .5625rem);
  margin: clamp(1.5625rem, 1.246rem + .79vw, 1.875rem);
  text-decoration: none;
  visibility: hidden;
  background-color: #ffffffe0;
  box-shadow: 0 0 8px #00000029;
  opacity: 0;
  transition: opacity .3s, background-color .3s, visibility .3s
}

.c-pagetop .icon-arrow {
  width: 24px;
  height: auto;
  transform: rotate(-90deg)
}

.c-pagetop .-label {
  font-size: clamp(.6875rem, .498rem + .47vw, .875rem);
  font-weight: 700;
  color: var(--primary);
  transition: color .3s
}

.c-pagetop.is-active {
  visibility: visible;
  opacity: 1
}

@media (any-hover: hover) {
  .c-pagetop:hover {
    text-decoration: none;
    background-color: var(--primary)
  }

  .c-pagetop:hover .-label {
    color: var(--base-white)
  }

  .c-pagetop:hover .icon-arrow {
    transform: rotate(-90deg)
  }
}

@media (min-width: 1272px) {
  .c-pagetop {
    width: clamp(4.5rem, 2.537rem + 2.47vw, 5.5rem);
    height: clamp(4.5rem, 2.537rem + 2.47vw, 5.5rem);
    padding-block: clamp(.9375rem, .815rem + .15vw, 1rem) clamp(.5625rem, .44rem + .15vw, .625rem)
  }

  .c-pagetop .-label {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }

  .c-pagetop .icon-arrow {
    width: clamp(1.5rem, .396rem + 1.39vw, 2.0625rem)
  }
}

html[lang=en] .c-pagetop {
  width: 72px;
  height: 72px;
  padding-block: 16px 12px
}

html[lang=en] .c-pagetop .-label {
  font-size: 11px;
  white-space: nowrap
}

@media (min-width: 1272px) {
  html[lang=en] .c-pagetop {
    width: clamp(4.5rem, 2.537rem + 2.47vw, 5.5rem);
    height: clamp(4.5rem, 2.537rem + 2.47vw, 5.5rem);
    padding-block: clamp(1.125rem, .88rem + .31vw, 1.25rem) clamp(.75rem, .505rem + .31vw, .875rem)
  }

  html[lang=en] .c-pagetop .-label {
    font-size: clamp(.6875rem, .442rem + .31vw, .8125rem)
  }
}

.c-pagination {
  display: flex;
  gap: clamp(.3125rem, -1.903rem + 5.54vw, 2.5rem);
  justify-content: center
}

.c-pagination ul {
  display: contents
}

.c-pagination_item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, .601rem + 4.75vw, 4.375rem);
  aspect-ratio: 1;
  font-size: clamp(1.125rem, .619rem + 1.27vw, 1.625rem);
  color: var(--gray-3);
  border: 1px solid var(--gray-3)
}

@media (any-hover: hover) {
  .c-pagination_item a {
    transition: color .3s, border .3s
  }

  .c-pagination_item a:hover {
    color: var(--primary);
    border: 1px solid var(--primary)
  }
}

.c-pagination_item.is-active a,
.c-pagination_item.-prev a,
.c-pagination_item.-next a {
  color: var(--primary);
  border: 1px solid var(--primary)
}

.c-pagination_item.-prev a {
  transform: rotate(180deg)
}

.c-product-cards .c-card.-portrait.-transparent figure {
  aspect-ratio: 400/360
}

.c-product-cards .c-grid_col {
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-product-cards .c-grid_col {
    gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-product-cards .c-btn {
  height: auto
}

.c-radio input {
  display: none
}

.c-radio label {
  position: relative;
  padding-left: 42px;
  cursor: pointer
}

.c-radio label:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 26px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--gray-1);
  border: 1px solid var(--gray-2);
  border-radius: 50%
}

.c-radio label:after {
  position: absolute;
  top: 6px;
  left: 5px;
  display: block;
  width: 16px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--primary);
  border-radius: 50%;
  opacity: 0
}

.c-radio input:checked+label:after {
  opacity: 1
}

.c-radio input:not(:checked)+label {
  color: var(--gray-3)
}

.c-scrollable {
  overflow-x: scroll;
  scrollbar-width: thin
}

.c-scrollable:has(.c-year-links) {
  position: relative !important
}

@media (min-width: 640px) {
  .c-scrollable:has(.c-year-links) {
    position: static !important
  }
}

.scroll-hint-icon {
  inset: 0;
  width: 90px;
  height: 64px;
  margin: auto;
  background-color: #ffffffe0;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, .16));
  border-radius: 0
}

.scroll-hint-icon:before {
  width: 29px;
  height: auto;
  aspect-ratio: 29/36;
  background-image: url(/assets_co/images/icon-scrollhint-hand.svg)
}

.scroll-hint-icon:after {
  top: 8px;
  right: 0;
  left: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 28/11;
  margin: 0 auto;
  background-image: url(/assets_co/images/icon-scrollhint-arrow.svg)
}

.scroll-hint-text {
  display: none
}

.c-tab_btns {
  display: flex;
  justify-content: space-around;
  width: calc(100vw - var(--scrollBar));
  padding-inline: clamp(.375rem, 3.795rem - 12.73vw, .8125rem);
  margin-block: 24px;
  margin-left: clamp(-3.125rem, .02rem - 3.96vw, -1.5625rem)
}

@media (min-width: 768px) {
  .c-tab_btns {
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    margin-block: 15px 0;
    margin-right: -15px
  }
}

@media (min-width: 1024px) {
  .c-tab_btns {
    justify-content: flex-end;
    padding-inline: 0
  }
}

.c-tab_btnWrap {
  flex: 1 1 auto;
  height: -moz-fit-content;
  height: fit-content;
  border-left: 1px solid var(--gray-2)
}

.c-tab_btnWrap:first-child {
  border-left: none
}

.c-tab_btn {
  width: 100%;
  min-height: 24px;
  font-size: clamp(.75rem, .571rem + .45vw, 1rem);
  color: var(--gray-2);
  white-space: nowrap
}

.c-tab_btn .-ir {
  display: inline-block;
  width: .76rem;
  text-align: right
}

.c-tab_btn.is-active {
  font-weight: 700;
  color: var(--primary)
}

@media (any-hover: hover) {
  .c-tab_btn.is-active:hover {
    color: var(--primary);
    background-color: transparent
  }

  .c-tab_btn:hover {
    font-weight: 700;
    color: var(--primary);
    text-decoration: none;
    transition: font-weight .3s, color .3s
  }
}

@media (min-width: 768px) {
  .c-tab_btn {
    display: block;
    padding-block: 3px;
    padding-inline: clamp(.625rem, .313rem + .65vw, .9375rem)
  }

  .c-tab_btn .-ir {
    width: 1.011875rem
  }
}

.c-tab_btns-arrow {
  display: flex;
  margin-inline: calc(50% - 50vw + var(--scrollBar) / 2);
  margin-bottom: 1px;
  border-bottom: 1px solid var(--primary)
}

.c-tab_btns-arrow li {
  flex: 1
}

@media (min-width: 640px) {
  .c-tab_btns-arrow {
    margin-inline: unset
  }
}

.c-tab_btn-arrow {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 74px;
  padding: 10px;
  font-size: clamp(.875rem, .75rem + .31vw, 1.125rem);
  font-weight: 700;
  color: var(--gray-3);
  text-align: center
}

.c-tab_btn-arrow .icon-caret {
  flex-shrink: 0;
  width: 16px;
  margin-top: .1em;
  background-color: var(--gray-3)
}

.c-tab_btn-arrow.is-active {
  color: var(--base-white);
  background-color: var(--primary)
}

.c-tab_btn-arrow.is-active .icon-caret {
  background-color: var(--base-white)
}

li:not(:first-child) .c-tab_btn-arrow:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 100%;
  margin-block: auto;
  content: "";
  border-left: 1px solid var(--gray-2);
  transform: translateY(-50%)
}

@media (any-hover: hover) {
  .c-tab_btn-arrow {
    transition: background-color .3s, color .3s
  }

  .c-tab_btn-arrow .icon-caret {
    transition: background-color .3s
  }

  .c-tab_btn-arrow:hover {
    color: var(--base-white);
    background-color: var(--primary)
  }

  .c-tab_btn-arrow:hover .icon-caret {
    background-color: var(--base-white)
  }
}

@media (min-width: 640px) {
  .c-tab_btn-arrow {
    flex-direction: row;
    padding-inline: clamp(.625rem, -.313rem + 2.34vw, 2.5rem) clamp(1.875rem, 1.563rem + .78vw, 2.5rem)
  }

  .c-tab_btn-arrow .icon-caret {
    position: absolute;
    top: 50%;
    right: clamp(.625rem, .309rem + .79vw, .9375rem);
    width: 16px;
    margin-top: .1em;
    background-color: var(--gray-3);
    transform: translateY(-50%)
  }

  li:not(:first-child) .c-tab_btn-arrow:before {
    height: 80%
  }
}

.c-tab_list {
  width: calc(100vw - var(--scrollBar));
  margin-left: clamp(-3.125rem, 1.042rem - 6.51vw, -1.5625rem)
}

@media (min-width: 768px) {
  .c-tab_list {
    width: 100%;
    margin-left: auto
  }
}

.c-tab_item:before {
  display: block;
  width: calc(100% - clamp(3.125rem, -.04rem + 7.91vw, 6.25rem));
  margin-inline: auto;
  content: "";
  border-top: 1px solid var(--gray-3)
}

.c-tab_item:first-child:before {
  display: none
}

@media (min-width: 768px) {
  .c-tab_item:before {
    width: 100%
  }
}

.c-tab_link {
  display: flex;
  flex-direction: column;
  padding-block: 25px;
  padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  text-decoration: none;
  transition: background-color .3s, color .3s;
  gap: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-tab_link {
    gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

@media (any-hover: hover) {
  .c-tab_link[href]:hover {
    color: var(--base-white);
    text-decoration: none;
    background-color: var(--primary)
  }

  .c-tab_link[href]:hover .c-tab_category {
    color: var(--base-white)
  }
}

@media (min-width: 768px) {
  .c-tab_link {
    flex-direction: row;
    gap: clamp(.625rem, -1.25rem + 3.91vw, 1.25rem);
    align-items: center;
    padding-block: 25px;
    padding-inline: clamp(1.5rem, -.463rem + 2.47vw, 2.5rem)
  }
}

@media (min-width: 1272px) {
  .c-tab_link {
    padding-block: clamp(1.5625rem, -.278rem + 2.31vw, 2.5rem)
  }
}

.c-tab_subitem {
  display: flex;
  gap: clamp(.625rem, -1.25rem + 3.91vw, 1.25rem)
}

@media (min-width: 768px) {
  .c-tab_subitem {
    display: contents;
    align-items: center
  }
}

.c-tab_date {
  flex: 1;
  font-size: 12px;
  white-space: nowrap
}

@media (min-width: 768px) {
  .c-tab_date {
    font-size: clamp(1rem, .81rem + .4vw, 1.125rem)
  }
}

@media (min-width: 1272px) {
  .c-tab_date {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

.c-tab_category {
  flex: 1;
  font-size: 12px;
  font-weight: 700;
  color: var(--primary);
  text-align: right;
  transition: color .3s
}

.c-tab_category .-label {
  display: inline-block;
  text-align: left
}

@media (min-width: 768px) {
  .c-tab_category {
    text-align: center
  }

  .c-tab_category .-label {
    text-align: left
  }
}

@media (min-width: 1272px) {
  .c-tab_category {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

.c-tab_title {
  flex: 5;
  font-size: 16px
}

@media (min-width: 768px) {
  .c-tab_title {
    flex: 4;
    font-size: clamp(1rem, .81rem + .4vw, 1.125rem)
  }
}

@media (min-width: 1272px) {
  .c-tab_title {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem)
  }
}

.c-table.type\:grid {
  width: 100%;
  line-height: 1.5
}

.c-table.type\:grid>thead th {
  padding: clamp(.8125rem, .369rem + 1.11vw, 1.25rem) 15px;
  color: var(--base-white);
  background-color: var(--primary);
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid>tr>th,
.c-table.type\:grid>tr>td,
.c-table.type\:grid>tbody>tr>th,
.c-table.type\:grid>tbody>tr>td {
  padding: clamp(.8125rem, .369rem + 1.11vw, 1.25rem) 15px;
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid>tr>th.-gray,
.c-table.type\:grid>tr>td.-gray,
.c-table.type\:grid>tbody>tr>th.-gray,
.c-table.type\:grid>tbody>tr>td.-gray {
  background-color: var(--gray-1)
}

.c-table.type\:grid>tbody>tr>th {
  font-weight: 700;
  color: var(--base-white);
  text-align: center;
  background-color: var(--secondary)
}

.c-table.type\:grid.-equal {
  table-layout: fixed;
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid.-equal:not(:has(tbody)) {
  display: table-row-group
}

.c-table.type\:grid.-equal>tbody {
  display: table-row-group
}

.c-table.type\:grid.-equal>tr,
.c-table.type\:grid.-equal>tbody>tr {
  display: table-row
}

.c-table.type\:grid.-equal>tr>th,
.c-table.type\:grid.-equal>tr>td,
.c-table.type\:grid.-equal>tbody>tr>th,
.c-table.type\:grid.-equal>tbody>tr>td {
  display: table-cell;
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid.-vertical {
  table-layout: auto;
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid.-vertical:not(:has(tbody)) {
  display: table-row-group
}

.c-table.type\:grid.-vertical>tbody {
  display: table-row-group
}

.c-table.type\:grid.-vertical>tr,
.c-table.type\:grid.-vertical>tbody>tr {
  border: none
}

.c-table.type\:grid.-vertical>tr>th,
.c-table.type\:grid.-vertical>tr>td,
.c-table.type\:grid.-vertical>tbody>tr>th,
.c-table.type\:grid.-vertical>tbody>tr>td {
  display: block;
  border: none
}

.c-table.type\:grid.-horizontal {
  table-layout: auto;
  border: 1px solid var(--gray-2)
}

.c-table.type\:grid.-horizontal:not(:has(tbody)) {
  display: flex
}

.c-table.type\:grid.-horizontal>tbody {
  display: flex
}

.c-table.type\:grid.-horizontal>tr,
.c-table.type\:grid.-horizontal>tbody>tr {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--gray-2)
}

.c-table.type\:grid.-horizontal>tr:last-child,
.c-table.type\:grid.-horizontal>tbody>tr:last-child {
  border-right: none
}

.c-table.type\:grid.-horizontal>tr>th,
.c-table.type\:grid.-horizontal>tr>td,
.c-table.type\:grid.-horizontal>tbody>tr>th,
.c-table.type\:grid.-horizontal>tbody>tr>td {
  border: none
}

@media (max-width: 639px) {
  .c-table.type\:grid.sp\:-equal {
    table-layout: fixed;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.sp\:-equal:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.sp\:-equal>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.sp\:-equal>tr,
  .c-table.type\:grid.sp\:-equal>tbody>tr {
    display: table-row
  }

  .c-table.type\:grid.sp\:-equal>tr>th,
  .c-table.type\:grid.sp\:-equal>tr>td,
  .c-table.type\:grid.sp\:-equal>tbody>tr>th,
  .c-table.type\:grid.sp\:-equal>tbody>tr>td {
    display: table-cell;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.sp\:-vertical {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.sp\:-vertical:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.sp\:-vertical>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.sp\:-vertical>tr,
  .c-table.type\:grid.sp\:-vertical>tbody>tr {
    border: none
  }

  .c-table.type\:grid.sp\:-vertical>tr>th,
  .c-table.type\:grid.sp\:-vertical>tr>td,
  .c-table.type\:grid.sp\:-vertical>tbody>tr>th,
  .c-table.type\:grid.sp\:-vertical>tbody>tr>td {
    display: block;
    border: none
  }

  .c-table.type\:grid.sp\:-horizontal {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.sp\:-horizontal:not(:has(tbody)) {
    display: flex
  }

  .c-table.type\:grid.sp\:-horizontal>tbody {
    display: flex
  }

  .c-table.type\:grid.sp\:-horizontal>tr,
  .c-table.type\:grid.sp\:-horizontal>tbody>tr {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.sp\:-horizontal>tr:last-child,
  .c-table.type\:grid.sp\:-horizontal>tbody>tr:last-child {
    border-right: none
  }

  .c-table.type\:grid.sp\:-horizontal>tr>th,
  .c-table.type\:grid.sp\:-horizontal>tr>td,
  .c-table.type\:grid.sp\:-horizontal>tbody>tr>th,
  .c-table.type\:grid.sp\:-horizontal>tbody>tr>td {
    border: none
  }
}

@media (min-width: 640px) and (max-width: 1271px) {
  .c-table.type\:grid.tab\:-equal {
    table-layout: fixed;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.tab\:-equal:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.tab\:-equal>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.tab\:-equal>tr,
  .c-table.type\:grid.tab\:-equal>tbody>tr {
    display: table-row
  }

  .c-table.type\:grid.tab\:-equal>tr>th,
  .c-table.type\:grid.tab\:-equal>tr>td,
  .c-table.type\:grid.tab\:-equal>tbody>tr>th,
  .c-table.type\:grid.tab\:-equal>tbody>tr>td {
    display: table-cell;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.tab\:-vertical {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.tab\:-vertical:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.tab\:-vertical>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.tab\:-vertical>tr,
  .c-table.type\:grid.tab\:-vertical>tbody>tr {
    border: none
  }

  .c-table.type\:grid.tab\:-vertical>tr>th,
  .c-table.type\:grid.tab\:-vertical>tr>td,
  .c-table.type\:grid.tab\:-vertical>tbody>tr>th,
  .c-table.type\:grid.tab\:-vertical>tbody>tr>td {
    display: block;
    border: none
  }

  .c-table.type\:grid.tab\:-horizontal {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.tab\:-horizontal:not(:has(tbody)) {
    display: flex
  }

  .c-table.type\:grid.tab\:-horizontal>tbody {
    display: flex
  }

  .c-table.type\:grid.tab\:-horizontal>tr,
  .c-table.type\:grid.tab\:-horizontal>tbody>tr {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.tab\:-horizontal>tr:last-child,
  .c-table.type\:grid.tab\:-horizontal>tbody>tr:last-child {
    border-right: none
  }

  .c-table.type\:grid.tab\:-horizontal>tr>th,
  .c-table.type\:grid.tab\:-horizontal>tr>td,
  .c-table.type\:grid.tab\:-horizontal>tbody>tr>th,
  .c-table.type\:grid.tab\:-horizontal>tbody>tr>td {
    border: none
  }
}

@media (min-width: 1272px) {
  .c-table.type\:grid.pc\:-equal {
    table-layout: fixed;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.pc\:-equal:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.pc\:-equal>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.pc\:-equal>tr,
  .c-table.type\:grid.pc\:-equal>tbody>tr {
    display: table-row
  }

  .c-table.type\:grid.pc\:-equal>tr>th,
  .c-table.type\:grid.pc\:-equal>tr>td,
  .c-table.type\:grid.pc\:-equal>tbody>tr>th,
  .c-table.type\:grid.pc\:-equal>tbody>tr>td {
    display: table-cell;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.pc\:-vertical {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.pc\:-vertical:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.pc\:-vertical>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.pc\:-vertical>tr,
  .c-table.type\:grid.pc\:-vertical>tbody>tr {
    border: none
  }

  .c-table.type\:grid.pc\:-vertical>tr>th,
  .c-table.type\:grid.pc\:-vertical>tr>td,
  .c-table.type\:grid.pc\:-vertical>tbody>tr>th,
  .c-table.type\:grid.pc\:-vertical>tbody>tr>td {
    display: block;
    border: none
  }

  .c-table.type\:grid.pc\:-horizontal {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.pc\:-horizontal:not(:has(tbody)) {
    display: flex
  }

  .c-table.type\:grid.pc\:-horizontal>tbody {
    display: flex
  }

  .c-table.type\:grid.pc\:-horizontal>tr,
  .c-table.type\:grid.pc\:-horizontal>tbody>tr {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.pc\:-horizontal>tr:last-child,
  .c-table.type\:grid.pc\:-horizontal>tbody>tr:last-child {
    border-right: none
  }

  .c-table.type\:grid.pc\:-horizontal>tr>th,
  .c-table.type\:grid.pc\:-horizontal>tr>td,
  .c-table.type\:grid.pc\:-horizontal>tbody>tr>th,
  .c-table.type\:grid.pc\:-horizontal>tbody>tr>td {
    border: none
  }
}

@media (min-width: 1920px) {
  .c-table.type\:grid.full\:-equal {
    table-layout: fixed;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.full\:-equal:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.full\:-equal>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.full\:-equal>tr,
  .c-table.type\:grid.full\:-equal>tbody>tr {
    display: table-row
  }

  .c-table.type\:grid.full\:-equal>tr>th,
  .c-table.type\:grid.full\:-equal>tr>td,
  .c-table.type\:grid.full\:-equal>tbody>tr>th,
  .c-table.type\:grid.full\:-equal>tbody>tr>td {
    display: table-cell;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.full\:-vertical {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.full\:-vertical:not(:has(tbody)) {
    display: table-row-group
  }

  .c-table.type\:grid.full\:-vertical>tbody {
    display: table-row-group
  }

  .c-table.type\:grid.full\:-vertical>tr,
  .c-table.type\:grid.full\:-vertical>tbody>tr {
    border: none
  }

  .c-table.type\:grid.full\:-vertical>tr>th,
  .c-table.type\:grid.full\:-vertical>tr>td,
  .c-table.type\:grid.full\:-vertical>tbody>tr>th,
  .c-table.type\:grid.full\:-vertical>tbody>tr>td {
    display: block;
    border: none
  }

  .c-table.type\:grid.full\:-horizontal {
    table-layout: auto;
    border: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.full\:-horizontal:not(:has(tbody)) {
    display: flex
  }

  .c-table.type\:grid.full\:-horizontal>tbody {
    display: flex
  }

  .c-table.type\:grid.full\:-horizontal>tr,
  .c-table.type\:grid.full\:-horizontal>tbody>tr {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--gray-2)
  }

  .c-table.type\:grid.full\:-horizontal>tr:last-child,
  .c-table.type\:grid.full\:-horizontal>tbody>tr:last-child {
    border-right: none
  }

  .c-table.type\:grid.full\:-horizontal>tr>th,
  .c-table.type\:grid.full\:-horizontal>tr>td,
  .c-table.type\:grid.full\:-horizontal>tbody>tr>th,
  .c-table.type\:grid.full\:-horizontal>tbody>tr>td {
    border: none
  }
}

.c-table.type\:row {
  width: 100%;
  line-height: 1.5
}

.c-table.type\:row .c-figure {
  margin-inline: auto
}

.c-table.type\:row>tr,
.c-table.type\:row>tbody>tr {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block: 24px;
  border-top: 1px solid var(--gray-2)
}

.c-table.type\:row>tr .c-figure,
.c-table.type\:row>tbody>tr .c-figure {
  vertical-align: top
}

.c-table.type\:row>tr:last-child,
.c-table.type\:row>tbody>tr:last-child {
  border-bottom: 1px solid var(--gray-2)
}

.c-table.type\:row>tr>th,
.c-table.type\:row>tbody>tr>th {
  font-weight: 700;
  text-align: left
}

.c-table.type\:row>tr>th .c-figure,
.c-table.type\:row>tbody>tr>th .c-figure {
  vertical-align: top
}

@media (min-width: 640px) {

  .c-table.type\:row>tr,
  .c-table.type\:row>tbody>tr {
    display: table-row
  }

  .c-table.type\:row>tr>th,
  .c-table.type\:row>tbody>tr>th {
    text-align: center
  }

  .c-table.type\:row>tr>th,
  .c-table.type\:row>tr>td,
  .c-table.type\:row>tbody>tr>th,
  .c-table.type\:row>tbody>tr>td {
    padding: 24px 12px
  }
}

.c-scrollable:has(.c-table) {
  table-layout: fixed
}

.c-scrollable:has(.c-table) .c-table.type\:grid,
.c-scrollable:has(.c-table) .c-table.type\:row {
  width: clamp(50rem, -8.889rem + 74.07vw, 80rem)
}

@media (min-width: 640px) {

  .c-scrollable:has(.c-table) .c-table.type\:grid,
  .c-scrollable:has(.c-table) .c-table.type\:row {
    width: 100%
  }
}

.c-tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(.5rem, .247rem + .63vw, .75rem)
}

.c-tag a {
  display: block;
  padding: 3px 6px;
  line-height: 1.2;
  color: var(--text);
  background-color: var(--base-white);
  border: 1px solid var(--gray-2)
}

@media (any-hover: hover) {
  .c-tag a {
    transition: color .3s, background-color .3s, border .3s
  }

  .c-tag a:hover {
    color: var(--base-white);
    background-color: var(--primary);
    border: 1px solid var(--primary)
  }
}

.c-tags_section {
  background-color: var(--gray-1);
  padding: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .c-tags_section {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.c-writer.-gray {
  width: calc(100vw - var(--scrollBar));
  padding: 25px clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  margin-left: -25px;
  background-color: var(--gray-1)
}

.c-writer .c-float_image {
  max-width: 100% !important
}

@media (min-width: 640px) {
  .c-writer {
    width: 100%;
    margin-left: initial
  }

  .c-writer figure {
    width: 22.65625%
  }

  .c-writer.-gray {
    padding: clamp(.75rem, .37rem + .95vw, 1.125rem);
    width: 100%;
    margin-left: initial
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .c-writer.-gray {
    padding: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

@media (min-width: 640px) {
  .c-writer.-people figure {
    width: 30%
  }
}

.c-writer_name {
  font-weight: 500
}

.c-writer_job {
  font-weight: 500;
  margin-top: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {
  .c-writer_job {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.c-writer_description {
  margin-top: clamp(.5rem, .247rem + .63vw, .75rem)
}

@media (min-width: 1272px) {
  .c-writer_description {
    margin-top: clamp(.75rem, .259rem + .62vw, 1rem)
  }
}

.c-year-links_wrap {
  position: relative
}

.c-year-links {
  display: flex;
  gap: 12px;
  padding-block: 30px
}

@media (min-width: 640px) {
  .c-year-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
    gap: 16px 24px;
    padding-block: 0
  }
}

.c-year-link {
  flex-shrink: 0
}

.c-year-link a {
  display: inline-block;
  width: 100%;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 700;
  color: var(--primary);
  text-align: center;
  background-color: var(--gray-1)
}

@media (any-hover: hover) {
  .c-year-link a {
    transition: color .3s, background-color .3s
  }

  .c-year-link a[href]:hover {
    color: var(--base-white);
    background-color: var(--primary)
  }
}

.c-year-link.is-active a {
  color: var(--base-white);
  background-color: var(--primary)
}

.c-year-link:last-child {
  padding-right: 25px
}

@media (min-width: 640px) {
  .c-year-link a {
    padding: clamp(.375rem, .13rem + .31vw, .5rem) clamp(.5rem, -.481rem + 1.23vw, 1rem)
  }

  .c-year-link:last-child {
    padding-right: 0
  }
}

.c-year-link_arrow {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 30px
}

.c-year-link_arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-block: auto;
  content: "";
  background-color: var(--gray-2)
}

.c-year-link_arrow:after {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  display: inline-block;
  margin-block: auto;
  content: "";
  width: 9px;
  height: 9px;
  border-color: var(--gray-2);
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg)
}

.c-scrollable:has(.c-year-links) {
  margin-top: -30px;
  margin-right: calc(50% - 50vw + var(--scrollBar) / 2);
  scrollbar-width: none
}

@media (min-width: 640px) {
  .c-scrollable:has(.c-year-links) {
    margin-top: 0;
    margin-right: auto
  }
}

.c-list+.p-article-president {
  margin-left: 1.8em
}

.p-article-president_name {
  font-size: 21px
}

@media (min-width: 1920px) {
  .p-article-president_name {
    font-size: 26px
  }
}

.p-article-president_list {
  font-size: .8em
}

.p-article-president_list li {
  margin-top: 1em
}

.p-article-square-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: auto;
  aspect-ratio: 1;
  padding: 10px;
  margin-inline: auto;
  border: 1px solid var(--gray-2)
}

@media (min-width: 640px) {
  .p-article-square-logo {
    width: 180px
  }
}

.p-timeline {
  position: relative;
  display: grid;
  gap: 24px
}

.p-timeline:before {
  position: absolute;
  top: 0;
  left: 91px;
  display: block;
  width: 4px;
  height: 100%;
  content: "";
  background-color: var(--primary)
}

@media (min-width: 640px) {
  .p-timeline {
    gap: 41px
  }

  .p-timeline:before {
    left: 110px
  }
}

@media (min-width: 1920px) {
  .p-timeline {
    gap: 48px
  }

  .p-timeline:before {
    left: 143px
  }
}

.p-timeline_item {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 36px
}

.p-timeline_item:first-child {
  font-size: 20px
}

.p-timeline_item:not(:has(.p-timeline_contents), :first-of-type) {
  margin-top: clamp(.9375rem, -.012rem + 2.37vw, 1.875rem)
}

@media (min-width: 640px) {
  .p-timeline_item {
    grid-template-columns: 82px 1fr;
    gap: 60px
  }

  .p-timeline_item:first-child {
    font-size: 24px
  }
}

@media (min-width: 1920px) {
  .p-timeline_item {
    grid-template-columns: 110px 1fr;
    gap: 70px
  }

  .p-timeline_item:first-child {
    font-size: 32px
  }
}

.p-timeline_year {
  position: relative;
  font-weight: 700;
  color: var(--primary);
  text-align: right
}

.p-timeline_year:after {
  position: absolute;
  top: 7px;
  right: -24px;
  bottom: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background-color: var(--primary);
  border-radius: 50%
}

.p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year {
  margin-top: -10px;
  font-size: 22px
}

.p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year:after {
  position: absolute;
  top: 10px;
  right: -26px;
  bottom: 0;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--base-white);
  border: 4px solid var(--primary);
  border-radius: 50%
}

@media (min-width: 640px) {
  .p-timeline_year:after {
    top: 6px;
    right: -38px;
    width: 16px;
    height: 16px
  }

  .p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year {
    margin-top: -7px;
    font-size: 24px
  }

  .p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year:after {
    top: 7px;
    right: -42px;
    width: 24px;
    height: 24px
  }
}

@media (min-width: 1920px) {
  .p-timeline_year:after {
    right: -43px;
    width: 16px;
    height: 16px
  }

  .p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year {
    margin-top: -14px;
    font-size: 32px
  }

  .p-timeline_item:not(:has(.p-timeline_contents)) .p-timeline_year:after {
    top: 14px;
    right: -48px
  }
}

.p-timeline_contentsWrap {
  display: flex;
  gap: 20px
}

@media (min-width: 1920px) {
  .p-timeline_contentsWrap {
    gap: 35px
  }
}

.p-timeline_contents {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.l-article .p-timeline_contents p:not([class])+p:not([class]) {
  margin-top: 0
}

@media (min-width: 640px) {
  .p-timeline_contents {
    gap: 18px
  }
}

@media (min-width: 1920px) {
  .p-timeline_contents {
    gap: 24px
  }
}

.p-timeline_monthWrap {
  display: flex;
  flex-direction: column;
  gap: 12px
}

@media (min-width: 640px) {
  .p-timeline_monthWrap {
    flex-direction: row;
    gap: 18px
  }
}

@media (min-width: 1920px) {
  .p-timeline_monthWrap {
    gap: 35px
  }
}

.p-timeline_month {
  font-weight: 700;
  color: var(--primary);
  white-space: nowrap
}

.p-twingreen-box.-lightgreen {
  height: 100%;
  border: 1px solid #67b726
}

.p-twingreen-box.-lightgreen .c-lead {
  border-bottom: 1px solid #67b726
}

.p-twingreen-box.-lightgreen :is(h1, h2, h3, h4, h5, h6):not(.c-lead) {
  color: #67b726
}

.p-twingreen-box.-green {
  height: 100%;
  border: 1px solid #009840
}

.p-twingreen-box.-green .c-lead {
  border-bottom: 1px solid #67b726
}

.p-twingreen-box.-green :is(h1, h2, h3, h4, h5, h6):not(.c-lead) {
  color: #009840
}

.p-category-mv {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(600px - var(--scrollBar));
  background-color: transparent
}

.p-category-mv .c-titleLvOne {
  margin-bottom: 0;
  color: var(--base-white)
}

@media (min-width: 1920px) {
  .p-category-mv {
    min-height: calc(900px - var(--scrollBar))
  }
}

.p-category-mv_bg-img img {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-aboutus-mv {
  padding-block: 50px;
  background-color: #f8f8f8
}

.p-aboutus-mv .l-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 46px
}

@media (min-width: 640px) {
  .p-aboutus-mv .l-container {
    display: flex;
    flex-direction: row;
    align-items: center
  }
}

@media (min-width: 1272px) {
  .p-aboutus-mv .l-container {
    justify-content: flex-start
  }
}

.p-aboutus-mv_title {
  color: #464646
}

@media (min-width: 640px) {
  .p-aboutus-mv_title {
    flex: 1
  }
}

.p-aboutus-mv_logo {
  width: 60%;
  margin-inline: auto
}

.p-aboutus-mv_logo img {
  width: 100%;
  height: 100%;
  aspect-ratio: 400/675;
  margin-inline: auto
}

@media (min-width: 640px) {
  .p-aboutus-mv_logo {
    flex: 1
  }

  .p-aboutus-mv_logo img {
    max-width: 400px
  }
}

.p-bap-group_header {
  display: flex;
  flex-direction: column;
  gap: 48px
}

@media (min-width: 640px) {
  .p-bap-group_header {
    flex-direction: row;
    gap: clamp(3.75rem, -2.579rem + 15.82vw, 10rem);
    align-items: center
  }

  .p-bap-group_textarea {
    flex: 1
  }
}

.p-bap-group_logo img {
  width: 100%;
  max-width: 260px;
  margin-inline: auto
}

@media (min-width: 640px) {
  .p-bap-group_logo {
    flex: 1
  }

  .p-bap-group_logo img {
    max-width: unset
  }
}

.p-bap-group_companies {
  margin-top: clamp(3rem, -1.051rem + 10.13vw, 7rem)
}

@media (min-width: 640px) {
  .p-bap-group_companies {
    display: flex;
    gap: clamp(.625rem, 0rem + 1.56vw, 1.875rem);
    justify-content: space-between
  }
}

.p-bap-group_company {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-block: 12px;
  border-top: 1px solid var(--gray-3)
}

.p-bap-group_company:where(:last-child) {
  border-bottom: 1px solid var(--gray-3)
}

.p-bap-group_company .-ja {
  font-weight: 700
}

.p-bap-group_company .p-bap_logo-wrap {
  max-width: 87px
}

@media (min-width: 640px) {
  .p-bap-group_company {
    flex: 1;
    flex-direction: column;
    gap: clamp(.625rem, -.324rem + 2.37vw, 1.5625rem);
    text-align: center;
    border-top: none;
    border-bottom: none
  }

  .p-bap-group_company .-ja,
  .p-bap-group_company .-en {
    font-size: clamp(.75rem, .469rem + .7vw, 1.3125rem)
  }

  .p-bap-group_company .p-bap_logo-wrap {
    max-width: unset
  }

  .p-bap-group_company .p-bap_logo-wrap img {
    width: 70%;
    margin-inline: auto
  }
}

@media (min-width: 1920px) {
  .p-bap-group_company {
    flex: none
  }

  .p-bap-group_company .p-bap_logo-wrap img {
    width: 100%
  }
}

.p-category_submv {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center
}

.p-category_submv>* {
  grid-row: 1/-1;
  grid-column: 1/-1
}

.p-category_submv .p-category_submv-title {
  z-index: 1;
  color: var(--base-white)
}

.p-category_submv .p-category_submv-title .-title {
  display: inline-block;
  margin: 0;
  line-height: 1
}

.p-category_submv .p-category_submv-title .-subtitle {
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  color: var(--base-white)
}

.p-category_submv .p-category_submv-img {
  position: relative;
  height: clamp(24rem, 9.253rem + 36.87vw, 38.5625rem);
  margin-inline: calc(50% - 50vw + var(--scrollBar) / 2);
  overflow: hidden
}

.p-category_submv .p-category_submv-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-category_submv .p-category_submv-img:before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to left, #0000, #00000070)
}

.p-category_submv .p-category_submv-img.-all-overlay:before {
  background-color: #00000070
}

@media (min-width: 640px) {
  .p-category_submv .p-category_submv-img:before {
    background: linear-gradient(to left, #0000, #00000070)
  }

  .p-category_submv .p-category_submv-img.-all-overlay:before {
    background-color: #00000070
  }
}

.is-display-1\.5x .l-section:has(.p-category_submv-img) {
  overflow: hidden
}

.is-display-1\.5x .p-category_submv-img {
  margin-inline: calc(100% - 100vw)
}

.p-glance {
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
}

.p-glance * {
  color: var(--base-white)
}

.p-glance:before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background-image: url(/assets/images/aboutus/bg_glance_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media (min-width: 640px) {
  .p-glance:before {
    background-image: url(/assets/images/aboutus/bg_glance.png)
  }
}

.p-glance_grid {
  gap: 0;
  text-align: center
}

.p-glance_grid-item {
  position: relative;
  align-items: center;
  padding: clamp(.9375rem, 2.344rem - 1.17vw, 1.875rem) 15px;
  border-top: 1px solid var(--base-white)
}

@media (min-width: 640px) {
  .p-glance_grid-item {
    border-top: unset
  }

  .p-glance_grid-item:not(:first-child) {
    border-left: 1px solid var(--base-white)
  }
}

.p-glance_grid-title {
  font-size: clamp(1rem, .625rem + .94vw, 1.75rem);
  font-weight: 500
}

.p-glance_grid-info {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap
}

.p-glance_grid-info .-unit {
  font-size: clamp(1rem, .625rem + .94vw, 1.75rem);
  font-weight: 500
}

@media (min-width: 640px) {
  .p-glance_grid-info {
    font-size: clamp(2.375rem, .813rem + 3.91vw, 5.5rem)
  }
}

.p-glance_grid-note {
  font-size: clamp(.875rem, .656rem + .55vw, 1.3125rem)
}

.p-settlement {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .p-settlement {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 640px) {
  .p-settlement {
    flex-direction: row
  }
}

.p-settlement_pdfs {
  row-gap: 0
}

.p-settlement_pdfs .c-grid_col {
  padding-block: 24px
}

.p-settlement_pdfs .c-grid_col:where(:not(:first-child)) {
  border-top: 1px solid var(--gray-2)
}

@media (min-width: 640px) {
  .p-settlement_pdfs .c-grid_col {
    border-top: none
  }

  .p-settlement_pdfs .c-grid_col:not(:nth-child(-n+2)) {
    border-top: 1px solid var(--gray-2)
  }

  .p-settlement_header {
    flex: 880;
    border-right: 1px solid var(--gray-2);
    padding-right: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .p-settlement_header {
    padding-right: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.p-stock-info {
  padding: 24px;
  box-shadow: 0 0 44px #00000038
}

@media (min-width: 640px) {
  .p-stock-info {
    flex: 360;
    height: -moz-fit-content;
    height: fit-content;
    padding: clamp(1rem, .019rem + 1.23vw, 1.5rem);
    margin-top: 0
  }
}

.p-stock-info_link {
  height: -moz-fit-content;
  height: fit-content
}

@media (any-hover: hover) {

  .p-stock-info_link .p-stock-info_title,
  .p-stock-info_link .p-stock-info_current,
  .p-stock-info_link .p-stock-info_price,
  .p-stock-info_link .p-stock-info_fluctuation {
    transition: color .3s
  }

  .p-stock-info_link .p-stock-info_code {
    transition: color .3s, border-bottom .3s
  }

  .p-stock-info_link .p-stock-info {
    transition: background-color .3s
  }

  .p-stock-info_link:hover .p-stock-info_title,
  .p-stock-info_link:hover .p-stock-info_current,
  .p-stock-info_link:hover .p-stock-info_price,
  .p-stock-info_link:hover .p-stock-info_fluctuation {
    color: var(--base-white)
  }

  .p-stock-info_link:hover .p-stock-info_code {
    color: var(--base-white);
    border-bottom: 1px solid var(--base-white)
  }

  .p-stock-info_link:hover .p-stock-info {
    background-color: var(--primary)
  }
}

.p-stock-info_title {
  color: var(--primary)
}

@media (min-width: 640px) {
  .p-stock-info_title {
    margin-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .p-stock-info_title {
    margin-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.p-stock-info_code {
  border-bottom: 1px solid var(--gray-2);
  padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-stock-info_code {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-stock-info_code .-code {
  font-weight: 700
}

@media (min-width: 640px) {
  .p-stock-info_code {
    padding-bottom: clamp(.75rem, .37rem + .95vw, 1.125rem)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .p-stock-info_code {
    padding-bottom: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.p-stock-info_values {
  display: flex;
  gap: 14px;
  align-items: end;
  margin-block: 8px
}

@media (min-width: 640px) {
  .p-stock-info_values {
    gap: clamp(.5rem, -.236rem + .93vw, .875rem)
  }
}

@media (min-width: 1272px) {
  .p-stock-info_values {
    margin-block: 14px
  }
}

.p-stock-info_price {
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  color: var(--primary)
}

@media (min-width: 640px) {
  .p-stock-info_price {
    margin-right: auto;
    font-size: clamp(2rem, 1.051rem + 2.37vw, 2.9375rem)
  }
}

@media (min-width: 1272px) {
  .p-stock-info_price {
    font-size: clamp(2rem, -1.19rem + 4.01vw, 3.625rem);
    margin-right: 0
  }
}

.p-stock-info_fluctuation {
  font-weight: 700;
  color: var(--primary)
}

@media (min-width: 1272px) {
  .p-stock-info_fluctuation {
    margin-bottom: -.1em
  }
}

@media (min-width: 640px) {
  .p-stock-info_current {
    margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .p-stock-info_current {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.p-hero {
  position: relative;
  height: calc(100vh - var(--headerHeight));
  min-height: 667px
}

body.is-mobile .p-hero {
  height: var(--innerHeight)
}

.p-hero .splide__track {
  height: 100%
}

.p-home .p-hero {
  height: 100vh
}

@media (min-width: 768px) {
  .p-hero {
    min-height: 720px
  }
}

.p-hero_info {
  position: absolute;
  top: 50%;
  width: 100%;
  color: var(--base-white);
  transform: translateY(-50%)
}

.p-hero_info .c-titleLvTwo {
  margin-bottom: 25px;
  font-size: clamp(2.625rem, 2.055rem + 1.42vw, 3.1875rem)
}

.p-hero_info .-lead {
  margin-bottom: 30px;
  font-size: clamp(1rem, .62rem + .95vw, 1.375rem)
}

.p-hero_info .c-btn {
  padding-inline: 35px
}

@media (min-width: 768px) {
  .p-hero_info .c-btn {
    padding-inline: 40px
  }
}

@media (min-width: 1272px) {
  .p-hero_info .c-titleLvTwo {
    margin-bottom: clamp(.9375rem, -.289rem + 1.54vw, 1.5625rem);
    font-size: clamp(3.1875rem, 1.102rem + 2.62vw, 4.25rem)
  }

  .p-hero_info .-lead {
    margin-bottom: clamp(2.1875rem, .961rem + 1.54vw, 2.8125rem);
    font-size: clamp(1.375rem, .884rem + .62vw, 1.625rem)
  }
}

.p-hero_links {
  display: flex;
  flex-direction: column;
  gap: 15px
}

.p-hero_links a {
  color: var(--base-white)
}

@media (min-width: 768px) {
  .p-hero_links {
    flex-direction: row;
    gap: 45px
  }
}

.p-hero_bgimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-slide_arrows {
  display: flex;
  gap: clamp(.4375rem, -6.807rem + 30.91vw, 1.5rem)
}

@media (min-width: 430px) {
  .p-slide_arrows {
    gap: clamp(1.5rem, 1.12rem + .95vw, 1.875rem)
  }
}

@media (min-width: 1272px) {
  .p-slide_arrows {
    gap: clamp(1.875rem, .648rem + 1.54vw, 2.5rem)
  }
}

.p-hero_arrows .p-slide_arrows {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: flex;
  gap: clamp(.4375rem, -6.807rem + 30.91vw, 1.5rem);
  padding-bottom: 25px
}

@media (min-width: 430px) {
  .p-hero_arrows .p-slide_arrows {
    gap: clamp(1.5rem, 1.12rem + .95vw, 1.875rem)
  }
}

@media (min-width: 768px) {
  .p-hero_arrows .p-slide_arrows {
    padding-bottom: 60px
  }
}

@media (min-width: 1272px) {
  .p-hero_arrows .p-slide_arrows {
    gap: clamp(1.875rem, .648rem + 1.54vw, 2.5rem)
  }
}

.p-slide_progressPagination {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: clamp(1.6875rem, -5.983rem + 32.73vw, 2.8125rem);
  z-index: 3;
  gap: 4px;
  width: 100%;
  max-width: clamp(7.375rem, -7.114rem + 61.82vw, 9.5rem);
  margin-inline: auto
}

.p-slide_progressPagination li {
  display: inline-block;
  flex: 1;
  height: 4px;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  pointer-events: auto
}

.p-slide_progressPagination .splide__progress {
  display: block;
  height: 100%;
  background-color: #ffffff8c
}

.p-slide_progressPagination.pause .is-active .splide__progress {
  background-color: var(--base-white)
}

.p-slide_progressPagination .splide__pagination__page {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}

.p-slide_progressPagination .splide__pagination__page:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: inherit;
  height: 2rem;
  content: "";
  translate: 0 -50%
}

.p-slide_progressPagination .splide__pagination__page.is-active {
  z-index: 100
}

.p-slide_progressPagination .splide__pagination__page.is-active .splide__progress__bar {
  display: block;
  height: 100%;
  background-color: var(--base-white)
}

@media (min-width: 430px) {
  .p-slide_progressPagination {
    max-width: clamp(9.5rem, 4.648rem + 18.05vw, 19rem)
  }
}

@media (min-width: 768px) {
  .p-slide_progressPagination {
    bottom: 60px;
    left: 0
  }

  .p-slide_progressPagination .splide__pagination__page:before {
    height: 3rem
  }
}

@media (min-width: 1272px) {
  .p-slide_progressPagination {
    max-width: clamp(19rem, -1.488rem + 25.77vw, 29.4375rem)
  }
}

.p-hero_toggleBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-block: 0 25px
}

.p-hero_toggleBtn .l-container {
  text-align: right
}

@media (min-width: 768px) {
  .p-hero_toggleBtn {
    padding-bottom: 60px
  }
}

.p-toggleBtn {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto 0
}

.p-toggleBtn_text {
  margin-bottom: clamp(.5rem, -.006rem + 1.27vw, 1rem);
  font-size: 12px;
  color: var(--base-white);
  text-align: center
}

@media (min-width: 1272px) {
  .p-toggleBtn_text {
    font-size: 16px
  }
}

.p-toggleBtn_btn {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 35px;
  background-color: #00007ac4;
  border-radius: 50px;
  transition: background-color .3s
}

.p-toggleBtn_btn:after {
  position: absolute;
  top: 2px;
  left: 36px;
  width: 31px;
  height: 31px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px #0003;
  transition: left .4s
}

.p-toggleBtn_btn input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0
}

.p-toggleBtn_btn:has(:checked) {
  background-color: #8c8c8cc4
}

.p-toggleBtn_btn:has(:checked) .splide__toggle__play {
  display: block
}

.p-toggleBtn_btn:has(:checked) .splide__toggle__pause {
  display: none
}

.p-toggleBtn_btn:has(:checked):after {
  left: 2px
}

.p-toggleBtn_btn:not(:has(:checked)) .splide__toggle__play {
  display: none
}

.p-toggleBtn_btn:not(:has(:checked)) .splide__toggle__pause {
  display: block
}

@media (any-hover: hover) {
  .p-toggleBtn_btn:has(input:focus-visible) {
    outline: 2px solid var(--base-white)
  }
}

.p-spotlight_header .l-container {
  display: flex;
  justify-content: space-between
}

.p-slide {
  position: relative;
  overflow: hidden
}

.p-slide_link {
  display: block;
  height: inherit
}

.p-slide_link:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(to top, rgb(70, 70, 70) 0%, transparent 100%)
}

.p-slide_link img {
  z-index: 0;
  transition: transform .3s, filter .3s
}

.p-slide_link .icon-arrow,
.p-slide_link .icon-external {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 2;
  font-size: 20px;
  background-color: var(--base-white)
}

@media (min-width: 1272px) {

  .p-slide_link .icon-arrow,
  .p-slide_link .icon-external {
    right: clamp(2.1875rem, .347rem + 2.31vw, 3.125rem);
    bottom: clamp(2.1875rem, .347rem + 2.31vw, 3.125rem)
  }
}

@media (any-hover: hover) {
  .p-slide_link:hover img {
    filter: brightness(.8);
    transform: scale(1.1)
  }

  .p-slide_link:focus-visible:after {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    content: "";
    border: 2px solid black
  }
}

.p-slide_text {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0 20px clamp(2.8125rem, 2.37rem + 1.89vw, 3.125rem);
  color: var(--base-white)
}

@media (min-width: 1272px) {
  .p-slide_text {
    width: 90%;
    padding: 0 0 35px 35px
  }
}

@media (min-width: 1920px) {
  .p-slide_text {
    padding: 0 0 50px 50px
  }
}

.p-slide_title {
  font-size: clamp(1.125rem, .86rem + 1.13vw, 1.3125rem);
  font-weight: 700
}

@media (min-width: 1272px) {
  .p-slide_title {
    font-size: 28px
  }
}

@media (min-width: 1920px) {
  .p-slide_title {
    font-size: 38px
  }
}

.p-slide_description {
  margin-top: 15px;
  font-size: 16px
}

@media (min-width: 640px) {
  .p-slide_description {
    display: block;
    margin-top: 25px;
    overflow: auto;
    font-size: 18px
  }
}

@media (min-width: 1920px) {
  .p-slide_description {
    font-size: 21px
  }
}

.p-slide_img {
  display: block;
  width: 100%;
  height: 100%
}

.p-slide_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-spotlight_controls {
  margin-top: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-spotlight_controls {
    margin-top: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-spotlight_controls.l-section {
  padding-block: 0
}

.p-spotlight_controls .l-container {
  display: flex;
  align-items: flex-start
}

.p-spotlight_controls .p-slide_progressPagination {
  position: relative;
  bottom: 0;
  left: 0
}

.p-spotlight_controls .p-slide_progressPagination .splide__progress {
  background-color: var(--gray-2)
}

.p-spotlight_controls .p-slide_progressPagination.pause .is-active .splide__progress,
.p-spotlight_controls .p-slide_progressPagination .splide__pagination__page.is-active .splide__progress__bar {
  background-color: var(--primary)
}

.p-spotlight_controls .p-toggleBtn_text {
  color: var(--text)
}

.p-spotlight_controls .p-toggleBtn {
  margin-top: clamp(-1rem, -1.696rem + 1.74vw, -.3125rem)
}

.is-display-1\.5x .p-spotlight_controls .p-toggleBtn {
  margin-top: clamp(-1.4375rem, -.683rem - .95vw, -1.0625rem)
}

@media (min-width: 768px) {
  .p-news {
    padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem)
  }

  .p-news_header {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: space-between
  }

  .p-news_header .c-titleLvTwo {
    white-space: nowrap
  }
}

.p-news_contents.l-section {
  padding-inline: 0
}

@media (min-width: 768px) {
  .p-news_contents.l-section {
    padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem)
  }
}

.p-news_contents .c-btn {
  margin-top: 40px
}

@media (min-width: 768px) {
  .p-news_contents .c-btn {
    margin-top: 20px
  }
}

.p-global {
  position: relative;
  background-color: var(--gray-1)
}

@media (min-width: 768px) {
  .p-global_intro {
    display: flex;
    flex-direction: column
  }
}

@media (min-width: 1272px) {
  .p-global_intro {
    flex-direction: row
  }
}

@media (min-width: 768px) {
  .p-global_header {
    flex: 1
  }
}

@media (min-width: 1272px) {
  .p-global_header {
    display: flex;
    flex-direction: column
  }

  .p-global_header .c-titleLvTwo {
    margin-bottom: 0
  }

  .p-global_description-wrap {
    margin-block: auto
  }
}

@media (min-width: 1920px) {
  .p-global_description {
    width: 80%
  }
}

.p-global_logos {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto
}

.p-global_logos img {
  width: clamp(11.125rem, 7.231rem + 14.49vw, 18.75rem);
  height: auto;
  margin-top: 48px
}

@media (min-width: 1272px) {
  .p-global_logos img {
    margin-top: 0
  }
}

@media (min-width: 768px) {
  .p-global_logos {
    display: flex;
    flex: 1
  }
}

@media (min-width: 1272px) {
  .p-global_logos {
    justify-content: flex-end
  }

  .p-global_logos img {
    width: clamp(19.8125rem, 9.63rem + 12.81vw, 25rem)
  }
}

@media (min-width: 1536px) {
  .p-global_logos {
    justify-content: center
  }
}

@media (min-width: 1920px) {
  .p-global_logos {
    justify-content: flex-start
  }
}

.p-nokdata {
  position: relative;
  display: grid;
  display: flex;
  flex-direction: column;
  padding: 25px;
  margin-top: 48px;
  background-color: var(--base-white);
  box-shadow: 0 0 44px #00000038
}

@media (min-width: 1024px) {
  .p-nokdata {
    display: grid;
    grid-template: 1fr/1fr 1fr 1fr;
    padding: 30px 0
  }

  .p-nokdata:after {
    content: none
  }
}

@media (min-width: 1272px) {
  .p-nokdata {
    margin-top: 85px
  }
}

@media (min-width: 1920px) {
  .p-nokdata {
    padding: 48px 0
  }
}

.p-nokdata_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: clamp(1.25rem, -.455rem + 7.27vw, 1.5rem)
}

.p-nokdata_item:nth-child(1) {
  padding-block: 25px 35px;
  border-bottom: 1px solid var(--gray-3)
}

.p-nokdata_item:nth-child(2) {
  padding-block: 25px 35px;
  border-bottom: 1px solid var(--gray-3)
}

.p-nokdata_item:nth-child(3) {
  align-items: start;
  padding-block: 50px 20px
}

.p-nokdata_item:nth-child(4) {
  align-items: start;
  padding-block: 50px 20px
}

.p-nokdata_item:nth-child(4) .p-nokdata_title {
  margin-bottom: 10px
}

.p-nokdata_item:nth-child(4) .-txt-sm {
  margin-top: 2px
}

.p-nokdata_item * {
  margin: 0;
  color: var(--primary);
  text-align: center
}

.p-nokdata_item.-employee .-ratio-wrap {
  display: flex;
  line-height: 1.2
}

.p-nokdata_item.-employee .-colon {
  width: 30px
}

@media (min-width: 1024px) {
  .p-nokdata_item {
    border-left: 1px solid var(--gray-3)
  }

  .p-nokdata_item.-production .p-nokdata_data {
    justify-content: flex-start
  }

  .p-nokdata_item:nth-child(1),
  .p-nokdata_item:nth-child(2),
  .p-nokdata_item:nth-child(3),
  .p-nokdata_item:nth-child(4) {
    align-items: flex-start;
    padding-block: 10px
  }

  .p-nokdata_item:nth-child(3) .p-nokdata_title,
  .p-nokdata_item:nth-child(4) .p-nokdata_title {
    margin-bottom: 10px
  }

  .p-nokdata_item:nth-child(1) {
    border-right: none;
    border-bottom: none;
    border-left: none
  }

  .p-nokdata_item:nth-child(2) {
    border-bottom: none
  }

  .p-nokdata_item:nth-child(3) {
    border-right: none
  }

  .p-nokdata_item:nth-child(3) .-ratio {
    font-size: 12px
  }

  .p-nokdata_item:nth-child(3) .-ratio-wrap {
    justify-content: space-around
  }
}

@media (min-width: 1272px) {
  .p-nokdata_item:nth-child(3) .-ratio {
    font-size: clamp(.75rem, .107rem + 1vw, 1.3125rem)
  }

  .p-nokdata_item:nth-child(1),
  .p-nokdata_item:nth-child(2),
  .p-nokdata_item:nth-child(3),
  .p-nokdata_item:nth-child(4) {
    padding-block: clamp(.625rem, .012rem + .77vw, .9375rem)
  }

  .p-nokdata_item:nth-child(3) .p-nokdata_title,
  .p-nokdata_item:nth-child(4) .p-nokdata_title {
    margin-bottom: clamp(.625rem, .012rem + .77vw, .9375rem)
  }
}

@media (min-width: 1920px) {

  .p-nokdata_item:nth-child(1),
  .p-nokdata_item:nth-child(2),
  .p-nokdata_item:nth-child(3),
  .p-nokdata_item:nth-child(4) {
    padding-block: 25px
  }
}

.p-nokdata_inner {
  display: flex;
  flex-direction: column;
  height: 100%
}

.p-nokdata_data {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 100%
}

.p-nokdata_title {
  font-size: clamp(1rem, .241rem + 1.9vw, 1.75rem);
  font-weight: 400
}

@media (min-width: 1024px) {
  .p-nokdata_title {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400
  }
}

@media (min-width: 1272px) {
  .p-nokdata_title {
    font-size: clamp(1.0625rem, -.287rem + 1.7vw, 1.75rem)
  }
}

.p-nokdata_data .-txt-xl {
  font-size: clamp(4rem, 2.481rem + 3.8vw, 5.5rem)
}

.p-nokdata_data .-txt-lg {
  font-size: clamp(1.75rem, .864rem + 2.22vw, 2.625rem)
}

.p-nokdata_data .-txt-md {
  font-size: clamp(1.25rem, .744rem + 1.27vw, 1.75rem)
}

.p-nokdata_data .-txt-sm {
  font-size: clamp(.75rem, .18rem + 1.42vw, 1.3125rem)
}

.p-nokdata_data .-bold {
  font-weight: 700
}

.p-nokdata_data .-ratio {
  font-size: .75rem
}

@media (min-width: 1024px) {
  .p-nokdata_data .-txt-xl {
    font-size: 53px
  }

  .p-nokdata_data .-txt-lg {
    font-size: 25px
  }

  .p-nokdata_data .-txt-md {
    font-size: 17px
  }

  .p-nokdata_data .-txt-sm {
    font-size: 12px
  }
}

@media (min-width: 1272px) {
  .p-nokdata_data .-txt-xl {
    font-size: clamp(3.3125rem, -.981rem + 5.4vw, 5.5rem)
  }

  .p-nokdata_data .-txt-lg {
    font-size: clamp(1.5625rem, -.523rem + 2.62vw, 2.625rem)
  }

  .p-nokdata_data .-txt-md {
    font-size: clamp(1.0625rem, -.287rem + 1.7vw, 1.75rem)
  }

  .p-nokdata_data .-txt-sm {
    font-size: clamp(.75rem, -.354rem + 1.39vw, 1.3125rem)
  }
}

.p-business {
  padding-inline: 0
}

@media (min-width: 768px) {
  .p-business {
    padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem)
  }
}

.p-business-header {
  padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  margin-bottom: clamp(2.5rem, 1.551rem + 2.37vw, 3.4375rem)
}

@media (min-width: 768px) {
  .p-business-header {
    display: flex;
    flex-direction: column;
    padding-inline: 0
  }
}

@media (min-width: 1024px) {
  .p-business-header {
    padding-inline: 0
  }

  .p-business-header * {
    flex: 1
  }
}

.p-business-links {
  display: grid;
  grid-template: 217fr 94fr 94fr 94fr/1fr;
  grid-template-areas: "biz""seal""elec""chem";
  min-height: 500px;
  background-image: url(/assets/images/home/bg_business-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover
}

@media (min-width: 768px) {
  .p-business-links {
    grid-template: 316fr 344fr/1fr 1fr 1fr;
    grid-template-areas: "biz biz biz""seal elec chem";
    padding: 0;
    background-image: url(/assets/images/home/bg_business.jpg);
    background-position: center
  }
}

@media (min-width: 1272px) {
  .p-business-links {
    min-height: auto
  }
}

.p-business-link {
  position: relative;
  display: flex;
  align-items: center
}

.p-business-link br {
  display: none
}

.p-business-link a {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-block: 30px;
  padding-inline: 25px;
  font-size: clamp(1.3125rem, 1.186rem + .32vw, 1.4375rem);
  font-weight: 500;
  color: var(--base-white);
  text-decoration: none
}

.p-business-link a:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: calc(100% - 50px);
  margin-inline: auto;
  content: "";
  border-top: 1px solid var(--base-white)
}

@media (any-hover: hover) {
  .p-business-link a {
    transition: background .3s, color .3s
  }

  .p-business-link a:hover {
    color: var(--base-white);
    text-decoration: none;
    background-color: var(--dark-bg-hover)
  }
}

.p-business-link:first-child a:after {
  border-top: none
}

.p-business-link .icon-arrow {
  margin-block: auto
}

.p-business-link.-business {
  grid-area: biz;
  align-items: flex-start;
  border-top: none
}

.p-business-link.-business a {
  padding-block: 50px 40px
}

.p-business-link.-business a:after {
  margin-block: auto 10px
}

.p-business-link.-business .icon-arrow {
  margin-block: auto 0
}

.p-business-link.-sealing {
  grid-area: seal
}

.p-business-link.-electronic {
  grid-area: elec
}

.p-business-link.-chemical {
  grid-area: chem
}

@media (min-width: 768px) {
  .p-business-link {
    border-top: none
  }

  .p-business-link br {
    display: block
  }

  .p-business-link a {
    padding: 25px;
    font-size: clamp(1.3125rem, 1.122rem + .4vw, 1.4375rem);
    line-height: 1.2
  }

  .p-business-link a:after {
    content: none
  }

  .p-business-link .icon-arrow {
    bottom: 30px;
    margin-block: auto 0
  }

  .p-business-link.-business {
    position: relative;
    padding-block: 0
  }

  .p-business-link.-business:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: calc(100% - 50px);
    margin-inline: auto;
    content: "";
    border-bottom: 1px solid var(--base-white)
  }

  .p-business-link.-business a {
    padding: 25px
  }

  .p-business-link.-business .icon-arrow {
    bottom: 25px
  }

  .p-business-link.-chemical:before,
  .p-business-link.-electronic:before {
    display: inline-block;
    width: 1px;
    height: calc(100% - 50px);
    content: "";
    background-color: var(--base-white)
  }
}

@media (min-width: 1272px) {
  .p-business-link a {
    padding: 20px 30px 25px;
    font-size: clamp(1.4375rem, -.403rem + 2.31vw, 2.375rem)
  }

  .p-business-link .icon-arrow {
    bottom: 30px
  }

  .p-business-link.-business {
    height: clamp(12.5rem, -1.731rem + 17.9vw, 19.75rem)
  }

  .p-business-link.-business a {
    padding: 40px 30px 25px
  }

  .p-business-link.-business .icon-arrow {
    bottom: 20px
  }

  .p-business-link.-business:after {
    width: calc(100% - 64px)
  }

  .p-business-link.-chemical:before,
  .p-business-link.-electronic:before {
    height: calc(100% - 60px)
  }
}

@media (min-width: 1920px) {
  .p-business-link a {
    padding: 25px 48px 48px
  }

  .p-business-link .icon-arrow {
    right: 48px;
    bottom: 48px
  }

  .p-business-link.-business a {
    padding: 48px 48px 25px
  }

  .p-business-link.-business .icon-arrow {
    bottom: 24px
  }

  .p-business-link.-business:after {
    width: calc(100% - 96px)
  }

  .p-business-link.-chemical:before,
  .p-business-link.-electronic:before {
    height: calc(100% - 90px)
  }
}

.p-research {
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(/assets/images/home/bg_research-technology_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover
}

.p-research * {
  color: var(--base-white)
}

.p-research .icon-arrow {
  margin-top: 45px
}

@media (min-width: 768px) {
  .p-research {
    background-image: url(/assets/images/home/bg_research-technology_pc.jpg)
  }

  .p-research .icon-arrow {
    margin-top: 30px
  }
}

@media (min-width: 1272px) {
  .p-research .icon-arrow {
    margin-top: clamp(1.875rem, -6.713rem + 10.8vw, 6.25rem)
  }
}

.p-research_link {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none
}

@media (any-hover: hover) {
  .p-research_link {
    transition: background .3s
  }

  .p-research_link .c-titleLvTwo,
  .p-research_link .p-research_description {
    transition: color .3s
  }

  .p-research_link:hover {
    background-color: var(--dark-bg-hover)
  }

  .p-research_link:hover .c-titleLvTwo,
  .p-research_link:hover .p-research_description {
    color: var(--base-white)
  }
}

@media (min-width: 1272px) {
  .is-display-1\.5x .p-slides {
    zoom: 1.1111111111
  }
}

.l-prod img {
  margin-inline: auto
}

.l-prod .l-section,
.l-prod .lpeCElement {
  position: relative;
  display: block;
  padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  padding-block: clamp(6rem, 3.215rem + 6.96vw, 8.75rem)
}

@media (min-width: 1272px) {

  .l-prod .l-section,
  .l-prod .lpeCElement {
    padding-block: clamp(8.75rem, 2.861rem + 7.41vw, 11.75rem)
  }
}

.l-prod .mktoContent>:nth-child(2n of.lpeCElement) {
  background-color: var(--gray-1)
}

.l-prod-list {
  display: grid;
  gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .l-prod-list {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

.l-prod-links {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.247rem + .63vw, 1.75rem)
}

@media (min-width: 1272px) {
  .l-prod-links {
    gap: clamp(1.75rem, .278rem + 1.85vw, 2.5rem)
  }
}

@media (min-width: 768px) {
  .l-prod-links {
    flex-direction: row;
    justify-content: center
  }
}

.prod-char_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center
}

.prod-char_list:not(:has(.-caption)) {
  row-gap: 0
}

.prod-char_list[data-sp-grid-col="2-1"] {
  grid-template-columns: 2fr 1fr
}

.prod-char_list[data-sp-grid-col="1-2"] {
  grid-template-columns: 1fr 2fr
}

@media (min-width: 768px) {
  .prod-char_list {
    grid-template-columns: repeat(3, 1fr)
  }
}

.prod-char_imgarea {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0
}

.prod-char_list.-arrow {
  display: block;
  margin-top: 0
}

.prod-char_list.-arrow .prod-char_imgarea .-caption {
  margin-top: 0
}

.prod-char_list.-arrow .prod-char_imglistwrap {
  position: relative;
  display: flex;
  gap: clamp(4.375rem, -3.853rem + 20.57vw, 12.5rem)
}

.prod-char_list.-arrow .prod-char_imglistwrap:after {
  position: absolute;
  inset: 0;
  width: clamp(1.4375rem, .298rem + 2.85vw, 2.5625rem);
  aspect-ratio: 23/18;
  margin: auto;
  content: "";
  background-image: url(/assets/images/products/article/icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain
}

@media (min-width: 768px) {
  .prod-char_list.-arrow .prod-char_imglistwrap {
    justify-content: space-between
  }

  .prod-char_list.-arrow .prod-char_imglistwrap:after {
    width: clamp(2.5625rem, -.995rem + 4.48vw, 4.375rem)
  }
}

.prod-char_list.-arrow .prod-char_imgwrap {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center
}

@media (min-width: 768px) {

  .prod-feature .l-container:has(.prod-feature_moviewrap),
  .prod-feature .lpContentsItem:has(.prod-feature_moviewrap) {
    position: static;
    display: grid;
    grid-template: auto auto/1.3fr 1fr;
    grid-template-areas: "title movie""info movie"
  }

  .prod-feature .c-titleLvTwo {
    grid-area: title
  }
}

.prod-feature .l-prod-links .c-btn {
  width: 100%
}

@media (min-width: 768px) {
  .prod-feature .l-prod-links {
    justify-content: flex-start
  }

  .prod-feature .l-prod-links li {
    width: min(400px, 100%)
  }
}

.prod-feature_moviewrap {
  width: calc(100vw - var(--scrollBar));
  margin-top: 24px;
  margin-left: clamp(-3.125rem, 1.042rem - 6.51vw, -1.5625rem)
}

.prod-feature_moviewrap .-movie {
  width: inherit
}

.prod-feature_moviewrap .-movie iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 560/315
}

.prod-feature_moviewrap .-text {
  padding-inline: clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem)
}

@media (min-width: 768px) {
  .prod-feature_moviewrap {
    position: absolute;
    top: 0;
    right: 0;
    grid-area: movie;
    width: 43vw;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: calc(clamp(6.875rem, 3.204rem + 9.18vw, 10.5rem) + 15px);
    margin-bottom: 0
  }

  .prod-feature_moviewrap .-movie {
    width: 100%;
    margin-left: 0
  }

  .prod-feature_moviewrap .-text {
    padding-inline: 0 5px
  }
}

@media (min-width: 1272px) {
  .prod-feature_moviewrap {
    margin-top: calc(clamp(10.5rem, 4.12rem + 8.02vw, 13.75rem) + 15px)
  }
}

@media (min-width: 1920px) {

  .prod-feature_moviewrap .-movie,
  .prod-feature_moviewrap .-text {
    max-width: 826px
  }
}

@media (min-width: 768px) {
  .prod-feature_info {
    grid-area: info
  }
}

@media (min-width: 640px) {
  .prod-feature_list {
    width: 90%
  }
}

@media (min-width: 1272px) {
  .prod-feature_list {
    width: 80%
  }
}

.is-display-1\.5x .prod-feature_list {
  width: 100%
}

.is-display-1\.5x .prod-feature_moviewrap {
  margin-inline: auto
}

@media (max-width: 767px) {
  .is-display-1\.5x .prod-feature_moviewrap {
    width: 100%
  }
}

@media (min-width: 768px) {

  .is-display-1\.5x .prod-feature .l-container:has(.prod-feature_moviewrap),
  .is-display-1\.5x .prod-feature .lpContentsItem:has(.prod-feature_moviewrap) {
    grid-template: auto auto/clamp(22.5rem, 4.405rem + 37.7vw, 34.375rem) 1fr;
    grid-template-areas: "title movie""info movie"
  }
}

.prod-image_list {
  row-gap: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .prod-image_list {
    row-gap: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.prod-image_list:not(:has(.-caption)) {
  row-gap: 0
}

.prod-image_list.-sp-col-2 {
  grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 768px) {
  .prod-image_list.-sp-col-1 {
    grid-template-columns: repeat(2, 1fr)
  }
}

.prod-image_imgarea {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0
}

.prod-image_imgarea .-caption {
  text-align: center
}

@media (min-width: 768px) {
  .prod-image_imgarea .-caption {
    text-align: left
  }
}

.prod-lineup_list {
  grid-template-columns: repeat(2, 1fr);
  row-gap: clamp(3rem, 1.608rem + 3.48vw, 4.375rem)
}

@media (min-width: 1272px) {
  .prod-lineup_list {
    row-gap: clamp(4.375rem, 1.185rem + 4.01vw, 6rem)
  }
}

@media (min-width: 768px) {
  .prod-lineup_list {
    grid-template-columns: repeat(3, 1fr)
  }
}

.prod-lineup_item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0
}

.prod-lineup_item .l-prod-links li {
  width: 100%
}

.prod-lineup_text .c-btn {
  width: 100%;
  padding-inline: 15px
}

@media (min-width: 768px) {
  .prod-lineup_links {
    flex-direction: column
  }
}

@media (min-width: 1024px) {
  .prod-lineup_links {
    flex-direction: row
  }
}

.prod-mv {
  padding-block: clamp(3rem, 1.608rem + 3.48vw, 4.375rem) !important
}

@media (min-width: 1272px) {
  .prod-mv {
    padding-block: clamp(4.375rem, 1.185rem + 4.01vw, 6rem) !important
  }
}

.prod-mv .l-container,
.prod-mv .lpContentsItem {
  display: grid !important;
  grid-template-areas: "img""title""description""links";
  gap: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {

  .prod-mv .l-container,
  .prod-mv .lpContentsItem {
    gap: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

@media (min-width: 768px) {
  .prod-mv {
    min-height: clamp(36.125rem, 16.25rem + 25vw, 46.25rem);
    padding-block: clamp(6.25rem, 11.806rem - 4.63vw, 8.125rem)
  }

  .prod-mv .l-container,
  .prod-mv .lpContentsItem {
    grid-template: auto auto auto/1fr 1fr;
    grid-template-areas: "img img""title title""description links"
  }
}

.prod-mv_textarea {
  display: contents
}

.prod-mv_titlearea {
  grid-area: title
}

.prod-mv_titlearea .-subtitle {
  margin-top: 5px;
  font-weight: 500
}

@media (max-width: 639px) {
  .prod-mv_titlearea .c-titleLvOne {
    font-size: 32px
  }

  .prod-mv_titlearea .-subtitle {
    margin-top: 24px;
    font-size: 21px
  }
}

.prod-mv_disc {
  font-weight: 500
}

@media (max-width: 639px) {
  .prod-mv_disc {
    font-size: 16px;
    font-weight: 400
  }
}

@media (min-width: 768px) {
  .prod-mv_disc {
    display: flex;
    grid-area: description;
    align-items: center
  }
}

.prod-mv_links {
  grid-area: links;
  margin-top: 0
}

.prod-mv_links .c-btn {
  width: 100%
}

@media (max-width: 639px) {
  .prod-mv_links {
    margin-top: 24px
  }
}

@media (min-width: 768px) {
  .prod-mv_links {
    justify-content: end
  }
}

.prod-mv_imgwrap {
  grid-area: img;
  width: 100%
}

@media (min-width: 768px) {
  .prod-mv_imgwrap {
    max-width: 840px;
    margin-inline: auto
  }

  .is-display-1\.5x .prod-mv_imgwrap {
    max-width: 600px
  }
}

.l-prod-gnav_list:last-child {
  position: relative;
  padding-left: clamp(.8125rem, -.091rem + 1.14vw, 1rem);
  margin-left: clamp(.8125rem, -.091rem + 1.14vw, 1rem)
}

.l-prod-gnav_list:last-child:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 40%;
  margin-block: auto;
  content: "";
  border-left: 1px solid var(--text)
}

@media (min-width: 1272px) {
  .l-prod-gnav_item.-arrow .l-gnav_item-btn:after {
    content: none
  }

  .l-prod-gnav_item.-tel a {
    gap: 8px
  }

  .l-prod-gnav_item.-tel img {
    width: 16px;
    margin-top: clamp(-.0625rem, -.364rem + .38vw, 0rem)
  }
}

@media (min-width: 1272px) and (any-hover: hover) {
  .l-prod-gnav_item.-tel:hover a {
    pointer-events: none
  }
}

@media (min-width: 1272px) {
  .l-prod-gnav_item.-mail a {
    gap: 8px
  }

  .l-prod-gnav_item.-mail img {
    width: 20px;
    margin-top: clamp(-.0625rem, -.553rem + .62vw, .1875rem)
  }
}

.p-faq-list_item {
  border-bottom: 1px solid var(--gray-3)
}

.p-faq-list_item>* {
  display: block
}

.p-faq-list_item>*:has(.p-faq-list_question .-icon) {
  font-weight: 500
}

@media (any-hover: hover) {
  .p-faq-list_item>*[href] {
    transition: background-color .3s, color .3s
  }

  .p-faq-list_item>*[href] .p-faq-list_question .-icon {
    transition: background-color .3s, color .3s
  }

  .p-faq-list_item>*[href]:hover {
    color: var(--base-white);
    background-color: var(--primary)
  }
}

.p-faq-list_question,
.p-faq-list_answer {
  display: flex;
  gap: clamp(1.25rem, -.016rem + 3.16vw, 2.5rem);
  padding-right: clamp(0rem, -1.266rem + 3.16vw, 1.25rem);
  padding-block: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {

  .p-faq-list_question,
  .p-faq-list_answer {
    padding-block: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-faq-list_question .-icon,
.p-faq-list_answer .-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: clamp(2.8125rem, 1.23rem + 3.96vw, 4.375rem);
  height: clamp(2.8125rem, 1.23rem + 3.96vw, 4.375rem);
  color: var(--base-white)
}

.p-faq-list_question .-contents {
  margin-top: clamp(.375rem, -.195rem + 1.42vw, .9375rem)
}

.p-faq-list_answer .-contents {
  margin-top: clamp(.6875rem, .118rem + 1.42vw, 1.25rem)
}

.p-faq-list_question .-icon {
  padding-bottom: 5px;
  font-weight: 500;
  background-color: var(--primary)
}

.p-faq-list_answer .-icon {
  background-color: var(--secondary)
}

.p-faq_category {
  display: inline-block;
  padding: clamp(.75rem, -.009rem + 1.9vw, 1.5rem) clamp(1.5625rem, -.02rem + 3.96vw, 3.125rem);
  font-weight: 700;
  background-color: var(--gray-1)
}

.p-faq_tab-btns .c-tab_btn-arrow {
  padding-inline: 5px
}

@media (min-width: 640px) {
  .p-faq_tab-btns .c-tab_btn-arrow {
    padding-inline: clamp(.625rem, -.313rem + 2.34vw, 2.5rem) clamp(1.875rem, 1.563rem + .78vw, 2.5rem)
  }
}

.p-search_checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px;
  margin-inline: calc(50% - 50vw);
  padding-block: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .p-search_checkboxes {
    padding-block: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

@media (min-width: 640px) {
  .p-search_checkboxes {
    grid-template-columns: repeat(auto-fit, minmax(254px, 1fr));
    gap: 2px;
    margin-inline: auto
  }
}

.p-search_condition {
  padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-search_condition {
    padding-top: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-search_condition:not(:first-of-type) {
  border-top: 1px solid var(--gray-2)
}

.p-search_btns {
  display: flex;
  flex-direction: column-reverse;
  margin-inline: calc(50% - 50vw);
  box-shadow: 0 -4px 8px #0000001a
}

.p-search_btns .c-btn,
.p-search_btns .p-search_clear {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  background-color: var(--primary);
  border: none
}

.p-search_btns .c-btn *,
.p-search_btns .p-search_clear * {
  color: var(--base-white)
}

.p-search_btns .c-btn * .icon-cross,
.p-search_btns .p-search_clear * .icon-cross {
  background-color: currentcolor
}

.p-search_btns .c-btn {
  border-top: 1px solid var(--base-white)
}

.p-search_btns .c-btn .c-btn_label {
  font-size: 18px;
  font-weight: 500
}

@media (any-hover: hover) {
  .p-search_btns .c-btn:hover * {
    color: var(--primary)
  }
}

.p-search_btns .c-btn.is-blink,
.p-search_btns .c-btn.is-blink .c-btn_label,
.p-search_btns .c-btn.is-blink .c-btn_label * {
  animation: blink 2s infinite
}

@keyframes blink {

  0%,
  to {
    color: var(--primary);
    background-color: var(--base-white)
  }

  50% {
    color: var(--base-white);
    background-color: var(--primary)
  }
}

@media (min-width: 640px) {
  .p-search_btns {
    flex-direction: column;
    gap: 30px;
    align-items: center;
    margin-inline: auto;
    box-shadow: none
  }

  .p-search_btns>*:not(.c-btn) {
    flex: 1
  }

  .p-search_btns .c-btn,
  .p-search_btns .p-search_clear {
    height: auto;
    background-color: var(--base-white)
  }

  .p-search_btns .c-btn *,
  .p-search_btns .p-search_clear * {
    color: var(--primary)
  }

  .p-search_btns .c-btn {
    padding-block: 18px;
    border: 1px solid var(--primary)
  }

  .p-search_btns .c-btn .c-btn_label {
    font-size: clamp(1.125rem, .875rem + .63vw, 1.625rem)
  }

  .p-search_btns .p-search_clear {
    justify-content: center
  }
}

@media (min-width: 1920px) {
  .p-search_btns {
    flex-direction: row;
    gap: 40px
  }
}

.p-search_clear-btn {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: end;
  margin: 0;
  font-weight: 400;
  color: var(--primary)
}

.p-search_clear-btn .icon-cross {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-top: .1em
}

@media (min-width: 640px) {
  .p-search_clear-btn .icon-cross {
    flex-grow: 0
  }
}

@media (any-hover: hover) {
  .p-search_clear-btn:hover {
    text-decoration: underline
  }
}

.p-search_content {
  transition: visibility .8s, opacity .8s
}

.p-search_content[hidden] {
  display: block;
  visibility: hidden;
  opacity: 0
}

.p-search_content.is-active {
  visibility: visible;
  opacity: 1
}

.p-search_content.-item .c-card.-portrait.-transparent .c-link,
.p-search_content.-industry .c-card.-portrait.-transparent .c-link {
  font-weight: 500
}

@media (max-width: 639px) {
  .p-search_content.-conditions {
    position: fixed;
    inset: 0;
    z-index: 100;
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem);
    padding-top: clamp(1.5rem, .994rem + 1.27vw, 2rem);
    overflow: hidden auto;
    visibility: hidden;
    background-color: var(--base-white);
    opacity: 0;
    transition: visibility .3s, opacity .3s;
    scrollbar-width: thin
  }

  .p-search_content.-conditions.is-active {
    visibility: visible;
    opacity: 1
  }

  body:has(.p-search_content.-conditions.is-active) {
    padding-right: var(--scrollBar);
    overflow: hidden
  }
}

.p-search_products-num {
  display: none
}

.p-search_products-num:has(+#product-list .c-grid_col) {
  display: block
}

.p-search_sp-content-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-search_sp-content-header {
    padding-bottom: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-search_sp-content-header button {
  width: 24px;
  height: 24px
}

.p-search_sp-content-header button .icon-cross {
  width: 100%;
  height: 100%
}

.p-search_sp-content-header .c-lead {
  font-weight: 700
}

.p-search_sp-content-header:after {
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  content: "";
  border-bottom: 1px solid var(--primary)
}

@media (min-width: 640px) {
  .p-search_sp-content-header {
    display: none
  }
}

@keyframes search-products-animation {
  0% {
    opacity: 0;
    transform: translateY(3rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.animate-fadein {
  animation: search-products-animation .5s ease-out forwards
}

.p-prod-series-card {
  gap: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {
  .p-prod-series-card {
    gap: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.p-prod-series-card .c-figure {
  max-width: initial
}

.p-prod-series-card_title {
  font-weight: 700
}

.u-grid:has(.p-prod-series-card)>li {
  display: contents
}

.p-prod-buybtn {
  display: flex;
  gap: clamp(.625rem, .012rem + .77vw, .9375rem);
  justify-content: space-between;
  padding: clamp(.625rem, .012rem + .77vw, .9375rem)
}

.p-prod-buybtn .c-btn_label {
  flex: 90;
  font-size: 16px
}

@media (min-width: 640px) {
  .p-prod-buybtn .c-btn_label {
    font-size: clamp(.75rem, .623rem + .32vw, .875rem)
  }
}

@media (min-width: 1272px) {
  .p-prod-buybtn .c-btn_label {
    font-size: clamp(.875rem, .63rem + .31vw, 1rem)
  }
}

.p-prod-buybtn_figure {
  display: flex;
  flex: 200;
  align-items: center;
  justify-content: center;
  background-color: var(--base-white)
}

.p-philosophy_lead {
  font-size: clamp(1rem, .241rem + 1.9vw, 1.75rem)
}

@media (min-width: 640px) {
  .p-philosophy_lead {
    font-weight: 500
  }
}

.p-philosophy_section {
  border-top: 1px solid var(--gray-3)
}

.p-philosophy_section.-principles .c-list {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto
}

.p-philosophy_section.-principles .c-list li {
  font-size: clamp(1.3125rem, .996rem + .79vw, 1.625rem)
}

.p-philosophy_section-title {
  display: flex;
  flex-direction: column;
  gap: clamp(.375rem, -.005rem + .95vw, .75rem);
  text-align: center
}

.p-philosophy_section-title .-ja,
.p-philosophy_section-title .-en {
  margin-bottom: 0
}

.p-philosophy_values-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-philosophy_values-list {
    gap: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

@media (min-width: 640px) {
  .p-philosophy_values-list {
    width: 80%;
    margin-inline: auto
  }
}

@media (min-width: 768px) {
  .p-philosophy_values-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 100%
  }
}

.p-philosophy_values-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: clamp(0rem, -.38rem + .95vw, .375rem);
  text-align: center
}

.p-philosophy_values-item .-ja,
.p-philosophy_values-item .-en {
  margin-bottom: 0
}

.p-philosophy_values-item .-en {
  font-size: clamp(1.625rem, -.338rem + 2.47vw, 2.625rem);
  font-weight: 700
}

.p-philosophy_values-item .-ja {
  font-size: clamp(1.25rem, .514rem + .93vw, 1.625rem)
}

.s_eirHeading {
  font-weight: 700
}

.s_eirList_item {
  align-items: top
}

@media (max-width: 768px) {
  .s_eirList_item {
    align-items: flex-start
  }
}

.s_eirList_item_head time {
  line-height: 2
}

.s_eirList_item_body {
  font-size: initial !important
}

.s_eirList_item_body .eirItem_title_link,
.s_eirList_item_body .eirItem_title_text {
  font-size: clamp(1rem, .873rem + .32vw, 1.125rem) !important
}

@media (min-width: 1272px) {

  .s_eirList_item_body .eirItem_title_link,
  .s_eirList_item_body .eirItem_title_text {
    font-size: clamp(1.125rem, .757rem + .46vw, 1.3125rem) !important
  }
}

.s_eirList_item_type_figure:has(.s_eirList_item_type_figure_image-url) {
  vertical-align: baseline
}

.s_eirList_item_type_figure:has(.s_eirList_item_type_figure_image-pdf) {
  margin-top: -4px;
  vertical-align: middle
}

.pnexIcon img {
  display: inline
}

.eir_pdfNote_item a {
  display: inline-block;
  padding-top: 7px
}

@media (max-width: 768px) {
  .eir_pdfNote_item a {
    padding-top: 0
  }
}

.s_eirSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.p-sitemap .c-titleLvTwo .c-link {
  color: var(--text)
}

.p-sitemap .c-grid_col>a {
  font-weight: 700
}

.p-sitemap .c-grid_col .c-grid_col>a {
  font-weight: 400
}

.p-sitemap .c-grid_col .c-link {
  display: flex;
  align-items: baseline
}

.p-sitemap .c-grid_col .c-link+.c-list,
.p-sitemap .c-grid_col .c-link+.c-grid {
  margin-top: clamp(.75rem, .37rem + .95vw, 1.125rem)
}

@media (min-width: 1272px) {

  .p-sitemap .c-grid_col .c-link+.c-list,
  .p-sitemap .c-grid_col .c-link+.c-grid {
    margin-top: clamp(1.125rem, .389rem + .93vw, 1.5rem)
  }
}

.p-strength {
  background-color: var(--gray-1)
}

.p-strength_title {
  display: flex;
  align-items: center;
  font-size: clamp(1.125rem, -.102rem + 1.54vw, 1.75rem);
  font-weight: 500
}

.p-strength_icon-wrap {
  display: flex;
  align-items: center
}

.p-strength_top {
  padding: 24px 24px 72px;
  clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 90%, 0 100%, 0 50%, 0 0);
  background-color: var(--primary)
}

.p-strength_top * {
  color: var(--base-white)
}

.p-strength_top .p-strength_icon-wrap {
  min-width: 36px
}

.p-strength_top .p-strength_icon-wrap img[src*=icon-7] {
  max-width: 30px
}

.p-strength_top .p-strength_icon-wrap img[src*=icon-8],
.p-strength_top .p-strength_icon-wrap img[src*=icon-9] {
  max-width: 32px
}

@media (min-width: 640px) {
  .p-strength_top {
    padding-block: clamp(3.75rem, 1.719rem + 5.08vw, 7.8125rem) clamp(6.875rem, 3.125rem + 9.38vw, 14.375rem);
    clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 85%, 0 100%, 0 50%, 0 0);
    padding-inline: clamp(1.5rem, .994rem + 1.27vw, 2rem)
  }
}

@media (min-width: 640px) and (min-width: 1272px) {
  .p-strength_top {
    padding-inline: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

@media (min-width: 640px) {
  .p-strength_top .p-strength_icon-wrap {
    min-width: clamp(2rem, 1.438rem + 1.41vw, 3.125rem);
    min-height: clamp(2rem, 1.438rem + 1.41vw, 3.125rem)
  }

  .p-strength_top .p-strength_icon-wrap img[src*=icon-7] {
    max-width: clamp(1.875rem, 1.344rem + 1.33vw, 2.9375rem)
  }

  .p-strength_top .p-strength_icon-wrap img[src*=icon-8],
  .p-strength_top .p-strength_icon-wrap img[src*=icon-9] {
    max-width: clamp(2rem, 1.438rem + 1.41vw, 3.125rem)
  }
}

@media (min-width: 1272px) {
  .p-strength_top {
    clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 80%, 0 100%, 0 50%, 0 0)
  }

  .p-strength_top .c-grid {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around
  }

  .p-strength_top .c-grid_col {
    width: -moz-fit-content;
    width: fit-content
  }

  .is-display-1\.5x .p-strength_top .c-grid {
    gap: 15px
  }
}

@media (min-width: 640px) {
  .p-strength_top .p-strength_title {
    flex-direction: column
  }
}

@media (min-width: 1272px) {
  .p-strength_top .p-strength_title {
    flex-direction: row
  }
}

.p-strength_bottom {
  padding: clamp(1.5rem, .994rem + 1.27vw, 2rem)
}

@media (min-width: 1272px) {
  .p-strength_bottom {
    padding: clamp(2rem, .037rem + 2.47vw, 3rem)
  }
}

.p-strength_bottom .p-strength_icon-wrap {
  min-width: 36px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-1] {
  max-width: 30px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-2] {
  max-width: 36px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-3] {
  max-width: 26px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-4] {
  max-width: 33px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-5] {
  max-width: 26px
}

.p-strength_bottom .p-strength_icon-wrap img[src*=icon-6] {
  max-width: 25px
}

@media (min-width: 640px) {
  .p-strength_bottom .p-strength_icon-wrap {
    min-width: clamp(2.25rem, 1.594rem + 1.64vw, 3.5625rem);
    min-height: clamp(2.5rem, 1.781rem + 1.8vw, 3.9375rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-1] {
    max-width: clamp(1.875rem, 1.344rem + 1.33vw, 2.9375rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-2] {
    max-width: clamp(2.25rem, 1.594rem + 1.64vw, 3.5625rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-3] {
    max-width: clamp(1.625rem, 1.188rem + 1.09vw, 2.5rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-4] {
    max-width: clamp(2.0625rem, 1.469rem + 1.48vw, 3.25rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-5] {
    max-width: clamp(1.625rem, 1.156rem + 1.17vw, 2.5625rem)
  }

  .p-strength_bottom .p-strength_icon-wrap img[src*=icon-6] {
    max-width: clamp(1.5625rem, 1.156rem + 1.02vw, 2.375rem)
  }
}

@keyframes fadeIn {
  0% {
    visibility: hidden;
    opacity: 0
  }

  50% {
    visibility: hidden;
    opacity: 0
  }

  to {
    visibility: visible;
    opacity: 1
  }
}

@keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1
  }

  to {
    visibility: hidden;
    opacity: 0
  }
}

@keyframes fadeOutToTop {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(-3rem)
  }
}

@keyframes leftToRight {
  0% {
    opacity: 0;
    transform: translate(-3rem)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes rightToLeft {
  0% {
    opacity: 0;
    transform: translate(3rem)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes bottomToTop {
  0% {
    opacity: 0;
    transform: translateY(3rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes topToBottom {
  0% {
    opacity: 0;
    transform: translateY(-3rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.2)
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

@keyframes blur {
  0% {
    filter: blur(1.5rem)
  }

  to {
    filter: blur(0)
  }
}

@keyframes scroll {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(100%)
  }
}

@keyframes scrollTop {
  0% {
    transform: translateY(100%)
  }

  to {
    transform: translateY(-100%)
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0% 50%
  }
}

@keyframes slideTip {
  0% {
    transform: scaleX(0);
    transform-origin: left
  }

  50% {
    transform: scaleX(1);
    transform-origin: left
  }

  50.001% {
    transform-origin: right
  }

  to {
    transform: scaleX(0);
    transform-origin: right
  }
}

@media not print {
  [data-animation] {
    opacity: 0
  }

  [data-animation].active {
    opacity: 1
  }

  [data-animation=fadeIn].active {
    transition: .5s ease-in-out
  }

  [data-animation=bottomToTop].active {
    animation: bottomToTop .5s ease-in-out
  }

  [data-animation=topToBottom].active {
    animation: topToBottom .5s ease-in-out
  }

  [data-animation=leftToRight].active {
    animation: leftToRight .5s ease-in-out
  }

  [data-animation=rightToLeft].active {
    animation: rightToLeft .5s ease-in-out
  }
}

.p-hero {
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-duration: 2s
}

.p-hero .p-hero_info .l-container {
  animation-fill-mode: both;
  animation-name: rightToLeft;
  animation-duration: 1.5s;
  animation-delay: 2s
}